Μετατρέψτε ένα αδιαφανές PNG σε WebP και συγκρίνετε το αποτέλεσμα

Ένα φωτογραφικό PNG μπορεί να αξίζει να δοκιμαστεί ως WebP για έναν ιστότοπο. Μπορεί να είναι μια εικόνα κάμερας που εξάγεται από ένα εργαλείο σχεδίασης, μια σκηνή δωματίου που αποδίδεται ή ένα ισοπεδωμένο διαφημιστικό γραφικό. Κάντε μια ξεχωριστή εξαγωγή και συγκρίνετε την με την αρχική αντί να διαγράψετε αμέσως το PNG. Το μέγεθος του αρχείου εξαρτάται από την εικόνα, επομένως η χρήσιμη αποθήκευση είναι αυτή που πραγματικά μετράτε.

Η διαφάνεια χρειάζεται ιδιαίτερη προσοχή εδώ. Αν και η μορφή WebP μπορεί να αποθηκεύσει άλφα, αυτό το εργαλείο αποδίδει αυτήν τη στιγμή έξοδο WebP σε λευκό φόντο. Ως εκ τούτου, μια διαφανής εισροή θα χάσει αυτή τη διαφανή περιοχή στην εξαγωγή. Διατηρήστε το PNG για λογότυπα, εγκοπές και επικαλύψεις που πρέπει να τοποθετούνται σε διαφορετικά φόντο και χρησιμοποιήστε αυτήν τη μετατροπή για εικόνες όπου είναι κατάλληλο ένα αδιαφανές αποτέλεσμα.

Η προεπιλογή διατηρεί τις διαστάσεις και ξεκινά από 90% ποιότητα με ακονισμό. Δοκιμάστε ένα αρχείο με μικρό κείμενο και ένα άλλο με φωτογραφικό φόντο. Επιθεωρήστε τα λεπτά περιγράμματα, τα χρωματιστά γράμματα και τις λείες διαβαθμίσεις. Ένα σχέδιο μπορεί να φαίνεται λεπτό με μια ματιά, ενώ δείχνει χρωματιστά φωτοστέφανα δίπλα σε μια ετικέτα όταν εμφανίζεται στο μέγεθος που προορίζεται.

Εάν το PNG είναι ένα στιγμιότυπο οθόνης μιας διεπαφής, η αναγνωσιμότητα μπορεί να έχει μεγαλύτερη σημασία από το ξύρισμα μερικών byte. συγκρίνετε α εξαγωγή PNG Ή κρατήστε την πηγή όταν το WebP μαλακώσει κρίσιμες λεπτομέρειες. Για μια μεγάλη αδιαφανή φωτογραφία, δοκιμάστε την προσαρμογή εντός των πραγματικών ορίων της οθόνης πριν μειώσετε περαιτέρω την ποιότητα. Μειώστε πρώτα τα περιττά εικονοστοιχεία όταν ο ιστότοπος δεν τα εμφανίζει ποτέ, αλλά διατηρήστε αρκετή ανάλυση για την προβλεπόμενη τοποθέτηση.

Το ρυθμιστικό ποιότητας WebP ελέγχει την κωδικοποίηση με απώλειες αυτής της εξαγωγής. Μια υψηλότερη ρύθμιση δεν επαναφέρει τις λεπτομέρειες που έλειπαν στην πηγή και ο ίδιος αριθμός δεν συνεπάγεται το ίδιο οπτικό αποτέλεσμα σε διαφορετικές μορφές. Χρησιμοποιήστε το ως εργαλείο σύγκρισης: προσαρμόστε λίγο, επιθεωρήστε το αποτέλεσμα και διατηρήστε την μικρότερη έκδοση που καλύπτει τις δικές σας ποιοτικές ανάγκες.

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

Κατεβάστε την εικόνα που μετατράπηκε και ανεβάστε την σε μια δοκιμαστική σελίδα στο πραγματικό σύστημα του ιστότοπού σας. Επιβεβαιώστε ότι το πρόγραμμα περιήγησης λαμβάνει WebP, η εμφανιζόμενη περικοπή είναι σωστή και καμία διαφανής ακμή δεν έχει γίνει απροσδόκητα λευκή. Δείτε το στο φόντο της σελίδας, ειδικά εάν η πηγή σχεδιάστηκε για μια σκοτεινή ενότητα. Η μετατροπή θα πρέπει να ελέγχεται στο πλαίσιο, όχι μόνο σε προεπισκόπηση αρχείου.

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

Για παράδειγμα, δοκιμάστε ένα λευκό λεκτικό σήμα σε διαφανή εικονοστοιχεία πριν μετατρέψετε οποιαδήποτε στοιχεία επωνυμίας. Μια λευκή αδιαφανής έξοδος μπορεί να κρύψει εντελώς το σημάδι, κάτι που θα έλειπε από μόνο μια σύγκριση μεγέθους αρχείου.