Μετατροπή εικόνων σε WebP

Θέλετε να επιταχύνετε τον ιστότοπο ή το ηλεκτρονικό σας κατάστημα με μικρότερες εικόνες; Μετατρέψτε JPG και PNG σε WebP. Ο μετατροπέας εκτιμά πριν τη μετατροπή πόσο θα εξοικονομήσετε σε σχέση με το JPG και ετοιμάζει και κώδικα HTML με εναλλακτική μορφή για παλιότερους περιηγητές. Όλα γίνονται στον περιηγητή σας, οι εικόνες δεν ανεβαίνουν πουθενά.

Πώς να μετατρέψετε μια εικόνα σε WebP

1. Ανεβάστε εικόνες. Σύρετέ τις στο παράθυρο ή κάντε κλικ στο «Αναζήτηση αρχείων». Ο μετατροπέας δέχεται JPG, PNG, BMP και στατικό GIF, δεκάδες αρχεία ταυτόχρονα.
2. Ορίστε την ποιότητα. Η προεπιλεγμένη ποιότητα 80 ταιριάζει στους περισσότερους ιστότοπους. Για πορτφόλιο επιλέξτε 85 έως 90, για προεπισκοπήσεις 70.
3. Μετατρέψτε και κατεβάστε. Το κουμπί «Μετατροπή» επεξεργάζεται όλη την παρτίδα, το έτοιμο WebP το κατεβάζετε μεμονωμένα ή ως ZIP.

Όποιος θέλει περισσότερες λεπτομέρειες, ανοίγει κάτω από την προεπισκόπηση τις «Τεχνικές λεπτομέρειες: μεγεθυντικός φακός, εκτίμηση μεγέθους, κώδικας HTML».

Γιατί να μετατρέψετε εικόνες σε WebP

Το WebP είναι μορφή της Google σχεδιασμένη για τον ιστό. Σύμφωνα με τη μελέτη της Google (στα αγγλικά), τα απωλεστικά αρχεία WebP στην ίδια ποιότητα είναι 25 έως 34% μικρότερα από το JPEG, ενώ τα χωρίς απώλειες περίπου 26% μικρότερα από το PNG. Μικρότερες εικόνες σημαίνουν ταχύτερη φόρτωση της σελίδας, καλύτερα αποτελέσματα στα Core Web Vitals και μικρότερη κατανάλωση δεδομένων στο κινητό.

Σε σχέση με το JPG το WebP υποστηρίζει επιπλέον διαφάνεια, οπότε αντικαθιστά και το PNG με διαφανές φόντο. Σήμερα το υποστηρίζουν όλοι οι σύγχρονοι περιηγητές (στα αγγλικά), συμπεριλαμβανομένου του Safari από την έκδοση 14.

Τι κάνει επιπλέον ο μετατροπέας σε WebP

Εκτίμηση εξοικονόμησης πριν τη μετατροπή

Στις τεχνικές λεπτομέρειες θα βρείτε την «Εκτίμηση από δείγμα»: ο μετατροπέας κωδικοποιεί ένα σμικρυμένο δείγμα της επιλεγμένης εικόνας και υπολογίζει πόσο μεγάλο θα είναι το WebP με τη ρύθμιση που επιλέξατε, πόσο μεγάλο θα ήταν το JPEG στην ίδια ποιότητα και πόσα τοις εκατό εξοικονομείτε. Έτσι βλέπετε αμέσως αν αξίζει η μετατροπή.

Κώδικας HTML με εναλλακτική μορφή

Ο μετατροπέας ετοιμάζει έτοιμο κώδικα για το στοιχείο <picture>: οι περιηγητές με υποστήριξη WebP φορτώνουν το νέο αρχείο, οι υπόλοιποι παίρνουν το αρχικό JPG ή PNG. Ο κώδικας περιέχει και τις διαστάσεις της εικόνας και οκνηρή φόρτωση, αρκεί να τον αντιγράψετε στο πρότυπό σας. Πώς λειτουργεί το <picture>, περιγράφει το MDN (στα αγγλικά).

Μεγεθυντικός φακός στο 100% ζουμ

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

Η διαφάνεια παραμένει

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

Προστασία από κακό αποτέλεσμα

Ένα κινούμενο GIF ο μετατροπέας το απορρίπτει, γιατί θα έμενε σιωπηλά μόνο το πρώτο καρέ. Όταν το μετατρεπόμενο αρχείο βγαίνει μεγαλύτερο από το πρωτότυπο, κάτι που συμβαίνει σε ήδη καλά συμπιεσμένες εικόνες, ο πίνακας το επισημαίνει και με ένα κλικ διατηρείτε το πρωτότυπο.

Αλλαγή μεγέθους, μετονομασία, χωρίς μεταδεδομένα

Στις «Σύνθετες επιλογές» αλλάζετε το μέγεθος των εικόνων στη μεγαλύτερη πλευρά σε pixel ή σε ποσοστό και τις μετονομάζετε μαζικά με τα {name}, {width}, {height} και {index}. Η μετατροπή αφαιρεί τα EXIF, ICC και GPS, οπότε οι φωτογραφίες δεν αποκαλύπτουν τη θέση τους. Αν χρειάζεστε να σμικρύνετε τις εικόνες σε συγκεκριμένες διαστάσεις ή κάτω από όριο σε kB, χρησιμοποιήστε την αλλαγή μεγέθους εικόνων.

Ποια ποιότητα WebP να επιλέξετε

Σκοπός	Ποιότητα	Σημείωση
Πορτφόλιο, φωτογραφίες προϊόντων	85 έως 90	Λεπτομέρειες χωρίς απώλεια, ακόμη μικρότερο από JPG
Συνηθισμένος ιστότοπος και blog	75 έως 80	Καλύτερη σχέση ποιότητας και μεγέθους
Προεπισκοπήσεις, γκαλερί	65 έως 70	Μικρά αρχεία, μικρά τεχνουργήματα

Πότε WebP και πότε άλλη μορφή

• Φωτογραφίες και γραφικά για τον ιστό: WebP, με εναλλακτική λύση σε <picture> για ασφάλεια.
• Εικόνες για e-mail, υπηρεσίες ή παλιότερα προγράμματα: καλύτερα JPG, το ανοίγει πραγματικά το καθετί.
• Υλικό για περαιτέρω επεξεργασία και εκτύπωση: PNG, χωρίς καμία απώλεια.

Τις διαστάσεις των εικόνων στον ιστότοπο πριν τη μετατροπή τις ελέγχετε γρήγορα στην ανάλυση διαστάσεων εικόνων.

Συχνές ερωτήσεις

Πώς μετατρέπω JPG σε WebP;

Ανεβάστε αρχεία JPG, αφήστε την ποιότητα στο 80 ή αλλάξτε την και κάντε κλικ στο «Μετατροπή». Το WebP βγαίνει στην ίδια οπτική ποιότητα κατά ένα τέταρτο έως ένα τρίτο μικρότερο. Πόσο εξοικονομείτε σε συγκεκριμένη φωτογραφία δείχνει η εκτίμηση στις τεχνικές λεπτομέρειες.

Πώς μετατρέπω PNG σε WebP και διατηρώ τη διαφάνεια;

Αρκεί να ανεβάσετε το PNG και να το μετατρέψετε, η διαφάνεια παραμένει αυτόματα. Αν αντίθετα δεν τη θέλετε, ενεργοποιήστε το «Σύνθεση διαφάνειας σε χρώμα».

Υποστηρίζουν το WebP όλοι οι περιηγητές;

Ναι, όλοι οι σημερινοί περιηγητές, συμπεριλαμβανομένου του Safari από την έκδοση 14. Για ασφάλεια σε παλιότερες συσκευές χρησιμοποιήστε τον κώδικα HTML με το στοιχείο <picture>, που ετοιμάζει ο μετατροπέας: ο παλιότερος περιηγητής φορτώνει τότε το αρχικό JPG ή PNG.

Είναι το WebP καλύτερο από το JPG;

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

Γιατί ο μετατροπέας απέρριψε το GIF μου;

Ένα κινούμενο GIF θα γινόταν σιωπηλά ένα μόνο στατικό καρέ κατά τη μετατροπή. Για να μην σας εκπλήξει το αποτέλεσμα, ο μετατροπέας το απορρίπτει. Στατικά GIF τα μετατρέπει χωρίς πρόβλημα.

Ανεβαίνουν οι εικόνες μου σε server;

Όχι. Η μετατροπή γίνεται απευθείας στον περιηγητή σας και τα αρχεία δεν αποστέλλονται πουθενά.