PNG σε WebP
Το PNG είναι χωρίς απώλειες αλλά ογκώδες για τον ιστό. Το WebP υποστηρίζει τη διαφάνεια και συχνά παρέχει πολύ μικρότερα αρχεία για λογότυπα, εικονίδια και απεικονίσεις. Μετατρέψτε τα στοιχεία PNG τοπικά πριν από την ανάπτυξη στην παραγωγή.
Πώς να μετατρέψετε το PNG σε WebP
1. Ανεβάστε το PNG σας (με ή χωρίς alpha).
2. Επιλέξτε ρυθμίσεις WebP με απώλειες ή χωρίς απώλειες, εάν προσφέρονται.
3. Συγκρίνετε το μέγεθος εξόδου με το αρχικό PNG.
4. Κατεβάστε το αρχείο WebP.
Παραδείγματα
Λογότυπο στον ιστότοπο μάρκετινγκ
Ένα λογότυπο PNG 120 KB μπορεί να γίνει ένα WebP 40 KB με πανομοιότυπη διαφάνεια — ταχύτερα φορτία κεφαλίδων.
Φύλλο sprite παιχνιδιού
Τα επίπεδα χρώματα sprites χωρίς περιορισμένη συμπίεση σε σύγκριση με το Web PNG.
Γραφικά καταστήματος εφαρμογών
Αντικαταστήστε μεγάλα στιγμιότυπα οθόνης PNG σε ομαδικά στοιχεία όπου ο χρόνος εκτέλεσης υποστηρίζει WebP.
Πότε να χρησιμοποιήσετε αυτό το εργαλείο
• Όταν χρειάζεστε διαφάνεια στον ιστό με μικρή διαφάνεια byte.
• Κατά τη μετεγκατάσταση διεπαφής με βαρύ PNG σε σύγχρονες μορφές.
• Όταν το Lighthouse επισημαίνει μεγάλα στοιχεία PNG.
PNG έναντι WebP για στοιχεία διεπαφής χρήστη
Οι σχεδιαστές εξάγουν PNG από συνήθεια. Για τον ιστό παραγωγής, το WebP με διαφάνεια συχνά μειώνει στο μισό το μέγεθος μεταφοράς. Αυτοματοποιήστε τη μετατροπή σε CI ή χρησιμοποιήστε αυτό το εργαλείο για ad-hoc στοιχεία.
Συχνές ερωτήσεις
Διατηρείται η διαφάνεια;
Ναι — Το WebP υποστηρίζει ένα κανάλι άλφα παρόμοιο με το PNG.
WebP χωρίς απώλειες ή χωρίς απώλειες;
Τα γραφικά με επίπεδα χρώματα ταιριάζουν συχνά στο WebP χωρίς απώλειες. Οι φωτογραφίες που είναι ενσωματωμένες σε PNG ενδέχεται να χρησιμοποιούν WebP με απώλειες για μικρότερο μέγεθος.
Θα αλλάξουν τα χρώματα;
Η λειτουργία χωρίς απώλειες θα πρέπει να ταιριάζει ακριβώς με το PNG. Η λειτουργία απώλειας ενδέχεται να παρουσιάζει μικρές διαφορές στις διαβαθμίσεις.
Μπορώ να χρησιμοποιήσω το WebP σε εικόνα φόντου CSS;
Ναι σε όλα τα σύγχρονα προγράμματα περιήγησης. Παρέχετε εναλλακτικό PNG μόνο εάν τα αναλυτικά στοιχεία δείχνουν επισκεψιμότητα παλαιού τύπου.
Τοπική επεξεργασία;
Ναι — τα αρχεία δεν φεύγουν ποτέ από το πρόγραμμα περιήγησής σας.