Πώς να Βελτιστοποιήσετε Εικόνες για Σελίδες Προϊόντων Ηλεκτρονικού Εμπορίου | Bulk Image Compressor
Οι εικόνες προϊόντων πουλάνε πράγματα. Αν ένας αγοραστής δεν μπορεί να δει τις λεπτομέρειες καθαρά, δεν αγοράζει. Αλλά αν οι εικόνες σας είναι πολύ μεγάλες και οι σελίδες σας φορτώνουν αργά, φεύγουν πριν καν ολοκληρωθεί η φόρτωση των εικόνων. Το να βρείτε αυτή την ισορροπία είναι ένα από τα πιο πρακτικά πράγματα που μπορείτε να κάνετε για ένα ηλεκτρονικό κατάστημα.
Τα καλά νέα είναι ότι δεν χρειάζεται να επιλέξετε μεταξύ ποιότητας και ταχύτητας. Με τις σωστές ρυθμίσεις συμπίεσης και μορφές, οι φωτογραφίες προϊόντων σας μπορούν να φαίνονται ευκρινείς στην οθόνη ενώ φορτώνουν γρήγορα σε οποιαδήποτε συσκευή.
Γιατί έχει σημασία το μέγεθος εικόνας προϊόντος
Μια τυπική σελίδα προϊόντος έχει μεταξύ 4 και 8 εικόνων: η κύρια φωτογραφία, μερικές γωνίες, ίσως μια λήψη λεπτομέρειας και μια εικόνα lifestyle που δείχνει το προϊόν σε χρήση. Αν κάθε μία από αυτές είναι ένα μη συμπιεσμένο αρχείο 4MB από τον φωτογράφο σας, αυτό είναι 16 έως 32MB εικόνων ανά σελίδα.
Οι αργές σελίδες προϊόντων βλάπτουν άμεσα τις πωλήσεις. Έρευνα από την Deloitte διαπίστωσε ότι μια βελτίωση 0,1 δευτερολέπτου στην ταχύτητα κινητού ιστότοπου οδήγησε σε αύξηση 8,4% στις μετατροπές για ιστότοπους λιανικής. Ο μεγαλύτερος παράγοντας στην ταχύτητα σελίδας για το ηλεκτρονικό εμπόριο είναι σχεδόν πάντα οι εικόνες.
Υπάρχει επίσης ο παράγοντας κινητού. Οι περισσότερες αγορές γίνονται σε τηλέφωνα. Οι εικόνες προϊόντων σας πρέπει να φορτώνουν γρήγορα σε δίκτυα κινητής τηλεφωνίας, όχι μόνο σε γρήγορο Wi-Fi.
Λήψεις λευκού φόντου vs. φωτογραφίες lifestyle
Αυτοί οι δύο τύποι εικόνων προϊόντων έχουν διαφορετικά χαρακτηριστικά συμπίεσης.
Οι λήψεις προϊόντων με λευκό φόντο είναι αυτό που βλέπετε στο Amazon, το eBay και τις περισσότερες σελίδες καταχώρισης προϊόντων. Συνήθως έχουν ένα καθαρό λευκό φόντο με το προϊόν στο κέντρο. Αυτές οι εικόνες συμπιέζονται πολύ καλά επειδή μεγάλες περιοχές συμπαγούς λευκού απαιτούν πολύ λίγα δεδομένα. Συχνά μπορείτε να τις συμπιέσετε σε ποιότητα JPEG 75 έως 80% και να δείτε σχεδόν καμία διαφορά.
Οι φωτογραφίες lifestyle δείχνουν προϊόντα σε πραγματικές συνθήκες. Μια κούπα καφέ σε έναν πάγκο κουζίνας, ένα μπουφάν σε ένα μοντέλο σε εξωτερικό χώρο, παπούτσια σε ένα πεζοδρόμιο πόλης. Αυτές οι εικόνες έχουν μεγαλύτερη οπτική πολυπλοκότητα με ποικίλα φόντα, υφές και φωτισμό. Χρειάζονται ελαφρώς υψηλότερες ρυθμίσεις ποιότητας, περίπου 80 έως 85%, για να διατηρήσουν τη λεπτομέρεια.
Και οι δύο τύποι μπορούν να είναι σημαντικά μικρότεροι από τα πρωτότυπα. Μια λήψη προϊόντος με λευκό φόντο 5MB συνήθως συμπιέζεται σε 200 έως 400KB. Μια φωτογραφία lifestyle 6MB συμπιέζεται σε 300 έως 600KB.
Απαιτήσεις και συστάσεις πλατφορμών
Διαφορετικές πλατφόρμες ηλεκτρονικού εμπορίου έχουν τις δικές τους οδηγίες εικόνας. Ορίστε οι προδιαγραφές για τις κυριότερες:
Το Shopify συνιστά εικόνες στα 2048 x 2048 pixels. Το μέγιστο μέγεθος αρχείου είναι 20MB, αλλά συνιστούν ανεπιφύλακτα να κρατάτε τις εικόνες πολύ κάτω από αυτό. Το Shopify κάνει κάποια αυτόματη συμπίεση και εξυπηρετεί WebP όταν το πρόγραμμα περιήγησης το υποστηρίζει, αλλά η έναρξη με βελτιστοποιημένες εικόνες δίνει καλύτερα αποτελέσματα.
Το WooCommerce δεν επιβάλλει αυστηρά όρια αφού λειτουργεί στη δική σας φιλοξενία. Αυτό σημαίνει ότι η βελτιστοποίηση εικόνων είναι εξ ολοκλήρου δική σας ευθύνη. Τα προεπιλεγμένα μεγέθη μικρογραφιών είναι 600 x 600 για τον κατάλογο και το πλήρες μέγεθος εικόνας για τη σελίδα προϊόντος. Θα πρέπει να αλλάξετε μέγεθος και να συμπιέσετε πριν από τη μεταφόρτωση.
Το Amazon απαιτεί τουλάχιστον 1000 pixels στη μεγαλύτερη πλευρά (για λειτουργία ζουμ) και συνιστά 2000 pixels. Το μέγιστο μέγεθος αρχείου είναι 10MB. Η κύρια εικόνα πρέπει να έχει καθαρό λευκό φόντο (RGB 255, 255, 255). Το Amazon συμπιέζει εικόνες από την πλευρά του, αλλά η μεταφόρτωση ήδη βελτιστοποιημένων εικόνων σας δίνει περισσότερο έλεγχο στο τελικό αποτέλεσμα.
Το Etsy συνιστά 2000 pixels στη μικρότερη πλευρά. Δέχονται αρχεία έως 1MB. Δεδομένου ότι το όριο του Etsy είναι σχετικά μικρό, σχεδόν σίγουρα θα χρειαστεί να συμπιέσετε πριν από τη μεταφόρτωση.
Προτεινόμενες διαστάσεις και μεγέθη αρχείων
Για τις περισσότερες πλατφόρμες ηλεκτρονικού εμπορίου, ορίστε ένας πρακτικός στόχος:
| Τύπος εικόνας | Διαστάσεις | Μέγεθος αρχείου-στόχος |
|---|---|---|
| Κύρια φωτογραφία προϊόντος | 2000 x 2000px | 200 έως 400KB |
| Εναλλακτικές γωνίες | 2000 x 2000px | 200 έως 400KB |
| Λήψη λεπτομέρειας/ζουμ | 2000 x 2000px | 250 έως 500KB |
| Φωτογραφία lifestyle | 2000 x 1333px | 300 έως 600KB |
| Μικρογραφία | 600 x 600px | 30 έως 60KB |
Αυτά τα μεγέθη σας δίνουν αρκετή ανάλυση για λειτουργίες ζουμ διατηρώντας παράλληλα τις σελίδες γρήγορες. Το συνολικό φορτίο εικόνας ανά σελίδα προϊόντος θα πρέπει ιδανικά να παραμένει κάτω από 2MB.
Επιλέγοντας τη σωστή μορφή
Το JPEG είναι το πρότυπο για φωτογραφία προϊόντων. Χειρίζεται καλά τις φωτογραφίες και υποστηρίζεται παντού. Χρησιμοποιήστε το ως προεπιλογή.
Το WebP προσφέρει περίπου 25 έως 35% καλύτερη συμπίεση από JPEG στην ίδια οπτική ποιότητα. Αν η πλατφόρμα σας το υποστηρίζει (το Shopify το κάνει αυτόματα, το WooCommerce χρειάζεται plugin), το WebP είναι μια σταθερή αναβάθμιση. Για μια βαθύτερη σύγκριση μορφών, διαβάστε τον οδηγό JPEG vs PNG vs WebP.
Το PNG χρειάζεται μόνο όταν οι εικόνες προϊόντων σας απαιτούν διαφάνεια. Για παράδειγμα, αν πουλάτε αντικείμενα που πρέπει να εμφανίζονται χωρίς καθόλου φόντο, το PNG διατηρεί αυτή τη διαφάνεια. Διαφορετικά, αποφύγετε το PNG για φωτογραφίες προϊόντων επειδή τα μεγέθη αρχείων είναι πολύ μεγαλύτερα.
Μαζική επεξεργασία για καταλόγους προϊόντων
Αν έχετε ένα κατάστημα με δεκάδες ή εκατοντάδες προϊόντα, η συμπίεση εικόνων μία προς μία δεν είναι ρεαλιστική. Ένας κατάλογος προϊόντων με 200 είδη και 5 εικόνες το καθένα σημαίνει 1.000 εικόνες για επεξεργασία.
Εδώ η μαζική συμπίεση εξοικονομεί ώρες. Με το Bulk Image Compressor, μπορείτε να ρίξετε έναν ολόκληρο φάκελο εικόνων προϊόντων και να τις συμπιέσετε όλες ταυτόχρονα. Όλα λειτουργούν στο πρόγραμμα περιήγησής σας, οπότε οι φωτογραφίες προϊόντων σας δεν μεταφορτώνονται ποτέ σε εξωτερικό διακομιστή. Αυτό έχει σημασία όταν εργάζεστε με μη δημοσιευμένα προϊόντα ή εικόνες που δεν θέλετε να μοιραστούν πριν από την κυκλοφορία.
Ορίστε μια ροή εργασίας που λειτουργεί καλά για καταλόγους προϊόντων:
-
Αλλάξτε μέγεθος πρώτα. Φέρτε όλες τις εικόνες σας στις σωστές διαστάσεις (2000 x 2000px για τις περισσότερες πλατφόρμες). Μην στέλνετε εικόνες 6000px μέσω συμπίεσης όταν θα εμφανίζονται μόνο στα 2000px.
-
Διαχωρίστε ανά τύπο. Βάλτε λήψεις λευκού φόντου σε μία παρτίδα και φωτογραφίες lifestyle σε άλλη. Αυτό σας επιτρέπει να χρησιμοποιήσετε διαφορετικές ρυθμίσεις ποιότητας για την καθεμία.
-
Συμπιέστε λήψεις λευκού φόντου σε ποιότητα 75 έως 80%. Τα καθαρά φόντα συμπιέζονται αποδοτικά σε χαμηλότερες ρυθμίσεις.
-
Συμπιέστε φωτογραφίες lifestyle σε ποιότητα 80 έως 85%. Οι επιπλέον λεπτομέρειες σε αυτές τις εικόνες επωφελούνται από ελαφρώς υψηλότερη ποιότητα.
-
Ελέγξτε μερικά αποτελέσματα. Ανοίξτε μερικές συμπιεσμένες εικόνες και συγκρίνετε με τα πρωτότυπα. Βεβαιωθείτε ότι το κείμενο στη συσκευασία είναι ακόμα ευανάγνωστο και οι λεπτομέρειες του προϊόντος είναι καθαρές. Για περισσότερα σχετικά, δείτε τον οδηγό μας για τη μείωση μεγέθους αρχείου χωρίς απώλεια ποιότητας.
-
Ανεβάστε στην πλατφόρμα σας. Αντικαταστήστε τα πρωτότυπα με τις συμπιεσμένες εκδόσεις.
Ο αντίκτυπος στα κέρδη σας
Οι ταχύτερες σελίδες προϊόντων σημαίνουν περισσότερες πωλήσεις. Είναι τόσο άμεσο. Όταν ένας αγοραστής κάνει κλικ στο προϊόν σας από ένα αποτέλεσμα αναζήτησης ή διαφήμιση, έχετε περίπου δύο με τρία δευτερόλεπτα πριν αποφασίσει αν θα περιμένει ή θα πατήσει το κουμπί πίσω.
Οι βελτιστοποιημένες εικόνες μειώνουν επίσης το κόστος φιλοξενίας και CDN. Αν εξυπηρετείτε 500.000 προβολές σελίδων προϊόντος ανά μήνα και μειώσετε το μέσο φορτίο εικόνας από 8MB σε 1,5MB ανά σελίδα, αυτό είναι terabytes εξοικονόμησης εύρους ζώνης.
Οι φωτογραφίες προϊόντων σας είναι το πιο σημαντικό asset στο ηλεκτρονικό σας κατάστημα. Η σωστή συμπίεσή τους σάς επιτρέπει να διατηρήσετε την οπτική ποιότητα που χρειάζονται οι αγοραστές σας, ενώ τους δίνετε τη γρήγορη εμπειρία που οδηγεί πραγματικά σε αγορές.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor