Τα AVIF και WebP είναι μορφές εικόνας που έχουν καλύτερη συμπίεση και ποιότητα σε σχέση με τις παλιές JPEG και PNG. Η κωδικοποίηση των εικόνων στην μορφή σε AVIF και WebP μπορούν να συμπιέσουν μια εικόνα απο 50% έως και 90%, προσφέροντας καλύτερη ποιότητα. καταναλώνοντας λιγότερα δεδομένα ειδικά στις κινητές συσκευές.
Παρακάτω βλέπουμε ένα παράδειγμα εικόνας αρχικού μεγέθους 7MB με την συμπίεση WebP να κατεβαίνει στα 145kB με – 98% μειώσει από το αρχικό της μέγεθος.
Η μορφή αρχείου εικόνας AV1 (AVIF) είναι μια μορφή εικόνας ανοιχτού κώδικα για την αποθήκευση σταθερών και κινούμενων εικόνων.
Οφέλη από την συμπίεση με AVIF #
Το AVIF υποστηρίζει πολύ αποτελεσματική συμπίεση χωρίς απώλειες για την παραγωγή εικόνων υψηλής ποιότητας. Το AVIF συμπιέζει πολύ καλύτερα από τις περισσότερες δημοφιλείς μορφές που ξέρουμε μέχρι σήμερα (JPEG, WebP, JPEG 2000 κ.λπ.). Οι εικόνες μπορεί να είναι έως και δέκα φορές μικρότερες από JPEG παρόμοιας οπτικής ποιότητας. Ορισμένες δοκιμές έχουν δείξει ότι το AVIF προσφέρει εξοικονόμηση 50% στο μέγεθος του αρχείου σε σύγκριση με το JPEG με παρόμοια ποιότητα. Σημειώστε ότι μπορεί να υπάρχουν περιπτώσεις όπου το WebP μπορεί να είναι καλύτερο από το AVIF, χωρίς να υπάρξει απώλεια στην ποιότητα της εικόνας κατι το οποίο μπορεί να προσδιοριστεί αυτόματα κατα το φόρτωμα της σελίδας.
Το AVIF υποστηρίζονται σε Chrome, Firefox και Opera και προσφέρουν μικρότερα αρχεια σε μέγεθος σε σύγκριση με άλλες μορφές με τις ίδιες ρυθμίσεις ποιότητας.
Το WebP υποστηρίζεται στις πιο πρόσφατες εκδόσεις των Chrome, Firefox, Safari, Edge και Opera και παρέχει καλύτερη συμπίεση χωρίς απώλειες.
Εκτός από την πολύ καλή συμπίεση, το AVIF παρέχει επίσης τα ακόλουθα χαρακτηριστικά:
- Το AVIF υποστηρίζει κινούμενα σχέδια, ζωντανές φωτογραφίες και πολλά άλλα μέσω εικόνων πολλαπλών επιπέδων που είναι αποθηκευμένες σε ακολουθίες εικόνων.
- Προσφέρει καλύτερη υποστήριξη για γραφικά στοιχεία, λογότυπα και γραφήματα, όπου το JPEG έχει περιορισμούς.
- Παρέχει καλύτερη συμπίεση χωρίς απώλειες από το JPEG.
- Υποστηρίζει δώδεκα bit βάθους χρώματος, επιτρέποντας εικόνες υψηλού δυναμικού εύρους (HDR) και ευρείας γκάμα χρωμάτων (WCG) με καλύτερο εύρος φωτεινών και σκούρων τόνων και ευρύτερο εύρος φωτεινότητας.
- Περιλαμβάνει υποστήριξη για μονόχρωμες εικόνες και εικόνες πολλαπλών καναλιών, συμπεριλαμβανομένων διαφανών εικόνων που χρησιμοποιούν το κανάλι άλφα.
Μπορείτε να συγκρίνετε την ποιότητα κάποιας εικόνας με το παρακάτω εργαλείο για να δείτε την διαφορά: https://squoosh.app/
Τα προγράμματα περιήγησης που δεν υποστηρίζουν AVIF δεν θα εμφανίσουν την εικόνα.
Η χρήση του <picture> tag
ΤΟ <picture> tag επιτρέπει στα πρΓια να συμπεριλάβετε μια εικόνα AVIF στη σελίδα σας, μπορείτε να την προσθέσετε ως στοιχείο εικόνας. Ωστόσο, τα προγράμματα περιήγησης να παραλείπουν τις εικόνες που δεν αναγνωρίζουν, μπορείτε να συμπεριλάβετε εικόνες με σειρά προτίμησης. Το πρόγραμμα περιήγησης θα επιλέξει αυτόματα αυτο που υποστηρίζει.
WebP #
Η Google δημιούργησε τη μορφή WebP το 2011 ως μορφή εικόνας που θα βοηθούσε στην γρήγορη φόρτωση της σελίδας. Το WebP προσφέρει συμπίεση χωρίς απώλειες στην ποιότητα της εικόνας.
ΟΦΕΛΗ WEBP #
Οι εικόνες WebP είναι γενικά 26% μικρότερες από το PNG και 25–34% μικρότερες από τις εικόνες JPEG παρόμοιας ποιότητας. Η WebP υποστηρίζει κινούμενες εικόνες και μπορεί να αντικαταστήσει εξαιρετικά εικόνες GIF.
Transparency: WebP έχει ένα κανάλι διαφάνειας 8-bit χωρίς απώλειες με 22% περισσότερα byte από το PNG. Metadata: Υποστηρίζει επίσης διαφάνεια lossy RGB, φωτογραφίες EXIF και XMP. Μπορεί επίσης να εμπεριέχει χρωματικό προφίλ ICC. Animation: κινούμενες εικόνες true-color.
Σημείωση: Στην περίπτωση διαφάνειας στις διανυσματικές εικόνες, ένα βελτιστοποιημένο SVG αρχείο μπορεί να είναι πολύ καλύτερο και μικρότερο σε σύγκριση με μια μορφή ράστερ.
Προβολή αρχείων WebP #
Το WebP υποστηρίζεται στις πιο πρόσφατες εκδόσεις σχεδόν όλων των μεγάλων προγραμμάτων περιήγησης σήμερα.
Τα πρόσθετα WebP είναι διαθέσιμα για άλλες δημοφιλείς πλατφόρμες CMS όπως το WordPress , το Joomla , το Drupal κ.λπ. Tο WebP είναι επίσης διαθέσιμo στον πυρήνα του WordPress, ξεκινώντας από την έκδοση WordPress 5.8.
Βοηθητικά προγράμματα:
Το XnConvert είναι ένα βοηθητικό πρόγραμμα που μπορείτε να εγκαταστήσετε στην επιφάνεια εργασίας για να μετατρέψετε διαφορετικές μορφές εικόνας, συμπεριλαμβανομένου του WebP. Το XnConvert μπορεί επίσης να βοηθήσει με την αφαίρεση και την επεξεργασία μεταδομένων, την περικοπή και την αλλαγή μεγέθους, τη φωτεινότητα και την αντίθεση, την προσαρμογή του βάθους των χρωμάτων, το θάμπωμα και την ευκρίνεια, τις μάσκες και τα υδατογραφήματα και άλλους μετασχηματισμούς.
Περίληψη #
Συνοψίζοντας όλες τις πληροφορίες σχετικά με τις τέσσερις μορφές JPEG, PNG, AVIF και WebP
Σημείωση: Ο αριθμός των αστεριών βασίζεται σε μια γενική γνώμη και μπορεί να διαφέρει για συγκεκριμένες περιπτώσεις χρήσης.