Μέγεθος φωτογραφίας για eshop: πόσα KB πρέπει να ζυγίζει μια φωτογραφία προϊόντος;
Γράψτε στη μηχανή αναζήτησης «μέγεθος φωτογραφίας για eshop» και θα πάρετε απαντήσεις που δεν έχουν καμία σχέση μεταξύ τους. Οι περισσότεροι οδηγοί γράφτηκαν για bloggers ή για προγραμματιστές, όχι για κάποιον που έχει κατάστημα με εκατοντάδες φωτογραφίες προϊόντων.
Παρακάτω θα βρείτε έναν συγκεκριμένο αριθμό, θα δείτε από πού προκύπτει και πώς να φτάσετε σε αυτόν χωρίς να χαλάσει η εμφάνιση των φωτογραφιών. Όλα καταλήγουν σε δύο κινήσεις: μικραίνετε τις διαστάσεις της φωτογραφίας και την αποθηκεύετε σε WebP, μια μορφή νεότερη από το JPG, που ανέπτυξε η Google και που με παρόμοια ποιότητα δίνει συνήθως ελαφρύτερα αρχεία. Το δοκιμάσαμε σε μία φωτογραφία και σας δείχνουμε το αποτέλεσμα. Δεν υποσχόμαστε ότι η αλλαγή μορφής θα διπλασιάσει τις πωλήσεις σας, γιατί αυτό κανείς δεν μπορεί να το υποσχεθεί με ειλικρίνεια.
Η σύντομη απάντηση: περίπου 130 KB ανά φωτογραφία προϊόντος
Για μια φωτογραφία που βλέπει ο πελάτης στη σελίδα του προϊόντος, λογικός στόχος είναι περίπου τα 130 KB. Μια μικρογραφία στη λίστα προϊόντων μπορεί να ζυγίζει έως και δέκα-κάτι kilobyte.
Δεν είναι κανόνας της Google ούτε κάποιου οργανισμού. Τέτοιος κανόνας απλώς δεν υπάρχει. Είναι ένας πρακτικός συμβιβασμός: κάτω από ένα όριο η φωτογραφία χάνει λεπτομέρειες που θέλει να δει ο πελάτης, όπως την υφή του υφάσματος, τα νερά του ξύλου ή τη γυαλάδα του σμάλτου. Πάνω από αυτό, πληρώνετε σε χρόνο φόρτωσης για λεπτομέρειες που στην οθόνη ενός κινητού ούτως ή άλλως δεν θα τις προσέξει κανείς.
Πριν ξεκινήσετε, ελέγξτε πού βρίσκεστε σήμερα. Αν οι φωτογραφίες των προϊόντων σας ζυγίζουν μερικά megabyte η καθεμία, το κέρδος θα είναι μεγάλο. Αν ζυγίζουν 200 KB η καθεμία, θα είναι μικρό.
Γιατί έχει σημασία το βάρος των φωτογραφιών
Οι φωτογραφίες είναι το μεγαλύτερο κομμάτι μιας τυπικής αρχικής σελίδας. Σύμφωνα με την έκθεση HTTP Archive Web Almanac 2025, το διάμεσο βάρος μιας αρχικής σελίδας που ανοίγει σε κινητό είναι 2,56 MB και το διάμεσο συνολικό βάρος των εικόνων σε μια τέτοια σελίδα είναι περίπου 911 KB. Αυτό είναι περίπου το ένα τρίτο, και περισσότερο από όλο τον κώδικα JavaScript μαζί.
Ο δεύτερος λόγος είναι πιο σημαντικός για ένα κατάστημα. Η Google μετρά πόσο γρήγορα εμφανίζεται το μεγαλύτερο στοιχείο που φαίνεται στην οθόνη. Ο δείκτης αυτός λέγεται LCP. Στο 76% των σελίδων που ανοίγουν σε κινητό, αυτό το μεγαλύτερο στοιχείο είναι μια εικόνα, και σε ένα κατάστημα συνήθως είναι η φωτογραφία του προϊόντος ή ένα banner.
Η Google θέλει να εμφανίζεται αυτό το στοιχείο μέσα σε 2,5 δευτερόλεπτα. Όχι σε μία δοκιμή, αλλά τουλάχιστον στα τρία τέταρτα των πραγματικών επισκέψεων. Ένα αποτέλεσμα πάνω από 4 δευτερόλεπτα το θεωρεί κακό.
Θα βελτιώσει μια πιο γρήγορη σελίδα τη θέση σας στην Google;
Μπορεί να βοηθήσει λίγο, αλλά λιγότερο απ’ όσο αφήνουν να εννοηθεί πολλοί οδηγοί. Η Google γράφει ότι τα συστήματα κατάταξής της χρησιμοποιούν δείκτες ταχύτητας. Αμέσως μετά όμως προσθέτει ότι τα καλά αποτελέσματα δεν εγγυώνται υψηλή θέση και ότι μια σελίδα με σχετικό περιεχόμενο εξακολουθεί να κερδίζει μια πιο γρήγορη αλλά λιγότερο σχετική.
Η ταχύτητα μετράει περισσότερο όταν αρκετές σελίδες έχουν εξίσου καλό περιεχόμενο. Η μορφή του αρχείου από μόνη της δεν είναι παράγοντας κατάταξης. Η Google δεν επιβραβεύει μια φωτογραφία επειδή είναι σε WebP. Επιβραβεύει έμμεσα τη σελίδα που φορτώνει πιο γρήγορα.
Προσέξτε και τους αριθμούς που κυκλοφορούν στο διαδίκτυο. Ο γνωστός ισχυρισμός ότι ένα δευτερόλεπτο καθυστέρησης σημαίνει 7% λιγότερες μετατροπές προέρχεται από έρευνα με ερωτηματολόγιο της εταιρείας Aberdeen Group, που έγινε το 2008 σε περισσότερες από 160 επιχειρήσεις, και όχι από μέτρηση της συμπεριφοράς των αγοραστών. Μη βασίζετε αποφάσεις σε αυτόν.
Πρώτα οι διαστάσεις, μετά η μορφή
Εδώ γίνεται το πιο συχνό λάθος. Η αλλαγή μορφής σε WebP είναι το δεύτερο που κάνετε, όχι το πρώτο.
Μια φωτογραφία κινητού στα 12 megapixel έχει 4000 × 3000 pixel. Το Google Merchant Center, δηλαδή το εργαλείο μέσω του οποίου τα καταστήματα στέλνουν τα προϊόντα τους στις Αγορές Google (Google Shopping), συνιστά φωτογραφίες προϊόντων με διαστάσεις περίπου 1500 × 1500 pixel. Είναι λογικό σημείο αναφοράς και για το δικό σας κατάστημα.
Αν το κατάστημα στείλει αρχείο μεγαλύτερο από τον χώρο που πιάνει η φωτογραφία στην οθόνη, το πρόγραμμα περιήγησης θα το μικρύνει έτσι κι αλλιώς, αλλά πρώτα πρέπει να το κατεβάσει ολόκληρο.
Το δοκιμάσαμε σε μία φωτογραφία
Πήραμε μια φωτογραφία προϊόντος — μια κεραμική κούπα σε λείο φόντο — και την αποθηκεύσαμε με τέσσερις τρόπους. Τη διαλέξαμε σκόπιμα: το έντονο πορτοκαλί χρώμα και η ομαλή διαβάθμιση του φόντου είναι σημεία όπου η συμπίεση αφήνει εύκολα σημάδια. Όσο για το βάρος του αρχείου, είναι πιο εύκολη περίπτωση από μια φωτογραφία κατευθείαν από τη μηχανή.
| Εκδοχή | Διαστάσεις | Βάρος |
|---|---|---|
| Πρωτότυπο σε JPG | 2880 × 2880 px | 1826 KB |
| Μόνο σμίκρυνση, παραμένει JPG | 1500 × 1500 px | 550 KB |
| Μόνο WebP, πλήρεις διαστάσεις | 2880 × 2880 px | 128 KB |
| Σμίκρυνση και αποθήκευση σε WebP | 1500 × 1500 px | 122 KB |
Μόνο η σμίκρυνση των διαστάσεων μείωσε το βάρος του αρχείου κατά 70%. Η αποθήκευση σε WebP με στόχο βάρους 130 KB το έκανε ύστερα ακόμη πάνω από τέσσερις φορές ελαφρύτερο. Συνολικά η φωτογραφία είναι δεκαπέντε φορές ελαφρύτερη από το πρωτότυπο.
Αυτή η δεύτερη μείωση όμως δεν οφείλεται μόνο στη μορφή. Το σμικρυμένο JPG είχε ακόμη ποιότητα 95, ενώ το πρόσθετο συμπίεσε το WebP πιο δυνατά, για να το χωρέσει στα 130 KB. Πόσο δίνει η μορφή από μόνη της, το γράφουμε παρακάτω.
Τα περισσότερα τα λέει η σύγκριση των δύο τελευταίων γραμμών. Οι δύο εκδοχές ζυγίζουν σχεδόν το ίδιο, αλλά δεν είναι εξίσου καλές. Η ποιότητα αποθήκευσης ρυθμίζεται σε κλίμακα έως το 100, και όσο χαμηλότερη είναι, τόσο περισσότερες μικρές λεπτομέρειες χάνονται. Για να χωρέσει τη φωτογραφία σε πλήρεις διαστάσεις στα 130 KB, το πρόσθετο χρειάστηκε να κατεβάσει την ποιότητα στο 55. Η σμικρυμένη φωτογραφία χώρεσε στα ίδια 130 KB με ποιότητα 87 και, σύμφωνα με τη μέτρησή μας, η συμπίεση την παραμόρφωσε λιγότερο. Γι’ αυτό ακριβώς οι διαστάσεις μπαίνουν πριν από τη μορφή.
Κάναμε τη δοκιμή στις 13 Σεπτεμβρίου 2026 με το πρόσθετό μας ConverterSEO 1.31.1, ρυθμισμένο σε στόχο βάρους 130 KB, σε διακομιστή με WordPress 7.1 και τη βιβλιοθήκη γραφικών GD. Η φωτογραφία της κούπας δεν βγήκε από φωτογραφική μηχανή: τη δημιουργήσαμε ειδικά για αυτή τη δοκιμή και την αποθηκεύσαμε ως JPG σε ποιότητα 95. Οι πραγματικές φωτογραφίες από μηχανή έχουν περισσότερο θόρυβο και συνήθως ζυγίζουν περισσότερο, οπότε σε εσάς οι αριθμοί θα βγουν διαφορετικοί. Σημασία έχει η κατεύθυνση: πρώτα οι διαστάσεις, μετά η μορφή.
Χαλάει το WebP την ποιότητα των φωτογραφιών;
Λίγο, ναι. Το WebP που χρησιμοποιείται για φωτογραφίες είναι μορφή με απώλειες, οπότε κατά την αποθήκευση πάντα κάτι πετάει. Η φράση «χωρίς απώλεια ποιότητας» εμφανίζεται σε οδηγούς, ακόμη και στην ίδια την Google, αλλά πίσω της υπάρχει μια σύγκριση στην οποία την ποιότητα των δύο αρχείων την έκρινε ένας αλγόριθμος. Αυτό δεν σημαίνει ότι το αρχείο δεν έχασε τίποτα. Η συμπίεση χωρίς απώλειες χρησιμοποιείται σπάνια για φωτογραφίες προϊόντων, γιατί τότε τα αρχεία βγαίνουν πολλές φορές μεγαλύτερα.
Με λογικές ρυθμίσεις, όμως, αυτή η διαφορά μπορεί να είναι πολύ μικρή. Ιδού το ίδιο κομμάτι της κούπας από τη δοκιμή μας, και στις δύο εκδοχές.
Η σύγκριση pixel προς pixel δείχνει ότι το WebP απέχει από το πρωτότυπο λίγο περισσότερο από το JPG στα αριστερά. Στην οθόνη, ακόμη και σε μεγέθυνση, δύσκολα εντοπίζει κανείς αυτή τη διαφορά. Οι κουκκίδες στο σμάλτο, η λάμψη και το περίγραμμα της κούπας έμειναν στη θέση τους.
Χρειάζεται προσοχή σε δύο περιπτώσεις:
- Ομαλές μεταβάσεις χρωμάτων, για παράδειγμα το φόντο μιας φωτογραφίας στούντιο. Με υπερβολική συμπίεση, αντί για ομαλή διαβάθμιση μπορεί να εμφανιστούν λωρίδες.
- Πολύ υψηλή ποιότητα. Εδώ το WebP δύσκολα φτάνει το JPG, οπότε το αρχείο δεν βγαίνει πάντα μικρότερο.
Πριν μετατρέψετε σε WebP όλες τις φωτογραφίες του καταστήματος, κάντε μια δοκιμή σε μερικές και δείτε τις σε μεγέθυνση δίπλα στα πρωτότυπα. Ξεκινήστε από εκείνες με λείο φόντο και έντονο χρώμα.
WebP ή JPG: πόσο κερδίζετε στην πράξη
Η Google ανέφερε στη μελέτη της ότι το WebP είναι 25–34% μικρότερο από το JPG, όταν ένας αλγόριθμος κρίνει την ποιότητα των δύο αρχείων ίδια. Ισχύει, αλλά με μια επιφύλαξη που οι οδηγοί συνήθως δεν αναφέρουν. Η δοκιμή έγινε γύρω στο 2011 και συνέκρινε το WebP με JPG αποθηκευμένο από ένα παλιό πρόγραμμα, το οποίο με την ίδια ποιότητα βγάζει μεγαλύτερα αρχεία από τα νεότερα εργαλεία.
Μια νεότερη ανάλυση της εταιρείας Cloudinary, από το 2023, δίνει πληρέστερη εικόνα. Σε χαμηλότερες ρυθμίσεις ποιότητας το WebP είναι 25–35% μικρότερο από ένα JPG αποθηκευμένο χωρίς βελτιστοποίηση, ενώ σε υψηλότερες το πλεονέκτημα αυτό μικραίνει. Σε σύγκριση με ένα JPG αποθηκευμένο από σύγχρονο πρόγραμμα που από μόνο του συμπιέζει πολύ τα αρχεία, όπως το mozjpeg, είναι μικρότερο μόλις κατά 3–5%.
Τι σημαίνει αυτό για εσάς; Αν ανεβάζετε φωτογραφίες κατευθείαν από τη μηχανή, το κέρδος θα είναι αισθητό, αλλά σε μεγάλο βαθμό χάρη στις μικρότερες διαστάσεις και στην πιο δυνατή συμπίεση, όχι στη μορφή αυτή καθαυτή. Αν κάποιος έχει ήδη συμπιέσει σωστά τα JPG σας, η αλλαγή μορφής από μόνη της θα δώσει λίγα, και θα κερδίσετε περισσότερα από τις διαστάσεις.
Υπάρχει και η ακόμη νεότερη μορφή AVIF. Στην ίδια ανάλυση της Cloudinary βγήκε περίπου 10–15% μικρότερη από το WebP, αλλά με τις προεπιλεγμένες ρυθμίσεις η αποθήκευσή της κράτησε περίπου δέκα φορές περισσότερο. Σε ένα κατάστημα με χιλιάδες φωτογραφίες, αυτή είναι πραγματική διαφορά.
Πού μπορείτε να στείλετε WebP και πού όχι
Η φωτογραφία ενός προϊόντος δεν καταλήγει μόνο στο κατάστημά σας. Τη στέλνετε και στις Αγορές Google, σε άλλες πλατφόρμες πώλησης, μερικές φορές στο Amazon. Το WebP δεν περνάει παντού.
| Πού | Δέχεται WebP; |
|---|---|
| Το κατάστημά σας στο WordPress | Ναι, από την έκδοση 5.8, αν ο διακομιστής υποστηρίζει WebP |
| Google Merchant Center | Ναι |
| Amazon | Μάλλον όχι: δεν ήταν στη λίστα των επιτρεπόμενων μορφών (όπως ίσχυε το 2024) |
| Εισαγωγή προϊόντων στο WooCommerce από αρχείο CSV ή από άλλο πρόγραμμα | Ναι, από την έκδοση 7.7 |
Από εδώ βγαίνει ένας απλός κανόνας: κρατήστε τα πρωτότυπα των φωτογραφιών σε JPG ή PNG και χρησιμοποιήστε το WebP στον ιστότοπο του καταστήματός σας. Μη μετατρέπετε το μοναδικό αντίγραφο που έχετε.
Υποστηρίζουν το WebP τα προγράμματα περιήγησης των πελατών σας;
Ναι. Σύμφωνα με τον ιστότοπο Can I Use, με βάση στοιχεία του Αυγούστου 2026, περίπου το 97% των προγραμμάτων περιήγησης που χρησιμοποιούνται παγκοσμίως υποστηρίζει πλήρως το WebP.
Το Safari υποστηρίζει WebP από την έκδοση 14, που κυκλοφόρησε τον Σεπτέμβριο του 2020 μαζί με το iOS 14. Στους υπολογιστές Mac όμως λειτουργεί μόνο από το macOS 11 Big Sur και μετά. Η φράση «το Safari δεν υποστηρίζει WebP», που κυκλοφορεί ακόμη σε παλιότερους οδηγούς, έχει λοιπόν πάψει να ισχύει εδώ και χρόνια. Και η Αναζήτηση Google υποστηρίζει επίσημα εικόνες σε WebP.
Τι κάνει το WordPress και τι όχι
Από την έκδοση 5.8, του Ιουλίου 2021, το WordPress σας επιτρέπει να ανεβάζετε εικόνες WebP στη βιβλιοθήκη πολυμέσων, αν ο διακομιστής υποστηρίζει αυτή τη μορφή. Από μόνο του όμως δεν θα μετατρέψει τα αρχεία σας JPG ή PNG. Το 2022 έγινε προσπάθεια να προστεθεί στην έκδοση 6.1 η αυτόματη δημιουργία WebP από τα JPG που ανεβαίνουν, αλλά η αλλαγή αποσύρθηκε πριν από την κυκλοφορία.
Το αν ο διακομιστής σας μπορεί να αποθηκεύει WebP θα το δείτε στον πίνακα ελέγχου του WordPress: Εργαλεία → Υγεία ιστότοπου → Πληροφορίες → Χειρισμός Πολυμέσων. Βρείτε εκεί τις γραμμές «Υποστηριζόμενοι τύποι αρχείων GD» και «Υποστηριζόμενοι τύποι αρχείου ImageMagick». Αν σε κάποια από τις δύο φαίνεται WEBP, όλα είναι εντάξει.
Οι φωτογραφίες που έχετε ήδη στο κατάστημα θα μείνουν στην παλιά μορφή, μέχρι να κάνετε κάτι γι’ αυτές. Υπάρχουν δύο δρόμοι.
- Μεμονωμένες φωτογραφίες τις μετατρέπετε δωρεάν στον μετατροπέα WebP. Λειτουργεί στο πρόγραμμα περιήγησής σας, οπότε τα αρχεία δεν ανεβαίνουν σε κανέναν διακομιστή.
- Όλες τις φωτογραφίες μαζί τις αναλαμβάνει το πρόσθετο ConverterSEO. Τις συμπιέζει στον διακομιστή του καταστήματός σας, μία φορά: όταν ανεβάζετε τη φωτογραφία ή όταν του ζητήσετε να επεξεργαστεί τις φωτογραφίες που υπάρχουν ήδη στη βιβλιοθήκη. Ποτέ όσο ένας πελάτης περιηγείται στο κατάστημα.
Μια σημαντική παρατήρηση. Μετά τη συμπίεση, το πρόσθετο αντικαθιστά το αρχείο στη βιβλιοθήκη πολυμέσων με την εκδοχή WebP και διαγράφει το πρωτότυπο. Αν τα πρωτότυπα των φωτογραφιών σας υπάρχουν μόνο στο WordPress, κρατήστε αντίγραφο πριν ξεκινήσετε, για παράδειγμα κατεβάζοντας στον υπολογιστή τον φάκελο wp-content/uploads από τη διαχείριση αρχείων στον πίνακα ελέγχου του hosting σας.
Πώς θα δείτε αν αξίζει τον κόπο
Τρέξτε το PageSpeed Insights για μια σελίδα προϊόντος και για μια σελίδα κατηγορίας. Αν το εργαλείο δεν επισημαίνει εικόνες προς βελτίωση, το κέρδος από το WebP θα είναι μικρό.
Κρίνετε το αποτέλεσμα από τα δεδομένα πραγματικών επισκέψεων και όχι από μία μέτρηση, γιατί μια μεμονωμένη δοκιμή άλλοτε βγαίνει καλύτερη και άλλοτε χειρότερη. Τέτοια δεδομένα το PageSpeed Insights τα δείχνει στο πάνω μέρος της αναφοράς, αν η σελίδα έχει αρκετές επισκέψεις. Η Google ελέγχει αν η σελίδα φορτώνει γρήγορα τουλάχιστον στα τρία τέταρτα των πραγματικών επισκέψεων.
Και κάτι που εύκολα το χαλάει κανείς. Η καθυστερημένη φόρτωση (lazy loading) αναβάλλει τη λήψη μιας εικόνας μέχρι τη στιγμή που ο πελάτης θα κυλήσει τη σελίδα ως εκεί. Μην την ενεργοποιείτε για την κύρια φωτογραφία του προϊόντος. Η Google το αποθαρρύνει ρητά, γιατί έτσι το σημαντικότερο στοιχείο της σελίδας αργεί να εμφανιστεί. Η καθυστερημένη φόρτωση έχει νόημα για τις φωτογραφίες πιο κάτω στη σελίδα.
Από πού να ξεκινήσετε στο δικό σας κατάστημα
- Δείτε πόσο ζυγίζουν οι φωτογραφίες των προϊόντων σας και τι διαστάσεις έχουν: στη βιβλιοθήκη πολυμέσων κάντε κλικ σε μια φωτογραφία και διαβάστε τα πεδία «Μέγεθος αρχείου» και «Διαστάσεις».
- Μικρύνετε τις διαστάσεις τους σε περίπου 1500 pixel, δηλαδή στο μέγεθος που συνιστά το Google Merchant Center για φωτογραφίες προϊόντων.
- Αποθηκεύστε τις σε WebP ώστε να ζυγίζουν περίπου 130 KB.
- Δείτε μερικές σε μεγέθυνση, ιδίως εκείνες με λείο φόντο.
- Κρατήστε τα πρωτότυπα σε JPG για το Amazon και τις άλλες πλατφόρμες πώλησης.
- Κρίνετε το αποτέλεσμα από πραγματικές επισκέψεις, όχι από μία δοκιμή.
Αν έχετε λίγες φωτογραφίες, αρκεί ο δωρεάν μετατροπέας WebP. Αν έχετε εκατοντάδες, το πρόσθετο ConverterSEO τις μετατρέπει όλες μαζί, με δωρεάν και απεριόριστη συμπίεση σε WebP. Αν θέλετε οι ίδιες φωτογραφίες να έχουν και καλά ονόματα αρχείων και περιγραφές, ρίξτε μια ματιά στο άρθρο για το πώς να ετοιμάσετε τις εικόνες για SEO.