Μετατροπή PNG σε WebP
Μετατρέψτε τα στιγμιότυπα οθόνης, τα λογότυπα και τις αποκομμένες φωτογραφίες προϊόντων του ιστότοπού σας από PNG σε αρχεία WebP που διατηρούν τις διάφανες άκρες τους και φορτώνουν σε ελάχιστο χρόνο. Επιλέξτε συμπίεση με ή χωρίς απώλειες, κάντε τη μετατροπή και ανεβάστε τα αποτελέσματα στο CMS σας.
Μετατροπέας εικόνων
ή σύρετε Αρχεία JPG, JPEG, JPE … εδώ ·
Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά
Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.
Το 85 κρατά τις φωτογραφίες οπτικά ίδιες με το πρωτότυπο. Μειώστε το μόνο αν χρειάζεστε μικρότερο αρχείο.
Τα JPG, BMP και EPS δεν έχουν διαφάνεια. Τα διάφανα pixel γεμίζουν με αυτό το χρώμα.
Δεκαεξαδικό χρώμα πίσω από τα διάφανα pixel, π.χ. #FFFFFF.
Αυτή η μορφή κρατά μία μόνο εικόνα. Επιλέξτε έξοδο GIF ή WebP αν θέλετε να διατηρηθεί το κινούμενο σχέδιο.
Ένα εικονίδιο πολλών μεγεθών περιέχει αρκετές αναλύσεις σε ένα αρχείο· τα προγράμματα περιήγησης και τα λειτουργικά συστήματα διαλέγουν αυτή που χρειάζονται.
Κρατήστε τις αρχικές διαστάσεις ή εισαγάγετε τη μία πλευρά και η αναλογία διατηρείται.
Pixel για την πλευρά που επιλέξατε παραπάνω.
Ποσοστό των αρχικών διαστάσεων.
Το sRGB είναι κατάλληλο για οθόνες και το διαδίκτυο. Κρατήστε το αρχικό για ροές εκτύπωσης· οι αποχρώσεις του γκρι απορρίπτουν το χρώμα.
Μόνο μεταδεδομένα, το 0 κρατά την αρχική τιμή. Οι εκτυπωτές και ορισμένες πύλες διαβάζουν αυτόν τον αριθμό· δεν αλλάζει τις διαστάσεις σε pixel.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- 1
Προσθέστε τα αρχεία PNG
Σύρετε έως 20 αρχεία PNG στην περιοχή μεταφόρτωσης ή επιλέξτε τα από έναν φάκελο. Κάθε αρχείο μπορεί να φτάνει τα 95 MB, ώστε να χωράνε ακόμη και πολύ μεγάλα εξαγόμενα σχέδια.
- 2
Επιλέξτε με ή χωρίς απώλειες
Η σελίδα ξεκινά με Ποιότητα 80 σε λειτουργία με απώλειες, μια καλή ισορροπία για φωτογραφίες και εικονογραφήσεις στον ιστό. Επιλέξτε Χωρίς απώλειες στις Σύνθετες ρυθμίσεις για εικονίδια, pixel art ή στιγμιότυπα διεπαφής που πρέπει να μείνουν ακριβή ως προς το pixel.
- 3
Μετατρέψτε και αντικαταστήστε
Πατήστε Μετατροπή σε WebP και κατεβάστε τα αρχεία ένα ένα ή σε ZIP.
Αξίζει η μετατροπή PNG σε WebP;
Για εικόνες σε ιστότοπο, σχεδόν πάντα. Η ίδια εικόνα, μαζί με τη διαφάνειά της, συνήθως βγαίνει πολύ μικρότερη και κάθε σύγχρονο πρόγραμμα περιήγησης την εμφανίζει. Κρατήστε το PNG για αρχεία που ακόμη επεξεργάζεστε ή στέλνετε σε άτομα που τα ανοίγουν σε προγράμματα υπολογιστή.
Γιατί οι web developers αντικαθιστούν το PNG με WebP
Το PNG είναι εξ ορισμού χωρίς απώλειες: τυποποιήθηκε από το W3C το 1996 ως αντικατάσταση του GIF χωρίς δίπλωμα ευρεσιτεχνίας και δεν πετά ποτέ δεδομένα pixel. Αυτό είναι ιδανικό για ένα κύριο αρχείο και σπάταλο για μια ιστοσελίδα, όπου μια εικονογράφηση 1600 px αποθηκευμένη ως PNG μπορεί να ζυγίζει περισσότερο από όλα τα scripts της σελίδας μαζί.
Η Google παρουσίασε το WebP το 2010 για να καλύψει αυτό το κενό. Προσφέρει δύο μηχανισμούς σε ένα κοντέινερ: μια λειτουργία χωρίς απώλειες που, σύμφωνα με τη δημοσιευμένη σύγκριση της ίδιας της Google, είναι περίπου 26% μικρότερη από το PNG, και μια λειτουργία με απώλειες βασισμένη στον κωδικοποιητή βίντεο VP8 που είναι ακόμη μικρότερη. Και οι δύο λειτουργίες υποστηρίζουν πλήρες κανάλι alpha, το χαρακτηριστικό που κρατά λογότυπα και φωτογραφίες προϊόντων χωρίς φόντο χρήσιμα σε έγχρωμα φόντα.
Εργαλεία ταχύτητας σελίδας όπως το PageSpeed Insights επισημαίνουν εδώ και καιρό τα υπερβολικά μεγάλα αρχεία PNG και JPEG ως εύκολη εξοικονόμηση, και ένα σύνολο μετατρεπμένων εικόνων είναι συχνά η ταχύτερη βελτίωση του Largest Contentful Paint. Αν οι εικόνες χρειάζονται και νέες διαστάσεις, περάστε τις πρώτα από την αλλαγή μεγέθους εικόνας και μετά μετατρέψτε.
Πόσο μικρότερο είναι ένα WebP σε σύγκριση με το PNG
Αρχικό PNG
1,2 MB
1600 × 900 · 24-bit με alpha, προϊόν χωρίς φόντο
WebP, ποιότητα 80
190 KB
1600 × 900 · με απώλειες, με διατήρηση του καναλιού alpha
PNG
Portable Network Graphics
Το PNG είναι μια μορφή ράστερ εικόνας χωρίς απώλειες, που δημοσιεύτηκε το 1996 από την PNG Development Group και αργότερα τυποποιήθηκε από το W3C και το ISO. Διατηρεί κάθε pixel ακριβώς, υποστηρίζει πλήρη διαφάνεια alpha και χειρίζεται κείμενο, αιχμηρές ακμές και επίπεδα χρώματα χωρίς artifacts. Αυτή η ακρίβεια το κάνει ιδανικό για στιγμιότυπα οθόνης, λογότυπα, εικονίδια και γραφικά διεπαφής. Το αντίτιμο είναι το μέγεθος: οι φωτογραφίες σε PNG είναι συχνά πολλαπλάσιες σε μέγεθος από την ίδια φωτογραφία σε JPEG ή WebP. Όλα τα προγράμματα περιήγησης, τα λειτουργικά συστήματα και οι επεξεργαστές ανοίγουν αρχεία PNG.
- Συμπίεση
- Χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Όχι
- Έτος εισαγωγής
- 1996 · PNG Development Group
WEBP
Εικόνα WebP
Το WebP είναι μορφή εικόνας που κυκλοφόρησε η Google το 2010 για να φορτώνουν πιο γρήγορα οι ιστοσελίδες. Υποστηρίζει συμπίεση με και χωρίς απώλειες, διαφάνεια άλφα και animation σε μία μορφή. Τα αρχεία WebP με απώλειες είναι συνήθως 25–35% μικρότερα από JPEG παρόμοιας οπτικής ποιότητας και το WebP χωρίς απώλειες είναι συνήθως μικρότερο από το PNG. Το υποστηρίζουν όλα τα σημερινά προγράμματα περιήγησης, αλλά ορισμένο παλαιότερο λογισμικό επιτραπέζιου υπολογιστή, υπηρεσίες εκτύπωσης και φόρμες μεταφόρτωσης εξακολουθούν να το απορρίπτουν. Τα Windows, το macOS και τα περισσότερα σύγχρονα προγράμματα επεξεργασίας εικόνας ανοίγουν αρχεία WebP.
- Συμπίεση
- Με ή χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Ναι
- Έτος εισαγωγής
- 2010 · Google
Οι ιδιοκτήτες ιστότοπων μετατρέπουν PNG σε WebP για να μειώσουν το βάρος της σελίδας διατηρώντας τη διαφάνεια· η μετατροπή από WebP πίσω σε PNG αφορά την επεξεργασία ή το άνοιγμα ενός αρχείου σε λογισμικό που δεν διαβάζει WebP.
Τα παραπάνω στοιχεία είναι ένα τυπικό αποτέλεσμα για φωτογραφία προϊόντος χωρίς φόντο, όχι υπόσχεση. Τα επίπεδα γραφικά μικραίνουν λιγότερο με απώλειες και κάποιες φορές περισσότερο χωρίς απώλειες. Τα στιγμιότυπα γεμάτα κείμενο είναι η μόνη περίπτωση όπου το WebP με απώλειες μπορεί να θολώσει τις άκρες των γραμμάτων· για αυτά επιλέξτε Χωρίς απώλειες και εξοικονομείτε πάλι χώρο χωρίς καμία αλλαγή στα pixel.
Οι διαστάσεις, τα χρώματα και η διαφάνεια διατηρούνται αμετάβλητα, και η Αφαίρεση μεταδεδομένων (ενεργή από προεπιλογή) αφαιρεί το ιστορικό επεξεργασίας που ένα πρόγραμμα περιήγησης δεν χρειάζεται ποτέ.
Πριν ανεβάσετε τα αρχεία WebP στον ιστότοπό σας
- Κρατήστε τα αρχικά PNG σε ξεχωριστό φάκελο· το WebP είναι αντίγραφο για παράδοση, όχι κύριο αρχείο επεξεργασίας.
- Ελέγξτε ότι το CMS σας δέχεται μεταφορτώσεις .webp (το WordPress τις δέχεται από την έκδοση 5.8).
- Δείτε μία διαφανή εικόνα τόσο σε λευκό όσο και σε σκούρο φόντο για να βεβαιωθείτε ότι οι άκρες είναι καθαρές.
- Ενημερώστε τις αναφορές εικόνων στο HTML ή το CSS από .png σε .webp ή αφήστε το CMS να δημιουργήσει ξανά τις μικρογραφίες.
- Συγκρίνετε το βάρος της σελίδας πριν και μετά στον πίνακα δικτύου του προγράμματος περιήγησης, ώστε να ξέρετε πόσο γλιτώσατε.
Ερωτήσεις για τη μετατροπή PNG σε WebP
Διατηρεί το WebP το διάφανο φόντο του PNG μου;
Ναι. Το WebP αποθηκεύει κανάλι alpha και στις δύο λειτουργίες του, με και χωρίς απώλειες, οπότε οι φωτογραφίες προϊόντων χωρίς φόντο και τα λογότυπα παραμένουν διαφανή. Στη λειτουργία με απώλειες τα pixel στις άκρες συμπιέζονται λίγο· αν δείτε αμυδρό φωτοστέφανο γύρω από λεπτές τρίχες ή κείμενο, επαναλάβετε τη μετατροπή με επιλεγμένο το Χωρίς απώλειες. Χρειάζεστε αργότερα το αντίστροφο; Το WebP σε PNG επαναφέρει ένα επεξεργάσιμο PNG.
Ποιο WebP να επιλέξω για ένα PNG: με ή χωρίς απώλειες;
Χωρίς απώλειες όταν το PNG είναι επίπεδη διεπαφή, διάγραμμα, λογότυπο ή pixel art, επειδή κάθε pixel μένει ακριβώς όπως ήταν και το αρχείο συνήθως μικραίνει. Με απώλειες σε ποιότητα 75 έως 85 όταν το PNG είναι στην πραγματικότητα φωτογραφία ή απαλή εικονογράφηση, γιατί εκεί βρίσκεται η μεγάλη οικονομία.
Ποια προγράμματα περιήγησης εμφανίζουν εικόνες WebP;
Οι Chrome, Edge, Firefox και Opera εμφανίζουν WebP εδώ και χρόνια και το Safari προστέθηκε με την έκδοση 14 το 2020 (σε macOS Big Sur ή νεότερο και iOS 14). Στην πράξη κάθε πρόγραμμα περιήγησης που χρησιμοποιείται σήμερα το εμφανίζει, οπότε μια απλή ετικέτα img που δείχνει σε αρχείο .webp αρκεί για τους περισσότερους ιστότοπους.
Δέχεται το WordPress αρχεία WebP;
Το WordPress 5.8, που κυκλοφόρησε τον Ιούλιο του 2021, πρόσθεσε το WebP στους επιτρεπόμενους τύπους μεταφόρτωσης της βιβλιοθήκης πολυμέσων. Οι παλαιότερες εγκαταστάσεις απορρίπτουν το αρχείο εκτός αν ένα πρόσθετο προσθέσει τον τύπο MIME, γι' αυτό ελέγξτε την έκδοσή σας πριν μετατρέψετε ολόκληρο φάκελο.
Γιατί το WebP μου είναι μεγαλύτερο από το αρχικό PNG;
Συμβαίνει με πολύ μικρά PNG που χρησιμοποιούν ευρετηριασμένη παλέτα λίγων χρωμάτων, όπως ένα εικονίδιο 8 χρωμάτων, επειδή εκεί το PNG είναι ήδη πολύ αποδοτικό. Δοκιμάστε Χωρίς απώλειες για αυτά τα αρχεία και, αν το αποτέλεσμα παραμένει μεγαλύτερο, κρατήστε το PNG· η οικονομία προκύπτει από μεγαλύτερες και πιο πολύχρωμες εικόνες.
Μπορώ να μετατρέψω έναν φάκελο με PNG σε WebP μονομιάς;
Έως 20 αρχεία περνούν σε μία εκτέλεση, καθένα έως 95 MB, και επιστρέφουν μαζί σε ZIP. Για μεγαλύτερο φάκελο επαναλάβετε σε παρτίδες των 20· δεν υπάρχει ημερήσιο όριο και τα ανεβασμένα αρχεία διαγράφονται αυτόματα μετά από 30 λεπτά.
Περισσότερα εργαλεία για WebP και PNG
- Μετατροπή JPG σε WebPΜετατροπή JPG σε WebP για ταχύτερες σελίδες: περίπου 25–33% λιγότερα bytes με ίδια όψη. Έως 20 φωτογραφίες, επιλογή ποιότητας, χωρίς λογαριασμό.
- Μετατροπή εικόνας σε WebPΜετατρέψτε JPG, PNG, GIF, HEIC, TIFF, SVG και RAW σε WebP μαζικά. Ποιότητα 80 από προεπιλογή, διατήρηση διαφάνειας και κίνησης, χωρίς λογαριασμό.
- Μετατροπή PNG σε AVIFΜετατροπή PNG σε AVIF (AV1): διατηρεί τη διαφάνεια, με ή χωρίς απώλειες, προβολή σε Chrome, Firefox, Safari και Edge. Έως 20 αρχεία μαζί.
- Μετατροπή WebP σε PNGΜετατρέψτε WebP σε PNG χωρίς απώλεια διαφάνειας. Λογότυπα και αυτοκόλλητα κρατούν τις διάφανες άκρες· από κινούμενο WebP, το πρώτο ή όλα τα καρέ.
- Μετατροπή PNG σε JPGΜετατρέψτε PNG σε JPG για μικρότερο μέγεθος σε email, φόρμες και εκτυπώσεις. Η διαφάνεια γεμίζει με λευκό, μαύρο ή άλλο χρώμα. Έως 20 αρχεία.
- Μετατροπή AVIF σε WebPΜετατρέψτε AVIF σε WebP όταν browser, plugin ή host δεν δέχεται AVIF. Διατηρεί διαφάνεια, με ή χωρίς απώλειες, 20 εικόνες ανά παρτίδα.