Συμπίεση Εικόνων σε WebP
Η επιλογή του WebP είναι μια απόφαση συμπίεσης: οι ίδιοι πίξελ που περιγράφονται από έναν κωδικοποιητή σχεδόν δύο δεκαετίες νεότερο από το JPEG συνήθως χρειάζονται λιγότερα bytes. Αυτή η σελίδα μετατρέπει JPG ή PNG σε WebP στον δικό σας εξοπλισμό και τοποθετεί το μετρημένο αποτέλεσμα δίπλα στο πρωτότυπο, γιατί η ενδιαφέρουσα ερώτηση δεν είναι ποτέ αν το WebP μπορεί να είναι μικρότερο — είναι αν ήταν, για την εικόνα σας, με τις ρυθμίσεις που χρησιμοποιήσατε. Ο πίνακας παρακάτω είναι μια πραγματική φωτογραφία που λήφθηκε μέσω τεσσάρων διαφορετικών κωδικοποιήσεων.
Μια φωτογραφία, τέσσερις κωδικοποιήσεις, μετρημένες
| Έξοδος | Μέγεθος | Εξοικονόμηση |
|---|---|---|
| JPEG, ρυθμιστής 80 | 286.1 KB | 47% μικρότερο |
| WebP, ρυθμιστής 80 | 290.3 KB | 46% μικρότερο |
| AVIF, ρυθμιστής 80 | 312.7 KB | 42% μικρότερο |
| WebP, ρυθμιστής 63 | 200.6 KB | 63% μικρότερο |
Ένας ρυθμιστής, τρεις κωδικοποιητές, τρεις σημασίες
Ο πίνακας διαφωνεί με κάθε γράφημα WebP κατά JPEG στο διαδίκτυο: στην ίδια θέση του ρυθμιστή, το WebP βρέθηκε μερικά κιλομπάιτ πάνω από το JPEG και το AVIF πάνω από τα δύο. Η εξήγηση δεν είναι οι κωδικοποιητές αλλά ο ρυθμιστής. Κάθε κωδικοποιητής λαμβάνει τον αριθμό διαφορετικά. Η διαδρομή JPEG τον ερμηνεύει σε σχέση με το πόσο συμπιεσμένη ήταν ήδη η πηγή, οπότε το 80 της έγινε ήσυχα μια χαμηλότερη αποτελεσματική ρύθμιση; Το WebP και το AVIF και οι δύο πήραν το 80 κατά πρόσωπο, και για το AVIF — ρυθμισμένο να φαίνεται καλό πολύ χαμηλότερα — το 80 είναι μια πολυτελής ρύθμιση που κανείς δεν μετρά.
Δώστε σε κάθε κωδικοποιητή την ποιότητα γύρω από την οποία σχεδιάστηκε και η κατάταξη αναστρέφεται. Η έξυπνη λειτουργία κάνει ακριβώς αυτό: το WebP παραμένει στην επίπεδη προεπιλογή του 80 ενώ το AVIF πέφτει στο 63, και με αυτές τις ρυθμίσεις η ίδια φωτογραφία βγήκε στα 200.6 KB ως WebP και 186.9 KB ως AVIF. Μια δια-μορφωτική σύγκριση που έγινε με έναν κοινό αριθμό ρυθμιστή μετρά τον ρυθμιστή, όχι τις μορφές.
Απώλεια, χωρίς απώλειες, και τι γράφει αυτό το εργαλείο
Το WebP είναι στην πραγματικότητα δύο τύποι αρχείων που μοιράζονται μια επέκταση. Το απώλεια μισό προέρχεται από τον κωδικοποιητή βίντεο VP8 και λειτουργεί όπως ένα ισχυρότερο JPEG: μαντέψτε κάθε μπλοκ από τα μπλοκ γύρω του, στη συνέχεια κωδικοποιήστε μόνο το σφάλμα. Το χωρίς απώλειες μισό είναι ένα άσχετο σχέδιο πιο κοντά στο πνεύμα του PNG. Τα δύο δεν αναμειγνύονται ποτέ — ένα απώλεια WebP με ποιότητα 100 είναι ακόμα ένα αρχείο απώλειας — και αυτός ο συμπιεστής γράφει μόνο τον τύπο απώλειας, ό,τι και αν λέει ο ρυθμιστής.
Η διαφάνεια επιβιώνει ανεξαρτήτως: το WebP φέρει ένα 8-bit άλφα επίπεδο και στα δύο μισά, και σε ένα αρχείο απώλειας αυτό το επίπεδο αποθηκεύεται χωρίς απώλειες ενώ το χρώμα γύρω του χάνει βάρος, οπότε μια κομμένη φωτογραφία προϊόντος διατηρεί μια καθαρή σιλουέτα. Η εμπορική συναλλαγή που πρέπει να γνωρίζετε είναι η ανάλυση χρώματος — η ροή bit απώλειας πάντα καταγράφει το χρώμα πιο χονδρικά από τη φωτεινότητα, χωρίς διακόπτη για να το αποτρέψει. Οι φωτογραφίες ποτέ δεν το δείχνουν; κορεσμένο κείμενο, λεπτές χρωματιστές γραμμές και pixel-perfect UI τέχνη μπορούν. Εικόνες όπως αυτές εξυπηρετούνται καλύτερα από τη διαδρομή ποσοτικοποιημένου PNG παρά από οποιονδήποτε κωδικοποιητή απώλειας.
Κίνηση, και ασφαλής εξυπηρέτηση του WebP
Η μορφή WebP κινούμενη; αυτό το εργαλείο δεν το κάνει. Ό,τι έρχεται, ακριβώς ένα καρέ βγαίνει. Η είσοδος Animated GIF ανιχνεύεται, και η κάρτα αποτελέσματος προειδοποιεί ότι μόνο το πρώτο καρέ επιβίωσε. Ένα κινούμενο WebP, APNG ή Animated AVIF δεν ανιχνεύεται αυτή τη στιγμή: επιστρέφει ως ένα καρέ στατικό χωρίς προειδοποίηση, και η εντυπωσιακή μείωση μεγέθους που αναφέρεται γι' αυτό είναι κυρίως τα εξαφανισμένα καρέ παρά η έξυπνη κωδικοποίηση. Μέχρι να υπάρξει αυτή η ανίχνευση, αντιμετωπίστε οποιοδήποτε απίστευτα καλό αποτέλεσμα σε ένα κινούμενο αρχείο με καχυποψία και κρατήστε τις κινήσεις μακριά από αυτή τη σελίδα.
Από την πλευρά της εξυπηρέτησης, η ανησυχία για τη συμβατότητα είναι κυρίως ιστορική: κάθε τρέχων πρόγραμμα περιήγησης αποκωδικοποιεί το WebP και το έχει κάνει εδώ και χρόνια. Οι καθυστερημένοι είναι εφαρμογές, όχι προγράμματα περιήγησης — παλαιότεροι προγράμματα προβολής εικόνας και ορισμένοι πελάτες email εξακολουθούν να το αρνούνται. Η τυπική άμυνα είναι να διατηρείτε ένα αντίγραφο JPEG ή PNG δίπλα και να αφήνετε ένα στοιχείο εικόνας να προσφέρει και τα δύο, έτσι οι σύγχρονοι επισκέπτες αποκτούν το μικρό αρχείο και όλα τα άλλα αποκτούν ένα που κατανοούν. Η υιοθέτηση του WebP δεν απαιτεί ποτέ την εγκατάλειψη των πρωτοτύπων.
Συχνές Ερωτήσεις
Είναι το WebP πραγματικά μικρότερο από το JPEG;
Για φωτογραφίες με πραγματικά ταιριαστή οπτική ποιότητα, ναι — οι δημοσιευμένες μελέτες της Google τοποθετούν την εξοικονόμηση στην περιοχή του 25 έως 34%, και οι κωδικοποιήσεις σε έξυπνη λειτουργία στον πίνακα συμφωνούν. Ένας ταιριαστός αριθμός ρυθμιστή δεν είναι ταιριαστή ποιότητα, όμως, που είναι ακριβώς πώς η αφελής σύγκριση στον ίδιο πίνακα τοποθετεί το JPEG στενά μπροστά.
Χάνει ποιότητα η μετατροπή ενός JPG σε WebP;
Προσθέτει μια απώλεια γενιάς, η οποία σε ποιότητα 80 σε μια φωτογραφία είναι πρακτικά αόρατη. Αυτό που αξίζει προσοχής είναι η επαναφορά: το WebP πίσω στο JPEG και έξω ξανά επιδεινώνει τη ζημιά κάθε φορά, οπότε μετατρέψτε μία φορά, από την καλύτερη πηγή που έχετε, και διατηρήστε αυτή την πηγή.
Θα επιβιώσει η διαφάνεια κατά τη μετατροπή σε WebP;
Από είσοδο PNG, ναι: το άλφα είναι μέρος και των δύο τρόπων WebP, και στα αρχεία που γράφει αυτή η σελίδα το επίπεδο διαφάνειας δεν υποβαθμίζεται από τον κωδικοποιητή απώλειας. Από είσοδο JPEG δεν υπάρχει τίποτα να διατηρηθεί, καθώς κανένα JPEG δεν έχει ποτέ μεταφέρει ένα άλφα κανάλι.
Τι συμβαίνει με τα κινούμενα αρχεία εδώ;
Φεύγουν ως στατικά καρέ. Ένα κινούμενο GIF τουλάχιστον επισημαίνεται στην κάρτα αποτελέσματος του; ένα κινούμενο WebP, APNG ή AVIF χάνει τα καρέ του σιωπηλά, και η αναφερόμενη εξοικονόμηση είναι τότε παραπλανητική. Ένα εργαλείο που διατηρεί την κίνηση ανέπαφη είναι η σωστή επιλογή για αυτά τα αρχεία — αυτό είναι χτισμένο για στατικές εικόνες.
Ποια προγράμματα περιήγησης εξακολουθούν να μην μπορούν να εμφανίσουν το WebP;
Αποτελεσματικά κανένα που λαμβάνει ενημερώσεις: το Chrome, το Firefox και το Edge το έχουν αποκωδικοποιήσει εδώ και πολλά χρόνια, και το Safari από το 2020. Οι καθυστερημένοι είναι παλαιές εφαρμογές παρά προγράμματα περιήγησης — ένα αντίγραφο JPEG ή PNG εναλλακτικά τους καλύπτει.
Πρέπει να επιλέξω το WebP ή το AVIF ως έξοδο;
Το AVIF κερδίζει σε bytes — 186.9 KB έναντι 200.6 του WebP στη δοκιμαστική φωτογραφία — και χάνει σε χρόνο και συμβατότητα: προωθεί τον κωδικοποιητή AV1 μέσω WebAssembly, που είναι αισθητά αργό, και το παλιό λογισμικό είναι πιο πιθανό να ανοίξει ένα WebP. Για παρτίδες και γενική χρήση, WebP; για έναν ιστότοπο όπου κάθε κιλομπάιτ μετράει, AVIF.
Μπορεί αυτή η σελίδα να μειώσει ένα WebP που ήδη έχω;
Ναι. Το WebP γίνεται αποδεκτό ως είσοδος, και με τη μορφή να παραμένει στο Διατηρήστε το πρωτότυπο, επανακωδικοποιεί πίσω σε WebP. Ο ρυθμιστής λαμβάνεται κυριολεκτικά σε αυτή τη διαδρομή — τίποτα δεν ανακλιμακώνεται σε σχέση με την πηγή — οπότε μετακινήστε τον κάτω από το επίπεδο που δημιουργήθηκε το αρχείο και συγκρίνετε τα μετρημένα μεγέθη πριν από τη λήψη.
Μπορώ να μετατρέψω ένα WebP πίσω σε JPG ή PNG;
Ναι — περάστε το μέσω αυτού του συμπιεστή με διαφορετική μορφή εξόδου, ή χρησιμοποιήστε τους ειδικούς μετατροπείς σε αυτόν τον ιστότοπο. Αυτό που κανένα εργαλείο δεν αποκαθιστά είναι η λεπτομέρεια που απορρίφθηκε από μια προηγούμενη κωδικοποίηση απώλειας, οπότε κάντε μετατροπές από πρωτότυπα αντί από άλλες μετατροπές.