Γιατί όλες οι εικόνες σας είναι πλέον WebP — και τι ακολουθεί

Κάνετε δεξί κλικ σε μια εικόνα σε μια ιστοσελίδα, την αποθηκεύετε και παίρνετε ένα αρχείο .webp. Το πρόγραμμα επεξεργασίας εικόνων σας δεν το αναγνωρίζει. Η φόρμα στην οποία πρέπει να το ανεβάσετε το απορρίπτει. Πριν από πέντε χρόνια, αυτό το μορφότυπο μόλις υπήρχε στην εμπειρία των περισσότερων. Σήμερα, είναι παντού.

Η άνοδος του WebP από αφανές πείραμα της Google στο κυρίαρχο μορφότυπο εικόνων του web είναι μια ιστορία οικονομίας επιδόσεων, πολιτικής browsers και της αργής φύσης των οικοσυστημάτων λογισμικού.

Γιατί η Google δημιούργησε το WebP

Το 2010, οι εικόνες αποτελούσαν περίπου το 60% του συνολικού μεγέθους της μέσης ιστοσελίδας. Η Google, της οποίας η επιχείρηση εξαρτάται από τη γρήγορη περιήγηση στο web, είχε ισχυρό κίνητρο να κάνει τις εικόνες μικρότερες.

Το WebP χτίστηκε πάνω στον κωδικοποιητή βίντεο VP8 — την ίδια τεχνολογία συμπίεσης πίσω από το βίντεο WebM. Η διαίσθηση της Google ήταν ότι οι τεχνικές συμπίεσης βίντεο, βελτιστοποιημένες για δεκαετίες, μπορούσαν να προσαρμοστούν για στατικές εικόνες ώστε να ξεπεράσουν το γηρασμένο πρότυπο JPEG (του 1992) και το βαρύτερο μορφότυπο PNG.

Τα αποτελέσματα ήταν σημαντικά:

Ο αργός δρόμος προς την υιοθέτηση

Το να έχεις ένα καλύτερο μορφότυπο δεν αρκεί. Η ιστορία υιοθέτησης του WebP αποκαλύπτει πώς η πολιτική των browsers διαμορφώνει το web:

• 2010 — Η Google κυκλοφορεί το WebP. Μόνο ο Chrome το υποστηρίζει.
• 2011-2014 — Η Opera προσθέτει υποστήριξη. Οι Firefox και Safari αρνούνται, επικαλούμενοι ανησυχίες για κατακερματισμό μορφοτύπων.
• 2018 — Ο Firefox 65 προσθέτει τελικά υποστήριξη WebP μετά από χρόνια αντίστασης.
• 2020 — Η Apple προσθέτει υποστήριξη WebP στο Safari 14 και iOS 14 — η τελευταία μεγάλη εξαίρεση.
• 2022-σήμερα — Με καθολική υποστήριξη browsers, η υιοθέτηση επιταχύνεται ραγδαία.

Το 10ετές κενό μεταξύ δημιουργίας και καθολικής υποστήριξης εξηγεί πολλά. Οι προγραμματιστές δεν μπορούσαν να χρησιμοποιήσουν με ασφάλεια το WebP μέχρι όλοι οι μεγάλοι browsers να το υποστηρίξουν, γιατί η παροχή μη υποστηριζόμενου μορφοτύπου σημαίνει σπασμένες εικόνες. Το HTML στοιχείο <picture>, που επιτρέπει την παροχή διαφορετικών μορφοτύπων σε διαφορετικούς browsers, ήταν η γέφυρα τεχνολογίας που επέτρεψε τη σταδιακή υιοθέτηση.

Γιατί κάθε ιστοσελίδα το χρησιμοποιεί τώρα

Τα κίνητρα για τις ιστοσελίδες να σερβίρουν WebP είναι συντριπτικά:

• Ο αλγόριθμος αναζήτησης της Google λαμβάνει υπόψη την ταχύτητα σελίδας στις κατατάξεις. Το Google PageSpeed Insights συστήνει ρητά το WebP. Η μη χρήση του μειώνει τη βαθμολογία επιδόσεων.
• Το bandwidth κοστίζει χρήματα. Ένα μεγάλο ηλεκτρονικό κατάστημα που σερβίρει εκατομμύρια εικόνες εξοικονομεί χιλιάδες ευρώ μηνιαίως αλλάζοντας από JPEG σε WebP.
• Η εμπειρία χρήστη βελτιώνεται. Μια σελίδα με 20 εικόνες προϊόντων εξοικονομεί 2-3 MB με WebP. Σε κινητές συνδέσεις, αυτό είναι η διαφορά μεταξύ 2 δευτερολέπτων και 6 δευτερολέπτων φόρτωσης σελίδας.
• Οι πλατφόρμες CMS το αυτοματοποιούν. Το WordPress μετατρέπει εικόνες σε WebP αυτόματα από την έκδοση 5.8. Το Shopify, Squarespace και οι περισσότερες σύγχρονες πλατφόρμες κάνουν το ίδιο.

Το αποτέλεσμα είναι ότι όταν αποθηκεύετε μια εικόνα από το web σήμερα, σχεδόν πάντα παίρνετε WebP — ακόμα κι αν η αρχική ανέβηκε ως JPEG. Ο server ανιχνεύει ότι ο browser σας υποστηρίζει WebP και σερβίρει τη βελτιστοποιημένη έκδοση.

Το πρόβλημα συμβατότητας εκτός browsers

Το WebP λειτουργεί τέλεια σε browsers, για τα οποία σχεδιάστηκε. Το πρόβλημα είναι ότι οι εικόνες δεν μένουν στους browsers:

• Λογισμικό γραφείου — παλαιότερες εκδόσεις Word, PowerPoint και Excel δεν υποστηρίζουν WebP
• Επεξεργαστές εικόνας — εκδόσεις πολλών επεξεργαστών πριν το 2021 δεν μπορούν να ανοίξουν αρχεία WebP
• Υπηρεσίες εκτύπωσης — οι online υπηρεσίες εκτύπωσης απαιτούν συνήθως JPEG, PNG ή TIFF
• Κρατικές και θεσμικές φόρμες — σχεδόν παγκοσμίως απαιτούν JPEG ή PNG
• Πελάτες email — το WebP στο σώμα του email εμφανίζεται ασυνεπώς μεταξύ πελατών

Αυτό δημιουργεί ένα απογοητευτικό κενό: το web σερβίρει WebP, αλλά πολλές μεταγενέστερες χρήσεις απαιτούν JPEG ή PNG. Η πρακτική ανάγκη για μετατροπή μορφοτύπων δεν πρόκειται να εξαφανιστεί σύντομα.

AVIF: η επόμενη γενιά

Το WebP δεν είναι το τέλος της ιστορίας. Το AVIF (AV1 Image File Format), που αναπτύχθηκε από την Alliance for Open Media (Google, Apple, Mozilla, Microsoft), υπόσχεται ακόμα καλύτερα αποτελέσματα:

• 20% μικρότερο από WebP σε ισοδύναμη ποιότητα
• Ανώτερος χειρισμός λεπτών λεπτομερειών και ντεγκραντέ
• Καλύτερη υποστήριξη HDR και ευρέος χρωματικού φάσματος
• Βασισμένο στον σύγχρονο κωδικοποιητή βίντεο AV1

Η υποστήριξη AVIF στους browsers αυξάνεται (Chrome, Firefox και Safari το υποστηρίζουν πλέον), αλλά η υιοθέτηση ακολουθεί το ίδιο αργό μοτίβο με το WebP. Πιθανώς θα χρειαστούν ακόμα αρκετά χρόνια πριν το AVIF αντικαταστήσει το WebP ως προεπιλογή του web, και όταν γίνει, θα δημιουργήσει τους ίδιους πονοκεφάλους συμβατότητας που προκαλεί σήμερα το WebP.

Ο κύκλος επαναλαμβάνεται: καλύτερη συμπίεση, αργή υιοθέτηση από browsers, τελική πανταχόθεν παρουσία, και μια μακρά ουρά ζητημάτων συμβατότητας εκτός browser.

Μάθετε περισσότερα

Όταν χρειάζεται να μετατρέψετε εικόνες WebP για χρήση εκτός browser:

• Μετατροπή WebP σε JPG — άμεση μετατροπή, επεξεργασία τοπικά στον browser σας
• Μετατροπέας εικόνων — μετατροπή μεταξύ όλων των κυρίων μορφοτύπων εικόνας

Και τα δύο εργαλεία είναι δωρεάν και επεξεργάζονται τα αρχεία σας εξ ολοκλήρου στη συσκευή σας.