Όταν ένας πιθανός πελάτης προσγειωθεί στο δικό σας Shopify , θα χρησιμοποιήσουν τις εικόνες για να αποφασίσουν αν θέλουν να κάνουν μια αγορά. Ως εκ τούτου, η δουλειά σας ως έμπορος είναι να διασφαλίσετε ότι οι εικόνες δεν μειώνουν τις ταχύτητες φόρτωσης του ιστότοπου (έτσι για να απομακρύνετε τους ανθρώπους) και να μορφοποιήσετε και να διαμορφώσετε σωστά τις εικόνες.
Με αυτόν τον τρόπο, οι εικόνες δεν εμφανίζονται τεντωμένες ή κομμένες. Στο απόλυτο μας Shopify οδηγός μεγέθους εικόνας, σας δείχνουμε τη σημασία συγκεκριμένων μεγεθών εικόνας Shopify φωτογραφία και παρέχετε τα ιδανικά μεγέθη για πράγματα όπως το λογότυπό σας, η εικόνα banner και οι εικόνες προϊόντων.
Συνεχίστε να διαβάζετε για να μάθετε τα πάντα Shopify μεγέθη εικόνας!
Γιατί πρέπει να σας ενδιαφέρει Shopify Μεγέθη εικόνας;
Είναι κουραστικό να διαχειρίζεσαι και να ανεβάζεις εικόνες. Ωστόσο, είναι συχνά οι κύριοι παραβάτες όταν πρόκειται για αργές ταχύτητες ιστότοπου, προβλήματα SEO και χαμηλές μετατροπές σε έναν ιστότοπο ηλεκτρονικού εμπορίου.
Και το δύσκολο κομμάτι σχετικά με όλους τους κατασκευαστές ιστότοπων και τις πλατφόρμες ηλεκτρονικού εμπορίου είναι ότι πρέπει να τηρείτε πολύ συγκεκριμένα μεγέθη εικόνων για να διασφαλίσετε ότι είναι βελτιστοποιημένες και εμφανίσιμες.
Για να το συνοψίσω, ορίστε γιατί Shopify Τα μεγέθη της εικόνας έχουν σημασία:
- Πληκτρολογήστε κάθε εικόνα Shopify απαιτεί μοναδικές διαστάσεις, όπως το πώς τα λογότυπα πρέπει να έχουν διαφορετικό μέγεθος από τις εικόνες banner.
- Οι χρήστες είναι πιο πιθανό να μετατραπούν σε πελάτες που πληρώνουν όταν μπορούν να δουν καθαρά τις εικόνες στη σωστή μορφή.
- Οι εικόνες με σωστό μέγεθος και βελτιστοποίηση μπορούν να ενισχύσουν τις δυνατότητες SEO σας.
- Η φωτογραφία κακού μεγέθους μπορεί να προκαλέσει τεντωμένες ή περικομμένες εικόνες, οδηγώντας σε έναν άσχημο ιστότοπο.
- Μπορεί να διαπιστώσετε ότι οι εικόνες με λάθος μέγεθος προκαλούν επιβράδυνση του ιστότοπού σας ή εμποδίζουν τους πελάτες να θέλουν να περιμένουν εντελώς.
Μαζί με αυτά τα σημεία: οι ευκρινείς, καλού μεγέθους εικόνες παρουσιάζουν ένα ορισμένο επίπεδο επαγγελματισμού, παρέχοντας συναισθηματικές αντιδράσεις στους πελάτες ότι είστε μια αξιόπιστη επιχείρηση και τα προϊόντα σας είναι υψηλής ποιότητας. Οι κακές φωτογραφίες απλά εμφανίζονται σαν να μην ανησυχείτε για τα προϊόντα σας ή για τον τρόπο που εμφανίζονται. Οι πελάτες σας μπορεί να ρωτήσουν, "πού αλλού κόβουν τις γωνίες;"
Με αυτό, ρίξτε μια ματιά στον γρήγορο οδηγό αναφοράς μας για τα καλύτερα Shopify μεγέθη εικόνας για περιοχές όπως σελίδες προϊόντων, εικόνες banner και λογότυπα.
Το Best Shopify Μεγέθη εικόνας (Με βάση το πού χρησιμοποιούνται οι εικόνες)
Δεν είναι όλοι αυτοί οι σκληροί κανόνες, αλλά είναι καλύτερο να παραμείνετε στο "ιδανικό μέγεθος" όσο το δυνατόν περισσότερο. Τα θέματα έχουν περιστασιακά τα δικά τους πρότυπα εικόνας, γι' αυτό προσέξτε τα. Διαφορετικά, θα σας εξηγήσουμε όταν έχετε κάποιο περιθώριο όσον αφορά τις διαστάσεις.
Υπάρχει μέγεθος εικόνας Go-to για χρήση Shopify?
Όχι, αλλά αν σκοπεύετε να ακολουθήσετε αυτήν την προσέγγιση, σας προτείνουμε:
- Βεβαιωθείτε ότι όλες οι εικόνες είναι αρκετά μεγάλες ώστε να δείχνουν τις περίπλοκες λεπτομέρειες του προϊόντος.
- Ωστόσο, διατηρήστε τις εικόνες αρκετά μικρές, ώστε να μην εμποδίζετε την απόδοση του ιστότοπου.
- Ένας καλός εμπειρικός κανόνας είναι να τηρείτε 2048 × 2048 pixel για τετράγωνες εικόνες.
- Αποφύγετε οτιδήποτε μικρότερο από 800 × 800 pixel για τετράγωνες εικόνες.
- Αποφύγετε οτιδήποτε μεγαλύτερο από 4472 × 4472 για τετράγωνες εικόνες.
Για μη τετράγωνες εικόνες, προτείνουμε οπωσδήποτε να χρησιμοποιήσετε τους παρακάτω οδηγούς. Αξίζει επίσης να σημειωθεί ότι ορισμένα θέματα περικόπτουν τις εικόνες διαφορετικά, επομένως ίσως χρειαστεί να μαντέψετε και να ελέγξετε για να δείτε ποια μεγέθη εικόνων λειτουργούν καλύτερα για το ηλεκτρονικό σας κατάστημα.
Για την καλύτερη καθοδήγηση, ρίξτε μια ματιά στο ιδανικό Shopify Μεγέθη εικόνας παρακάτω, όλα κατηγοριοποιημένα με βάση τον τύπο εικόνας:
1. Shopify Μέγεθος εικόνας προϊόντος (Ιδανικό μέγεθος: 2048 × 2048 pixel)
Οι εικόνες προϊόντων χρησιμεύουν ως οι κύριες μορφές μέσων που χρησιμοποιούνται για την πραγματοποίηση πωλήσεων. ShopifyΤα θέματα του χρήστη κάνουν πολύ καλή δουλειά στην περικοπή και τη βελτιστοποίηση εικόνων προϊόντων για εσάς, αλλά δεν πρέπει ποτέ να βασίζεστε στα αυτοματοποιημένα εργαλεία.
Τα Διαχωριστικά συνιστώμενες διαστάσεις για εικόνες προϊόντων Shopify είναι 2048 x 2048 pixel.
Αυτό είναι ένα υπέροχο σημείο για να διασφαλίσετε ότι οι εικόνες σας δεν επιβραδύνουν τις ταχύτητες της σελίδας σας, διασφαλίζοντας παράλληλα ότι οι πελάτες βλέπουν τον πλούτο λεπτομερώς από τις αρχικές σας φωτογραφίες.
Προτείνουμε μια τετράγωνη εικόνα για φωτογραφίες προϊόντων, για να αποφευχθεί η ανεπιθύμητη περικοπή Shopify θέματα.
Το παρακάτω στιγμιότυπο οθόνης δείχνει μια εικόνα που μεταφορτώθηκε ως 2048 × 2048 pixel και δεν οδήγησε σε περικοπή.
Οι μεγαλύτερες και ευρύτερες εικόνες μπορούν ακόμα να λειτουργήσουν για φωτογραφίες προϊόντων, αλλά υπάρχει λιγότερος έλεγχος σχετικά με το τι κάνει το θέμα στις εικόνες σας. Μπορεί να διαπιστώσετε ότι οι οριζόντιες φωτογραφίες μειώνονται σε μέγεθος σε σύγκριση με τη μορφή κατακόρυφου προσανατολισμού.
2. Shopify Μέγεθος εικόνας συλλογής (Ιδανικό μέγεθος: 2048 × 2048 pixel)
Η προσθήκη μιας συλλογής δεν απαιτεί απαραίτητα μια εικόνα, αλλά με αυτόν τον τρόπο μπορείτε να δημιουργήσετε μια ξεχωριστή σελίδα για αυτήν τη συλλογή, σχεδόν σαν μια σελίδα προορισμού που δημιουργήθηκε μόνο για ένα μικρό υποσύνολο προϊόντων.
Μια εικόνα συλλογής μεταφορτώνεται κάτω από το Δημιουργία συλλογής ενότητα στο Shopify.
Μετά από αυτό, μπορείτε να προσθέσετε ένα προϊόν σε αυτήν τη συλλογή και να το εμφανίσετε σε ένα μπλοκ περιεχομένου στην αρχική σελίδα ή ως σελίδα από μόνη της.
Αν αφήσετε το Εικόνα κενό πεδίο σε μια σελίδα συλλογής, θα λάβει ως προεπιλογή μία από τις επιλεγμένες εικόνες προϊόντος από αυτήν τη συλλογή.
Η συνιστώμενη Shopify Το μέγεθος εικόνας για συλλογές είναι 2048 × 2048 pixel.
Οι τετράγωνες διαστάσεις βοηθούν στη δημιουργία μιας τυποποιημένης μορφής σε όλες τις συλλογές, ειδικά όταν εμφανίζονται η μία δίπλα στην άλλη.
Θα διαπιστώσετε επίσης ότι οι τετράγωνες εικόνες είναι πιο εύκολο να εργαστούν όταν χρησιμοποιείτε μπλοκ περιεχομένου που παρουσιάζουν συλλογές.
Όπως πάντα, τα αποτελέσματά σας ενδέχεται να διαφέρουν ανάλογα με το θέμα που χρησιμοποιείτε. Ορισμένα θέματα, στην πραγματικότητα, προσφέρουν περαιτέρω δυνατότητες με τις εικόνες της συλλογής σας, επιτρέποντάς σας να μοιραστείτε την εικόνα σαν banner σε μια ξεχωριστή σελίδα συλλογής. Σε αυτήν την περίπτωση, το βέλτιστο μέγεθος της εικόνας της συλλογής σας μπορεί να είναι εντελώς διαφορετικό από αυτό για το οποίο μιλήσαμε εδώ. Συνολικά, το καλύτερο σχέδιο δράσης σας είναι να υποβληθείτε σε δοκιμές με το θέμα σας. Ανεβάστε πολλές εικόνες μοναδικών μεγεθών στις συλλογές σας. Σημειώστε αυτά που λειτουργούν και, στη συνέχεια, χρησιμοποιήστε πάντα αυτές τις διαστάσεις. Απλώς βεβαιωθείτε ότι οι εικόνες δεν είναι πολύ μεγάλες ή πολύ μικρές και θα είστε εντάξει.
3. Shopify Μέγεθος εικόνας λογότυπου (Ιδανικό μέγεθος: 450W × 250H pixel)
Το λογότυπο ξεχωρίζει ως η μαρκίζα του καταστήματος ηλεκτρονικού εμπορίου σας. Εμφανίζεται ακριβώς όταν κάποιος προσγειώνεται στην αρχική σας σελίδα και σε ολόκληρο τον ιστότοπο, δεδομένου ότι είναι συνήθως ορατό στην περιοχή της κεφαλίδας.
Shopify Οι χρήστες που έχουν προβλήματα με τα μεγέθη λογότυπου μπορεί να διαπιστώσουν ότι το λογότυπο δεν είναι αρκετά μεγάλο ή να παραμορφώνει το μενού πλοήγησης με κάποιο τρόπο. Ή, μπορεί να διαπιστώσετε ότι το λογότυπο αφήνει πολύ κενό χώρο κάτω ή πάνω.
Για να διορθώσετε τα περισσότερα από αυτά τα προβλήματα, προτείνουμε να χρησιμοποιήσετε διαστάσεις λογότυπου ύψους 250 pixel επί πλάτους 450 pixel.
Στην πραγματικότητα, Shopify συνιστά να μην πηγαίνετε ποτέ υψηλότερα από αυτές τις διαστάσεις για πλάτος και ύψος. Τούτου λεχθέντος, μπορείτε να κάνετε μικρότερες, αρκεί να το επιτρέπει το θέμα σας.
Κάθε τόσο, η πλαϊνή γραμμή απορρίπτει τα πράγματα ή ίσως το μενού πλοήγησής σας έχει πάρα πολλά στοιχεία που ωθούν το λογότυπο σε μια περίεργη κατεύθυνση. Ανεξάρτητα από αυτό, είναι καλύτερο να παίζετε με τις διαστάσεις του λογότυπου και τις ρυθμίσεις του ιστότοπού σας για να επιτύχετε την καλύτερη εμφάνιση.
Εναλλακτικά, ορισμένα θέματα φαίνονται υπέροχα με τετράγωνα λογότυπα, αλλά κρατήστε τα κάτω από το σημάδι 250 x 250 pixel, ώστε να μην καταλαμβάνει πολύ χώρο.
Για τη μεγαλύτερη ευελιξία, μεταβείτε στο Ρυθμίσεις > Επωνυμία in Shopify για να προσθέσετε ένα Προεπιλογή και Square εικόνα. Με αυτόν τον τρόπο, μπορείτε να ανεβάσετε είτε ανάλογα με την περίσταση.
4. Shopify Μέγεθος εικόνας banner (Ιδανικό μέγεθος: 2000 W × 600 H pixel)
Αυτές οι εικόνες που συνήθως ονομάζονται εικόνα ήρωα ή banner εικόνας είναι οι μεγαλύτερες εικόνες που μπορείτε να τοποθετήσετε στην κορυφή μιας αρχικής σελίδας για να παρουσιάσετε νέα προϊόντα και να συμπεριλάβετε κείμενο με ένα κουμπί. Είναι σημαντικό οι εικόνες banner να είναι υψηλής ανάλυσης για την αποφυγή κόκκων μετά την αλλαγή μεγέθους και όταν προβάλλονται σε διαφορετικές συσκευές.
Shopify Επίσης έχει επικεφαλίδα ενότητα περιεχομένου, η οποία λειτουργεί παρόμοια με το Εικόνα Banner ενότητα περιεχομένου.
Ανεξάρτητα από το ποια θα επιλέξετε, συνιστούμε να τηρείτε τις διαστάσεις των 1200 pixel σε πλάτος x 600 pixels σε ύψος για banner και εικόνες ηρώων.
Τούτου λεχθέντος, μπορείτε συχνά να ξεφύγετε από 1200–2000 pixel για το πλάτος σας και 400–600 pixel για το ύψος. Και όπως πάντα, εξαρτάται από το θέμα σας.
Τέλος, είναι επίσης συνετό να προσαρμόζετε τις ρυθμίσεις για όλα τα banner εικόνων και τις εικόνες των ηρώων. Μπορείτε να τροποποιήσετε το ύψος του banner για τα περισσότερα θέματα και να το πείτε Shopify όπου θα θέλατε να βρίσκεται το περιεχόμενο του banner, όπως στην κάτω δεξιά γωνία ή στην επάνω, για να έχετε καλύτερη προβολή της εικόνας πίσω από το περιεχόμενο.
5. Shopify Μέγεθος εικόνας προβολής διαφανειών (Ιδανικό μέγεθος: 2000W × 600H pixel)
Όπως ένα banner, πρέπει να χρησιμοποιείτε εικόνες υψηλής ανάλυσης σε slideshows. Αυτές οι ενότητες περιεχομένου σάς επιτρέπουν να εμφανίζετε πολλές φωτογραφίες σε μία περιοχή μιας σελίδας. Στη συνέχεια, σύρονται στην επόμενη εικόνα διαδοχικά.
Δεδομένου ότι είναι τόσο παρόμοια με τα banner, θα διατηρήσετε πραγματικά το ίδιο πλάτος και ύψος που θα κάνατε για έναν ήρωα ή μια εικόνα banner. Η σύσταση είναι πλάτος 2000 pixel και ύψος 600 pixel. Ωστόσο, το ύψος μπορεί να κυμαίνεται από 400–600 pixel και το πλάτος μπορεί να κυμαίνεται από 1200–2000 pixel.
Φροντίστε να διαχειριστείτε όλες τις ρυθμίσεις της παρουσίασης για να δημιουργήσετε την καλύτερη μορφοποίηση για την παρουσίαση διαφανειών σας. Ίσως χρειαστεί να μετακινήσετε το πλαίσιο περιεχομένου σε διαφορετική τοποθεσία ή ίσως η παρουσίαση θα ήταν καλύτερη αν επεκτείνατε λίγο το ύψος.
Ένας από τους βασικούς κανόνες μιας παρουσίασης είναι να ανεβάζετε πάντα εικόνες ίδιου μεγέθους για την ίδια παρουσίαση. Μπορείτε να προσαρμόσετε τις διαστάσεις όταν δημιουργείτε μια ξεχωριστή παρουσίαση, αλλά απλώς βεβαιωθείτε ότι οι εικόνες που συνδυάζονται μαζί σε μια παρουσίαση έχουν όλες τις ίδιες διαστάσεις, για συνέχεια και εμπειρία χρήστη.
Πώς να βελτιστοποιήσετε Shopify εικόνες
Η βελτιστοποίηση των εικόνων σας σάς βοηθά να βελτιώσετε τον τρόπο με τον οποίο φορτώνονται οι φωτογραφίες στο κατάστημά σας ηλεκτρονικού εμπορίου. Σας βοηθά επίσης να δημιουργήσετε μια πιο φιλική προς τον χρήστη εμπειρία στον ιστότοπο, καθώς οι εικόνες πρέπει να συμπληρώνουν την εμπειρία αγορών και όχι να την υπερισχύουν.
Υπάρχουν πολλές πτυχές που πρέπει να λάβετε υπόψη κατά τη βελτιστοποίηση των εικόνων σας Shopify. Αυτές οι περιοχές περιλαμβάνουν βέλτιστες μορφές εικόνας, συμπιέσεις, πηγές εικόνας, στυλ και πολλά άλλα. Συνεχίστε να διαβάζετε για να μάθετε τα πάντα για τις βέλτιστες πρακτικές και τα βήματα που πρέπει να κάνετε για τη βελτιστοποίηση των εικόνων Shopify.
Βήμα 1: Επιλέξτε τη βέλτιστη εικόνα Format
Shopify Τα μεγέθη εικόνων είναι σημαντικά, αλλά το πρώτο βήμα σε οποιαδήποτε βελτιστοποίηση φωτογραφιών θα πρέπει να περιλαμβάνει την επιλογή της καλύτερης μορφής εικόνας.
Υπάρχουν πολλές μορφές εικόνας που Shopify επιτρέπει.
Να τι τους κάνει ξεχωριστούς:
- JPEG/JPG: Ίσως η πιο κοινή μορφή αρχείου για εικόνες, και δικαίως. Τα JPEG συμπιέζονται καλά και παρέχουν εξαιρετική ποιότητα. Τα προτείνουμε για σελίδες προϊόντων, ειδικά όταν έχετε λεπτές λεπτομέρειες στις φωτογραφίες.
- PNG: Αυτός ο τύπος αρχείου είναι στην πραγματικότητα καλύτερος από τα JPEG στη διατήρηση της ποιότητας μετά τη μείωση του μεγέθους της εικόνας. Ωστόσο, μπορεί να διαπιστώσετε ότι τα PNG δεν συμπιέζονται τόσο πολύ. Είναι καλύτερα όταν χρειάζεστε ένα διαφανές φόντο (δεν υποστηρίζεται από JPEG), επομένως μας αρέσουν για λογότυπα και μερικές εικόνες banner.
- GIF: Το GIF είναι μια μορφή εικόνας για κινούμενα σχέδια. Είναι ουσιαστικά σαν να μετατρέπετε ένα σύντομο βίντεο σε κινούμενη εικόνα, κάτι που είναι χρήσιμο για τη σύντομη εξήγηση ενός προϊόντος χωρίς το υπερβολικό μέγεθος ενός βίντεο. Μας αρέσουν στις αρχικές σελίδες, τις σελίδες προϊόντων και τις αναρτήσεις ιστολογίου. Μην χρησιμοποιείτε υπερβολικά τα GIF, ωστόσο, καθώς δεν διαθέτουν την πλούσια χρωματική ποιότητα που υπάρχει σε άλλες μορφές όπως JPEG, TIFF και PNG.
- WebP: Ίσως η πιο ευέλικτη από όλες τις μορφές εικόνας, το WebP γίνεται ολοένα και πιο συνηθισμένο, καθώς προσφέρει ισχυρότερη συμπίεση και ποιότητα από τα JPEG και PNG, μαζί με τα πλεονεκτήματα διαφάνειας του PNG. Για να μην αναφέρουμε, μπορείτε να φτιάξετε κινούμενα σχέδια και με το WebP. Εξετάστε το ενδεχόμενο να χρησιμοποιήσετε το WebP για όλους τους τύπους εικόνων Shopify. Αναμένουμε να δούμε το WebP να χρησιμοποιείται πιο συχνά στο διαδίκτυο στο μέλλον.
Αλλο από αυτό, Shopify υποστηρίζει μορφές όπως HEIC, προοδευτικό JPEG και AVIF. Το HEIC είναι το πρότυπο μορφής εικόνας που χρησιμοποιείται σε όλες τις συσκευές Apple. Είναι εξαιρετικά συμπαγές, μπορεί να περιέχει πολλές εικόνες σε μία εικόνα και παρέχει εξαιρετική ποιότητα. Ωστόσο, δεν είναι συμβατά με τις περισσότερες συσκευές που δεν ανήκουν στην Apple, κάτι που το καθιστά δύσκολο να το προτείνουμε. Η μορφή εικόνας AVIF έχει αρκετά ισχυρά πλεονεκτήματα λόγω της υψηλής ποιότητας και των δραματικών ρυθμών συμπίεσης. Εν ολίγοις, η απόδοσή σας με ένα AVIF θα πρέπει στην πραγματικότητα να είναι ισχυρότερη από ό,τι με τις εικόνες JPEG και WebP. Ωστόσο, χρειάζεται λίγος χρόνος για τα προγράμματα περιήγησης για υπολογιστές και κινητά να το υιοθετήσουν ως πρότυπο μορφής αρχείου. Επομένως, δεν μπορούμε να το προτείνουμε αυτή τη στιγμή. Μόνο σχεδόν όλοι όσοι έχουν σύνδεση στο διαδίκτυο μπορούν πραγματικά να δουν τις εικόνες στο διαδίκτυο.
Με βάση το τι σκοπεύετε να χρησιμοποιήσετε την εικόνα, επιλέξτε την κατάλληλη μορφή από πάνω. Στη συνέχεια, προχωρήστε στο επόμενο βήμα, ώστε τα στυλ εικόνας σας να παραμείνουν τα ίδια σε ολόκληρο τον ιστότοπό σας.
Βήμα 2: Τραβήξτε με το ίδιο στυλ σε όλες τις φωτογραφίες
Η συνέχεια είναι το κλειδί για τη φωτογραφία στο ηλεκτρονικό εμπόριο. Καθιερώνει τη συνολική εμφάνιση της επωνυμίας σας και δημιουργεί μια τυποποιημένη αίσθηση σε ολόκληρο τον ιστότοπό σας.
Για παράδειγμα, είναι σύνηθες οι επωνυμίες να χρησιμοποιούν ένα χρώμα φόντου για όλες τις εικόνες προϊόντων.
Αυτό ισχύει και για τις διαστάσεις και το στυλ των εικόνων. Εάν οι περισσότερες από τις εικόνες του προϊόντος σας είναι σε οριζόντιο προσανατολισμό, αποφύγετε την ανάμειξη μερικών φωτογραφιών με οριζόντιο προσανατολισμό. Είστε περισσότερο από ευπρόσδεκτοι να ενσωματώσετε φωτογραφίες τόσο του τρόπου ζωής όσο και των προϊόντων στο μείγμα, αλλά είναι καλύτερο να επιμείνετε σε ένα στυλ για τις περισσότερες λήψεις σας.
Βήμα 3: Δημιουργήστε έναν συνδυασμό φωτογραφίας προϊόντων και τρόπου ζωής
Όπως αναφέρθηκε, πιθανότατα θα θέλετε να χρησιμοποιήσετε έναν τύπο στυλ φωτογραφίας για τις περισσότερες φωτογραφίες των προϊόντων σας. Ωστόσο, είναι σημαντικό να συμπεριλάβετε μερικές φωτογραφίες lifestyle για να συμπληρώσετε τις τυπικές φωτογραφίες προϊόντων με μονόχρωμο φόντο και διαφορετική προβολή των προϊόντων.
Οι επιχειρήσεις ηλεκτρονικού εμπορίου έχουν ένα μειονέκτημα όπου οι πελάτες δεν μπορούν να δοκιμάσουν ή να αγγίξουν τα προϊόντα εκεί ακριβώς. Εκεί μπαίνουν στο παιχνίδι οι φωτογραφίες του lifestyle. Οι χρήστες μπορούν να δουν πώς μοιάζουν τα προϊόντα σε δράση. Πώς ένα πουκάμισο ντύνεται πάνω από το σώμα ή στο μέγεθος ενός skateboard με κάποιον να στέκεται πραγματικά πάνω του.
Βήμα 4: Επιλέξτε Κατάλληλα ονόματα και τίτλους αρχείων
Κάθε αρχείο εικόνας έχει ένα όνομα και Shopify παίρνει αυτό το όνομα αρχείου και το δημοσιεύει στα μεταδεδομένα του ιστότοπού σας (κάθε πλατφόρμα ηλεκτρονικού εμπορίου το κάνει αυτό).
Έτσι, εάν αποθηκεύσετε φωτογραφίες ως new-photo(1).jpg στον υπολογιστή σας και ανεβάστε τα στο κατάστημά σας, οι μηχανές αναζήτησης δεν θα έχουν πληροφορίες σχετικά με το περιεχόμενο της φωτογραφίας. Αυτό θα μπορούσε να βλάψει το SEO σας.
Κατά τη βελτιστοποίηση εικόνων, ακολουθήστε αυτά τα βήματα για να διασφαλίσετε ότι οι μηχανές αναζήτησης (και εκείνες με προβλήματα όρασης) μπορούν να καταλάβουν τι συμβαίνει στην εικόνα:
- Προσθέστε ένα όνομα αρχείου που να θυμίζει αυτό που υπάρχει μέσα στην εικόνα.
- Αν τύχει να ανεβάσετε ένα γενικό όνομα αρχείου, αλλάξτε την εικόνα Τίτλος in Shopify. Αυτό αντικαθιστά την προεπιλογή.
- Χρησιμοποιήστε ετικέτες alt για μια ακόμη πιο ισχυρή αναπαράσταση αυτού που εμφανίζεται στην εικόνα. Αυτά είναι τα κύρια στοιχεία που εξετάζουν οι μηχανές αναζήτησης, καθώς δείχνει ότι η εμπειρία χρήστη σας έχει βελτιωθεί για άτομα με προβλήματα όρασης.
Βήμα 5: Συμπίεση εικόνων πριν ή κατά τη διάρκεια της μεταφόρτωσης
Shopify προσφέρει αυτόματη συμπίεση για όλες τις εικόνες που ανεβαίνουν στους διακομιστές της, αλλά δεν πρέπει να βασίζεστε εξ ολοκλήρου σε αυτό.
Το καλύτερο στοίχημά σας είναι είτε να χρησιμοποιήσετε ένα εργαλείο τρίτου μέρους για να συμπιέσετε εικόνες πριν τις ανεβάσετε Shopify, ή εγκαταστήστε ένα Shopify plugin που συμπιέζει αυτόματα τις φωτογραφίες κατά τη μεταφόρτωση.
Είναι πολύ πιο εύκολο να ακολουθήσετε τη διαδρομή της εφαρμογής, αλλά οι περισσότερες από αυτές απαιτούν συνδρομή, επομένως καταλαβαίνουμε εάν πρέπει να διατηρήσετε τον προϋπολογισμό σας.
Ορισμένες εφαρμογές που λειτουργούν καλά για τη συμπίεση εικόνας περιλαμβάνουν:
Δοκιμάστε αυτές τις εφαρμογές με τις δωρεάν δοκιμές τους για να κατανοήσετε πόσο καλά συμπιέζουν τις εικόνες και πόσο αυτοματοποιημένη είναι η διαδικασία για εσάς. Μετά από αυτό, μπορείτε να δεσμευτείτε για μια συνδρομή. Για εργαλεία τρίτων, συνιστούμε TinyPNG και Image Resizer.
Βήμα 6: Εξετάστε τις δωρεάν εφαρμογές Finder Image
Αν και συνιστάται ιδιαίτερα οι επωνυμίες ηλεκτρονικού εμπορίου να τραβούν τις δικές τους φωτογραφίες (αντί να βρίσκουν δωρεάν εναλλακτικές λύσεις ή να τις παίρνουν από τον ιστότοπο ενός κατασκευαστή), υπάρχουν ορισμένες περιοχές ενός ηλεκτρονικού καταστήματος που είναι κατάλληλες για χρήση με δωρεάν εικόνες.
Για παράδειγμα, μπορεί να χρειαστείτε μια γραφική φωτογραφία με κάποιον που κοιτάζει πάνω από ένα φαράγγι για να συμπληρώσει μια ανάρτηση ιστολογίου. Από την άλλη πλευρά, μπορεί να θέλετε να χρησιμοποιήσετε μια φωτογραφία ως φόντο σε μια εικόνα ήρωα, επιτρέποντάς σας να ρίξετε την πραγματική εικόνα και την περιγραφή του προϊόντος πάνω από το φόντο.
Για αυτές τις περιπτώσεις, προτείνουμε να χρησιμοποιήσετε μερικούς από αυτούς τους ιστότοπους εικόνων με άδεια Creative Commons:
Είναι σημαντικό να επισημάνουμε ότι μια άδεια Creative Commons δεν σημαίνει ότι μπορείτε απλώς να τραβήξετε την εικόνα δωρεάν και να την τοποθετήσετε στον ιστότοπό σας. Περιστασιακά συμβαίνει αυτό, αλλά πρέπει να ελέγχετε κάθε εικόνα για να βεβαιωθείτε ποια δικαιώματα έχετε για τη χρήση της.
Για παράδειγμα, η άδεια χρήσης Creative Commons σας λέει:
- Εάν μπορείτε να χρησιμοποιήσετε την εικόνα για εμπορικούς ή μη εμπορικούς σκοπούς
- Όταν πρέπει να πιστώσετε τον δημιουργό ή εάν απλώς σας προτείνεται, κάντε το
- Εάν σας επιτρέπεται να τροποποιήσετε την εικόνα με οποιονδήποτε τρόπο
Επιπλέον, υπάρχουν πολλές δωρεάν εφαρμογές επεξεργασίας εικόνας για τον έλεγχο της αλλαγής μεγέθους, των φίλτρων και της περικοπής χωρίς να πληρώσετε δεκάρα:
Προτείνουμε:
Βήμα 7: Εκτελέστε τη δοκιμή A/B για να βρείτε τις καλύτερες εικόνες και Formats
Αφού δώσετε στις φωτογραφίες σας σχετικά ονόματα αρχείων, αλλάξετε το μέγεθός τους, τις περικόψετε και αποφασίσετε για την τέλεια μορφή και μέγεθος, ήρθε η ώρα να δείτε πώς φαίνονται στο κατάστημά σας.
Ευτυχώς, δεν πρέπει να σταυρώνετε τα δάχτυλά σας και να ελπίζετε ότι οι εικόνες είναι οι καλύτερες για μετατροπές. Έχετε τη δυνατότητα να ανεβάσετε πολλές παραλλαγές των ίδιων εικόνων σε σελίδες προϊόντων, σελίδες προορισμού και αρχικές σελίδες και, στη συνέχεια, να δείτε ποιες από αυτές έχουν την καλύτερη απόδοση όσον αφορά τις μετατροπές.
Και τα δύο Επιστήμονας θεμάτων και Ιάπων αρχιστράτηγος προσφέρετε δυνατότητες δοκιμής A/B για πολλά μέρη του σπιτιού σας Shopify σχεδιασμός.
Αυτό που είναι υπέροχο με τη δοκιμή A/B είναι ότι το πείραμα δεν τελειώνει ποτέ. Σας επιτρέπει να παρακολουθείτε κάθε πτυχή του ιστότοπού σας. Μπορείτε να ανταλλάξετε εικόνες που χάνουν τη δυναμική τους με την πάροδο του χρόνου και να εκτελέσετε πολλές δοκιμές σε μία χρονική περίοδο.
Shopify Οδηγός μεγέθους εικόνας: Το συμπέρασμά μας
Η προσκόλληση στις τετράγωνες εικόνες είναι ένας τρόπος για να διασφαλίσετε ότι η φωτογραφία ηλεκτρονικού εμπορίου σας δεν θα περικοπεί. Ωστόσο, μπορεί να διαπιστώσετε ότι αυτός ο κανόνας δεν ισχύει πάντα όταν πρόκειται για εσάς Shopify θέμα.
Επομένως, συνιστούμε να ανεβάσετε πολλά μεγέθη εικόνας για προϊόντα, συλλογές και banner για να κατανοήσετε τι μπορεί να χειριστεί καλύτερα το θέμα σας. Διαφορετικά, μας αρέσει το πρότυπο 2046 × 2046 pixel. Αλλά για πανό και λογότυπα και slideshows, θα θελήσετε να χρησιμοποιήσετε τις πιο συγκεκριμένες διαστάσεις που αναφέρονται παραπάνω σε αυτό το άρθρο.
Παρακαλούμε ενημερώστε μας στα σχόλια παρακάτω εάν χρειάζεστε οποιαδήποτε διευκρίνιση Shopify μεγέθη εικόνας!
Σχόλια απαντήσεις 0