Please enable JS

Φωτογραφίες προϊόντων με ίδιο μέγεθος

Φωτογραφίες προϊόντων με ίδιο μέγεθος

Φωτογραφίες προϊόντων με ίδιο μέγεθος

Όλοι μας έχουμε επισκεφθεί ένα ηλεκτρονικό κατάστημα οπουδήποτε στον κόσμο. Οι περισσότεροι είμαστε εξοικειωμένοι με την εικόνα του καταλόγου προϊόντων. Πως παράγεται όμως και τι δυσκολίες μπορεί να παρουσιάσει;

 Μπορεί να φαίνεται απλό αλλά δεν είναι. Συνήθως ο κατάλογος προϊόντων σε ένα e-shop  είναι αρκετά οικείος και κοινός. Κάθε προιόν, συνήθως, παρουσιάζεται με την φωτογραφία του, την τιμή του, τον τίτλο του και ενδεχομένως και άλλα δευτερεύοντα στοιχεία.

Απο όλα αυτά τα στοιχεία, το σημαντικότερο είναι η φωτογραφία. Πως παράγεται αυτή όμως και πως πρέπει να εμφανίζεται;

Ο γενικός κανόνας προστάζει ομοιομορφία. Όχι ως προς την εμφάνιση των φωτογραφιών του e-shop αλλά ως προς την εμφάνιση του καταλόγου. Η οπτική ενός αρμονικού καταλόγου προιόντων επικοινωνεί συνέπεια, τάξη και επαγγελματισμό.

Το σημαντικότερο στοιχείο λοιπόν, είναι αυτό της φωτογραφίας των προιόντων.
Σε όλες τις εκδόσεις των ηλεκτρονικών καταστημάτων κατα την εισαγωγή των προιόντων, ζητείται και η φωτογραφία αυτών. Στην διαχείριση όλων των eshop ορίζεται το μέγεθος των μικρογραφιών (thumbnail), δηλαδή της έκδοσης της φωτογραφίας του προιόντος που χρησιμοποιείται στους καταλόγους.

Εδώ πηγάζει το μεγαλύτερο πρόβλημα της εμφάνισης των καταλόγων των ηλεκτρονικών καταστημάτων. Στην διαχέιριση μπορούμε να ορίσουμε είτε το πλάτος των μικρογραφιών είτε το ύψος τους. Μπορούμε να ορίσουμε και τις 2 διαστάσεις αλλά δυστυχώς τότε είναι που η εμφάνιση των μικρογραφιών μπορεί να παραμορφωθεί.

Για παράδειγμα, εαν μια φωτογραφία έχει μέγεθος 500x800 pixels και το μέγεθος της παραγόμενης, απο το σύστημα, μικρογραφίας έχει ορισθεί στα 200 pixels πλάτος τότε αναλογικά η μικρογραφία θα έχει μέγεθος 200x320 pixels.
Μέχρι εδώ όλα είναι φυσιολογικά.

Τι θα συμβεί όμως αν η φωτογραφία του επόμενου προιόντος είναι για παράδειγμα 500x900 pixels; Λόγω του ορισόμενου πλάτους των μικρογραφιών (200 pixels στο παράδειγμα μας) η μικρογραφία αυτού του προιόντος που θα παράξει το σύστημα θα έχει μέγεθος 200x360 pixels!!!

products before

Οπτικά λοιπόν, τα 2 αυτά προϊόντα στον κατάλογο θα είναι ανισόμετρα. Το ένα θα έχει μέγεθος φωτογραφίας 200x320 pixels και το άλλο 200x360 pixels.
Οπτικά και επικοινωνιακά αυτή η εμφάνιση είναι πολύ κακή και επικοινωνεί ακαταστασία.

Λύση στο παραπάνω φαινόμενο υπάρχει!!! Το σύστημα δίνει την δυνατότητα, μετά την αρχική εισαγωγή του προιόντος να αλλαχθεί η μικρογραφία με κάποιο αρχείο που θα ανεβάσουμε εμείς στον server και που θα αντικαταστήσει το αυτόματα παραγόμενο αρχείο.
Καλά όλα αυτά, αλλά τι γίνεται όταν ο ιδιοκτήτης του e-shop δεν έχει στοιχειώδεις γνώσεις επεξεργασίας φωτογραφίας ή δεν υπάρχει ο απαραίτητος χρόνος για να γίνει κάτι τέτοιο για κάθε προιόν;

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

Η λύση απαιτούσε συνδυασμό τεχνολογιών php και javascript.

products after


Ενσωματώθηκε ξεχωριστό αρχείο php το οποίο «φόρτωνε» την αρχική φωτογραφία του προιόντος, την οποία στην συνέχεια την έφερνε στην επιθυμητή διάσταση (πλάτος και ύψος) έτσι ώστε να εμφανίζονται όλες οι μικρογραφίες ομοιόμορφα.
Εαν η αρχική φωτογραφία δεν ήταν αναλογική ως προς τις δοθείσες αναλογίες της μικρογραφίας τότε η επεξεργασία προχωρούσε ένα βήμα παραπέρα, κάνοντας zoom in ή zoom out στην αρχική φωτογραφία του προϊόντος έτσι ώστε τελικά να εμφανιστεί το επιθυμητό αποτέλεσμα.
Όλα αυτά γίνονταν αυτόματα, χωρίς καμία παρέμβαση του ιδιοκτήτη του ηλεκτρονικού καταστήματος.


Εμείς εδώ στο isotopon, βρισκόμαστε δίπλα σας για να σας παρουσιάσουμε λύσεις για ότι σας απασχολεί και για να κάνουμε την δικτυακή σας παρουσία κατά το δυνατόν απλούστερη.
Μην διστάσετε να επικοινωνήσετε μαζί μας στο 2441 500500 για να εξετάσουμε και την δική σας περίπτωση.