Σημειώσεις από την ομάδα για την τέχνη, τις μορφές και τις μικρές αποφάσεις πίσω από ένα καλό αποτέλεσμα.
Πώς μία εικόνα μετατρέπεται στο πρόγραμμα περιήγησης, και τι αλλάζει για πολλές
Όταν ρίχνεις ένα JPEG στη σελίδα, το πρόγραμμα περιήγησης διαβάζει το αρχείο στη μνήμη, αποκωδικοποιεί τα συμπιεσμένα δεδομένα πίσω σε ακατέργαστα εικονοστοιχεία με τον ενσωματωμένο αναγνώστη JPEG, ζωγραφίζει αυτά τα εικονοστοιχεία σε μια επιφάνεια εκτός οθόνης, και ζητά από την πλατφόρμα να τα γράψει ξανά ως WebP. Κάθε βήμα γίνεται στο πρόγραμμα περιήγησης, στο δικό σου υλικό, οπότε κανένα byte δεν διασχίζει το δίκτυο. Στις δοκιμές μας ένα JPEG σε 1024 επί 768 τελειώνει σε περίπου 54 χιλιοστά του δευτερολέπτου, και μια φωτογραφία σε 3840 επί 2160 παίρνει περίπου 550 χιλιοστά. Όταν μετατρέπεις πολλές εικόνες μαζί, η δουλειά μετακινείται στον διακομιστή μας, που τις κωδικοποιεί μαζί και επιστρέφει μία λήψη της οποίας ο σύνδεσμος διαγράφεται σε περίπου 2 ώρες.
Τι συμβαίνει με το EXIF και τα μεταδεδομένα
Τα αρχεία JPEG μπορούν να κουβαλούν πραγματικά φορτία μεταδεδομένων. Το EXIF καταγράφει το μοντέλο κάμερας, τις συντεταγμένες GPS, την ταχύτητα κλείστρου και τον προσανατολισμό. Τα πεδία IPTC κρατούν πνευματικά δικαιώματα και λεζάντα. Τα πακέτα XMP παρακολουθούν το ιστορικό επεξεργασίας, και τα προφίλ ICC καλύπτουν τη διαχείριση χρώματος. Η μετατροπή εδώ δεν κρατά τίποτα από αυτά. Το WebP εξόδου είναι ένα καθαρό αρχείο που κρατά μόνο τα ορατά εικονοστοιχεία. Αυτή είναι η κανονική συμπεριφορά για εργαλεία εικόνας που ζωγραφίζουν μέσω του προγράμματος περιήγησης, σε Chromium, Firefox και WebKit ομοίως. Για τις περισσότερες δημοσιεύσεις ιστού, το να πέφτουν τα μεταδεδομένα είναι θετικό: κόβει μερικά bytes και σταματά το GPS ή τα προσωπικά δεδομένα από το να διαρρεύσουν σε μια δημόσια εικόνα. Αν χρειάζεσαι ένα συγκεκριμένο πεδίο κρατημένο, ο προσανατολισμός όντας ο συνηθισμένος, περίστρεψε τη φωτογραφία πρώτα ή χρησιμοποίησε έναν επεξεργαστή που γνωρίζει τα μεταδεδομένα πριν τη μετατροπή. Μην βασίζεσαι σε αυτό το εργαλείο για αρχειακή δουλειά όπου τα αρχικά μεταδεδομένα πρέπει να επιβιώσουν ακέραια.
WebP έναντι JPEG: πώς διαφέρει η συμπίεση
Το JPEG κόβει μια εικόνα σε μπλοκ 8 επί 8 και τρέχει έναν Διακριτό Μετασχηματισμό Συνημιτόνου για να μετατρέψει τη χωρική λεπτομέρεια σε δεδομένα συχνότητας, μετά κβαντίζει τις υψηλότερες συχνότητες πιο σκληρά. Το WebP δανείζεται ένα σχήμα πρόβλεψης από το βίντεο VP8: κάθε μπλοκ μαντεύεται από τους ήδη αποκωδικοποιημένους γείτονές του, και μόνο η υπολειπόμενη διαφορά αποθηκεύεται. Αυτό τείνει να αφήνει λιγότερα τεχνουργήματα τύπου μπλοκ στο ίδιο μέγεθος αρχείου, ειδικά στις ομαλές διαβαθμίσεις και τους τόνους δέρματος όπου το πλέγμα του JPEG μπορεί να ανέβει στην επιφάνεια ως ορατό μωσαϊκό. Σε φωτογραφίες υψηλής ποιότητας, πάνω από q80, το μάτι σπάνια πιάνει τη διαφορά, αλλά το πλεονέκτημα μεγέθους κρατά σταθερό. Σε χαμηλότερη ποιότητα, κάτω από q60, το προβάδισμα του WebP πλαταίνει και ο χαρακτήρας των τεχνουργημάτων αλλάζει: το WebP απλώνεται σε ένα πιο μαλακό θόλωμα ενώ το JPEG δείχνει τα σήμα κατατεθέν μπλοκ του. Κανένα δεν κερδίζει σε κάθε εικόνα. Έντονα υφαντά θέματα όπως το φύλλωμα μερικές φορές συμπιέζονται περίπου το ίδιο και στις δύο μορφές.
Core Web Vitals και το επιχείρημα υπέρ του WebP
Το Largest Contentful Paint, ή LCP, μετρά πόσο γρήγορα το μεγαλύτερο ορατό στοιχείο τελειώνει τη φόρτωση στο παράθυρο προβολής. Στις περισσότερες σελίδες μάρκετινγκ αυτό το στοιχείο είναι μια φωτογραφία ήρωα. Η Google έχει επιβεβαιώσει ότι τα Core Web Vitals δρουν ως παράγοντας κατάταξης στην Αναζήτηση. Όταν ο ήρωας είναι ένα JPEG των, μπορεί να σπρώξει το LCP πέρα από το κατώφλι των 2,5 δευτερολέπτων σε μια μεσαία σύνδεση κινητού. Μετάτρεψε την ίδια φωτογραφία σε WebP περίπου στα και το LCP μπορεί να γλιστρήσει πίσω μέσα στην πράσινη ζώνη χωρίς καμία άλλη αλλαγή στη σελίδα. Η εξοικονόμηση 25 έως 34 τοις εκατό συσσωρεύεται σε κάθε εικόνα της σελίδας. Μια σελίδα που κουβαλά έξι JPEG που αθροίζουν μπορεί να ρίξει 300 έως αλλάζοντας σε WebP, που επιταχύνει άμεσα την πρώτη ουσιαστική απεικόνιση σε αργές συνδέσεις. Τα CDN που υποστηρίζουν διαπραγμάτευση περιεχομένου δίνουν WebP σε συμβατά προγράμματα περιήγησης μόνα τους, οπότε δεν υπάρχει αγγαρεία ανά εικόνα μόλις τα πρωτότυπα υπάρχουν.
Υποστήριξη προγραμμάτων περιήγησης για WebP το 2026 και τα κενά
Από το 2026, το WebP διαβάζεται σε Chrome από την έκδοση 17, Firefox από 65, Edge από 18, Opera από 11.10, και Safari από την έκδοση 14 σε iOS 14 και macOS Big Sur. Σύμφωνα με το caniuse.com, η συνδυασμένη παγκόσμια κάλυψη για αποκωδικοποίηση WebP ξεπερνά το 97 τοις εκατό της κίνησης προγραμμάτων περιήγησης. Η εναπομείνασα λωρίδα είναι κυρίως ο Internet Explorer 11, το Safari 13 σε macOS Catalina, και μια μακριά ουρά πολύ παλιών προγραμμάτων περιήγησης Android. Για τα περισσότερα δημόσια έργα, το να σερβίρεις WebP σε όλους είναι ασφαλές. Όταν χρειάζεσαι ολική κάλυψη, το στοιχείο picture της HTML σου επιτρέπει να καταχωρίσεις μια πηγή WebP και μια εφεδρεία JPEG σε μία ετικέτα, και το πρόγραμμα περιήγησης παίρνει την πρώτη μορφή που μπορεί να διαβάσει. Τα CDN με βελτιστοποίηση εικόνας διαπραγματεύονται τη μορφή αυτόματα από την κεφαλίδα Accept που στέλνει το πρόγραμμα περιήγησης, οπότε δεν χρειάζεται χειροκίνητη δοκιμή ανά πρόγραμμα περιήγησης όταν σερβίρεις μέσω αυτών.
Πότε να μην χρησιμοποιήσεις WebP
Το WebP είναι η σωστή κλήση για παράδοση ιστού σε σύγχρονα προγράμματα περιήγησης, αλλά είναι η λάθος κλήση σε μερικά συνηθισμένα σημεία. Η δουλειά εκτύπωσης χρειάζεται χρώμα CMYK, που το WebP δεν φέρει, οπότε JPEG και TIFF μένουν στάνταρ για το τυπογραφείο. Οι πελάτες email είναι ανισόρροποι: Gmail και Apple Mail αποδίδουν WebP, αλλά το Outlook στα Windows όχι. Η κοινή χρήση αρχείων και οι αγορές ποικίλλουν επίσης. Google Drive, Dropbox και GitHub δείχνουν WebP μια χαρά, ενώ πολλές κοινωνικές πλατφόρμες, πρακτορεία στοκ και συστήματα ηλεκτρονικού εμπορίου ξανασυμπιέζουν τις εισερχόμενες εικόνες σε JPEG εσωτερικά, που κάνει το βήμα WebP άσκοπο. Η υποστήριξη επεξεργαστών είναι ακόμα μπαλωμένη: Lightroom, Capture One και Affinity Photo μπορούν να ανοίξουν WebP, όμως άφθονα πρόσθετα και προεπιλογές εξαγωγής ακόμα προεπιλέγουν JPEG. Για οποιαδήποτε ροή εργασίας που περνά εικόνες μέσα από συστήματα τρίτων που δεν ελέγχεις, κράτα ένα κύριο JPEG και μετάτρεψε σε WebP μόνο στο τελικό επίπεδο παράδοσης.