WebP σε JPG: πότε να μετατρέψετε, πότε όχι και γιατί

Η Google κυκλοφόρησε το WebP το 2010 ως μικρότερη αντικατάσταση του JPG για το web και για μια δεκαετία έμεινε μορφή περιορισμένης χρήσης, επειδή το Safari δεν το εμφάνιζε. Αυτό άλλαξε όταν η Apple πρόσθεσε το WebP στο Safari 14 και στο macOS Big Sur το 2020. Μόλις όλα τα μεγάλα προγράμματα περιήγησης μπορούσαν να το εμφανίσουν, οι εταιρείες που σερβίρουν εικόνες σε μεγάλη κλίμακα το υιοθέτησαν, και το έκαναν από την πλευρά του διακομιστή, όπου δεν βλέπετε την απόφαση και όπου τίποτα στη σελίδα δεν σας λέει ποια μορφή βλέπετε πραγματικά.

Το CDN εικόνων του Shopify, για παράδειγμα, στέλνει WebP σε κάθε πρόγραμμα περιήγησης που δηλώνει ότι μπορεί να το εμφανίσει, ακόμη κι αν η φωτογραφία του προϊόντος ανέβηκε ως JPG. Το Google Images εμφανίζει τις προεπισκοπήσεις του ως WebP. Το WordPress δέχεται μεταφορτώσεις WebP από την έκδοση 5.8 το 2021· ένα σχέδιο να μετατρέπει εξ ορισμού τα JPG σε WebP εγκαταλείφθηκε πριν κυκλοφορήσει η έκδοση 6.1, όμως το πρόσθετο Modern Image Formats της ομάδας απόδοσης του WordPress και πολλά εργαλεία βελτιστοποίησης εικόνων των παρόχων φιλοξενίας κάνουν ακριβώς αυτό. Το αποτέλεσμα είναι παντού το ίδιο: το αρχείο ήταν JPG στον υπολογιστή του ιδιοκτήτη του site και έγινε WebP μέχρι να φτάσει στον δικό σας.

Το πρόγραμμα περιήγησης συμμετέχει πρόθυμα. Κάθε αίτημα εικόνας από Chrome, Edge και Firefox περιέχει μια κεφαλίδα Accept με τα image/webp (και image/avif), και ένας διακομιστής που υποστηρίζει διαπραγμάτευση μορφής τη διαβάζει και επιλέγει τη μικρότερη μορφή που μπορείτε να εμφανίσετε. Όταν κάνετε δεξί κλικ και επιλέγετε Αποθήκευση εικόνας ως, το πρόγραμμα περιήγησης αποθηκεύει τα byte που έχει ήδη λάβει. Γι' αυτό το όνομα αρχείου μπορεί να τελειώνει σε .jpg στη γραμμή διευθύνσεων και παρ' όλα αυτά το αρχείο να καταλήγει στον δίσκο σας ως WebP, κάποιες φορές και με διπλή επέκταση όπως .jpg.webp.

Τα προγράμματα περιήγησης έπαψαν να είναι το πρόβλημα πριν από χρόνια. Το πρόβλημα βρίσκεται σε όλα τα υπόλοιπα: λογισμικό υπολογιστή εγκατεστημένο πριν από το 2022, φόρμες μεταφόρτωσης με λίστα αποδεκτών μορφών που γράφτηκε μία φορά και δεν ξανάγγιξε κανείς, συστήματα φωτογραφείων βασισμένα σε JPG και TIFF, και προγράμματα email που εμφανίζουν τις ενσωματωμένες εικόνες με δικό τους αποκωδικοποιητή. Κανένα δεν αποτυγχάνει με χρήσιμο τρόπο. Μια πύλη εκτύπωσης απλώς απορρίπτει το αρχείο, μια κρατική φόρμα λέει ότι η μορφή δεν είναι έγκυρη και ένα παλιότερο Photoshop εμφανίζει ένα γενικό μήνυμα «could not complete your request» που δεν αναφέρει ποτέ το WebP.

Η Adobe πρόσθεσε εγγενές άνοιγμα και αποθήκευση WebP στο Photoshop στην έκδοση 23.2, τον Φεβρουάριο του 2022· οτιδήποτε παλαιότερο χρειάζεται πρόσθετο τρίτου. Το Lightroom Classic έμεινε χρόνια χωρίς εισαγωγή WebP, οπότε μια βιβλιοθήκη σε παλαιότερη έκδοση θα παραλείψει αθόρυβα αυτά τα αρχεία κατά την εισαγωγή. Στα Windows, το παλιό Windows Photo Viewer δεν ανοίγει καθόλου WebP και η εφαρμογή Φωτογραφίες των Windows 10 εξαρτάται από το πακέτο WebP Image Extensions της Microsoft από το Store. Οι φόρμες μεταφόρτωσης είναι οι πιο αυστηρές: η μεταφόρτωση φωτογραφίας βίζας DS-160 του Υπουργείου Εξωτερικών των ΗΠΑ, για παράδειγμα, δέχεται μόνο JPEG, και πολλές πύλες αιτήσεων πανεπιστημίων και εργασίας αναφέρουν JPG, PNG και PDF και τίποτε άλλο.

Το WebP είναι ασυνήθιστο, επειδή μία μορφή καλύπτει και τις δύο δουλειές: απωλεστική συμπίεση για φωτογραφίες και συμπίεση χωρίς απώλειες με κανάλι alpha για γραφικά. Όταν το μετατρέπετε, πρέπει να διαλέξετε ποια από τις δύο δουλειές έκανε το αρχείο, γιατί το JPG και το PNG χειρίζονται καλά μόνο τη μία. Το ερώτημα δεν είναι ποια μορφή είναι καλύτερη γενικά (αυτή η σύγκριση καλύπτεται στο JPG vs JPEG vs PNG), αλλά τι περιέχει αυτή η συγκεκριμένη εικόνα και πού θα πάει στη συνέχεια.

Μια φωτογραφία προϊόντος, μια ταπετσαρία, μια εικόνα συνταγής ή μια φωτογραφία διακοπών ταιριάζει σε JPG· θα είναι κλάσμα του μεγέθους ενός PNG και θα φαίνεται ίδια. Ένα λογότυπο, ένα εικονίδιο, ένα αυτοκόλλητο, ένα προϊόν αποκομμένο σε διαφανές φόντο ή ένα στιγμιότυπο γεμάτο κείμενο ταιριάζει σε PNG, γιατί το JPG θα γέμιζε τις διαφανείς περιοχές με συμπαγές χρώμα ή θα θόλωνε τις αιχμηρές άκρες των γραμμάτων. Όταν δεν μπορείτε να καταλάβετε, ανοίξτε το αρχείο σε καρτέλα προγράμματος περιήγησης με σκούρο θέμα: αν γύρω από το θέμα φαίνεται σκακιέρα ή η σκούρα σελίδα, η εικόνα έχει διαφάνεια και χρειάζεται PNG.

Η μετατροπή ενός WebP με απώλειες σε JPG αποκωδικοποιεί τα pixel και τα κωδικοποιεί ξανά με διαφορετική μέθοδο, οπότε το αποτέλεσμα δεν είναι πανομοιότυπο bit προς bit. Στην πράξη, με ποιότητα JPG 85 έως 90 η διαφορά είναι πολύ κάτω από ό,τι διακρίνεται σε κανονικό μέγεθος, ακόμη και σε οθόνη υψηλής ανάλυσης. Η ορατή απώλεια σε ένα WebP που κατεβάσατε έγινε νωρίτερα, όταν το συμπίεσε ο ιστότοπος, και η μετατροπή δεν μπορεί να επαναφέρει αυτή τη λεπτομέρεια· απλώς αποφεύγει να προσθέσει πολύ περισσότερη. Μια δεύτερη ή τρίτη μετατροπή θα επιβάρυνε, γι' αυτό μετατρέψτε μία φορά, από το WebP που αποθηκεύσατε, αντί να περνάτε από μορφή σε μορφή.

Τρία πράγματα αλλάζουν με τρόπους που μπορεί να προσέξετε. Το αρχείο μεγαλώνει, συνήθως κατά ένα τρίτο ή περισσότερο, επειδή το JPG είναι η λιγότερο αποδοτική μορφή· αν μια φόρμα έχει όριο KB, μετατρέψτε πρώτα και μετά συμπιέστε το στα 100 KB ή όσο είναι το όριο. Η διαφάνεια ισοπεδώνεται: στον μετατροπέα WebP σε JPG η ρύθμιση Διαφανείς περιοχές γεμίζει αυτά τα pixel με Λευκό από προεπιλογή, ή με Μαύρο ή Προσαρμοσμένο χρώμα. Και η κίνηση χάνεται, αφού ένα JPG κρατά ένα καρέ και διατηρείται μόνο το πρώτο.

Όσα δεν αλλάζουν έχουν ίδια σημασία: οι διαστάσεις σε pixel, ο προσανατολισμός και τα χρώματα μένουν ίδια, και το ενσωματωμένο προφίλ χρώματος διατηρείται εφόσον η επιλογή Διατήρηση προφίλ χρώματος μένει ενεργή. Αν μετατρέπετε για εκτύπωση, ανεβάστε την Ποιότητα στο 90 ή πάνω· τα επιπλέον byte δεν κοστίζουν τίποτα σε ένα φωτογραφείο και διώχνουν κάθε αμφιβολία για τις ομαλές διαβαθμίσεις σε ουρανούς και δέρμα. Για μεταφορτώσεις με αυστηρό όριο KB, το 80 είναι συνήθως ακόμη καθαρό σε φωτογραφία και αφήνει περισσότερο περιθώριο κάτω από το όριο απ' ό,τι το 90. Κάτω από το 70 περίπου, εμφανίζονται κυβίσκοι γύρω από κείμενο και λεπτές γραμμές.

Πριν μετατρέψετε, αξίζει να ελέγξετε αν ο ιστότοπος θα σας δώσει το αρχικό του αρχείο, γιατί έτσι παρακάμπτεται εντελώς μία γενιά συμπίεσης. Το αν δουλεύει εξαρτάται από το πώς παράγει το WebP ο ιστότοπος. Όταν το WebP δημιουργείται από CDN εν κινήσει, το JPG υπάρχει ακόμη στον διακομιστή και το σωστό αίτημα μπορεί να το φέρει. Όταν ο ιστότοπος αποθήκευσε μόνο το WebP, όπως κάνουν ορισμένες εγκαταστάσεις WordPress μετά τη μετατροπή των μεταφορτώσεων, δεν έχει μείνει JPG και η μετατροπή είναι ο μόνος δρόμος.

Τα κόλπα παρακάτω παρατίθενται από το πιο αξιόπιστο στο λιγότερο αξιόπιστο. Κανένα δεν περιλαμβάνει κάτι ασυνήθιστο: είναι κοινές ενέργειες του προγράμματος περιήγησης και σύνδεσμοι λήψης που προσφέρει ήδη ο ιστότοπος. Αυτό που θα δείτε να προτείνεται συχνότερα στο διαδίκτυο, η προσθήκη ?format=jpg στο τέλος μιας διεύθυνσης εικόνας, είναι και το λιγότερο αξιόπιστο. Δουλεύει μόνο όταν το CDN εικόνων τυχαίνει να διαβάζει παράμετρο με αυτό ακριβώς το όνομα, και τα περισσότερα δεν το κάνουν, οπότε παίρνετε πίσω το ίδιο WebP χωρίς σφάλμα που να σας πει ότι το κόλπο απέτυχε.

Αν έχετε αποθηκεύσει έναν κατάλογο προϊόντων, ένα σύνολο εικόνων αναφοράς ή έναν φάκελο με ταπετσαρίες, η μετατροπή ενός αρχείου τη φορά γίνεται γρήγορα κουραστική. Ο μετατροπέας δέχεται έως 20 αρχεία ανά παρτίδα, έως 95 MB το καθένα, εφαρμόζει τις ίδιες ρυθμίσεις Ποιότητα και Διαφανείς περιοχές σε όλα και επιστρέφει ένα ενιαίο ZIP. Τα αρχεία διαγράφονται από τον διακομιστή 30 λεπτά μετά την επεξεργασία και δεν χρειάζεται να εγκαταστήσετε τίποτα. Ένας φάκελος με 100 εικόνες είναι πέντε παρτίδες.

Ταξινομήστε τον φάκελο πριν ξεκινήσετε. Βάλτε τις φωτογραφίες σε μία παρτίδα για JPG και τα λογότυπα, τα εικονίδια και ό,τι έχει διαφανές φόντο σε άλλη για WebP σε PNG, ώστε τίποτα να μην καταλήξει με λευκό πλαίσιο γύρω του. Αν δουλεύετε σε Mac, η εντολή Εξαγωγή της Προεπισκόπησης (Preview) μετατρέπει μεμονωμένα αρχεία, ενώ όσοι χρησιμοποιούν γραμμή εντολών μπορούν να τρέξουν mogrify -format jpg *.webp του ImageMagick για πολύ μεγάλους φακέλους. Και τα δύο δίνουν το ίδιο αποτέλεσμα με έναν μετατροπέα στο πρόγραμμα περιήγησης· η διαφορά είναι μόνο στο πόση προετοιμασία θέλετε να κάνετε.

Στον Chrome, στον Edge ή στον Firefox δεν υπάρχει ρύθμιση «αποθήκευση εικόνων ως JPG», και αυτό δεν είναι παράλειψη. Το πρόγραμμα περιήγησης δεν επιλέγει τη μορφή· δηλώνει ποιες μορφές μπορεί να εμφανίσει και τη μορφή την επιλέγει ο ιστότοπος. Ο Chrome αποθηκεύει ακριβώς ό,τι του στάλθηκε, χωρίς νέα κωδικοποίηση, κάτι που είναι σωστό: μια σιωπηλή μετατροπή κατά την αποθήκευση θα πρόσθετε ένα βήμα με απώλειες που δεν ζητήσατε. Έτσι, ούτε η αλλαγή προγράμματος περιήγησης βοηθά συνήθως. Όλα τα σύγχρονα προγράμματα περιήγησης αναφέρουν το WebP στην κεφαλίδα Accept και παίρνουν το ίδιο WebP από τον ίδιο ιστότοπο.

Μένουν τρεις πρακτικές επιλογές. Μπορείτε να πάρετε το πρωτότυπο μέσω του ιστότοπου, με τα βήματα παραπάνω. Μπορείτε να εγκαταστήσετε μια επέκταση προγράμματος περιήγησης που κωδικοποιεί ξανά την εικόνα κατά την αποθήκευση, δηλαδή την ίδια μετατροπή με διαφορετικό κουμπί. Ή μπορείτε να αποθηκεύσετε το WebP και να το μετατρέψετε όταν, και μόνο όταν, κάτι το απορρίψει. Η τρίτη είναι συνήθως η λιγότερο κοπιαστική, επειδή μεγάλο μέρος των αποθηκευμένων εικόνων προβάλλεται μόνο σε οθόνες, όπου το WebP ανοίγει κανονικά σε κάθε πρόγραμμα περιήγησης, στην Προεπισκόπηση (Preview) του macOS Big Sur και νεότερων και στην εφαρμογή Φωτογραφίες των Windows 11.

Αν θέλετε να δείτε πώς συγκρίνεται το WebP με τις άλλες σύγχρονες μορφές που σερβίρουν πλέον οι ιστότοποι, μαζί με το AVIF, που αρχίζει να αντικαθιστά το WebP στα ίδια CDN, διαβάστε το AVIF vs HEIC vs WebP. Η πρακτική συμβουλή αυτού του άρθρου ισχύει σχεδόν αυτούσια: ένα AVIF που το πρόγραμμά σας απορρίπτει λύνεται με τον ίδιο τρόπο, μετατρέποντάς το σε JPG για φωτογραφίες ή σε PNG για γραφικά. Περισσότερες λεπτομέρειες για την ίδια τη μορφή θα βρείτε στη σελίδα του έργου WebP της Google.