Οι φωτογραφίες που ανεβάζεις στο site παίζουν σημαντικό ρόλο στην ταχύτητα φόρτωσης, καθώς και στο μέγεθος των back-ups.

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

Για να επεξεργαστείς τις φωτογραφίες, πριν τις ανεβάσεις στο site, με δωρεάν online εργαλεία:

Resize & Crop

  1. Επίσκεψη στη διεύθυνση: https://www.befunky.com/create/
    (Εάν σου ζητήσει να ενεργοποιήσει το Flash, το αποδέχεσαι.)
    Φυσικά μπορείς να χρησιμοποιήσεις οποιοδήποτε άλλο εργαλείο για resize & crop.
    Αν υπάρχει διαθέσιμο το Photoshop, προτείνουμε να το χρησιμοποιήσεις με: Save for web και ικανοποιητικό Quality.
  2. Open > Computer
  3. Resize (αριστερή στήλη):
    • Ορίζεις μόνο το πλάτος που θέλεις να έχει η φωτογραφία σου, π.χ. 1920px. Το ύψος το αφήνεις όσο προκύπτει.
    • Ελέγχεις να είναι ενεργό το “Lock Aspect Ratio”.
    • Click στο εικονίδιο για ok
  4. Crop (αριστερή στήλη), εάν σου χρειάζεται:
    • Aspect ratio: Freeform
    • Το “Lock Aspect Ratio” να μην είναι επιλεγμένο
    • Ορίζεις το πλάτος και το ύψος που θέλεις να έχει η φωτογραφία σου, π.χ. 1920 x 1080 px, 1920 x auto, κ.τ.λ.
    • Μετακινείς το πλέγμα επάνω στη φωτογραφία για να ορίσεις το “κάδρο” που επιθυμείς.
    • Click στο εικονίδιο για ok.
  5. Save > Computer:
    • Ορίζεις το όνομα αρχείου της φωτογραφίας. Είναι καλό αυτό να είναι περιγραφικό, με μικρά λατινικά και ο διαχωρισμός των λέξεων να γίνεται με παύλες “ – ”.
    • Ορίζεις την ποιότητα Quality, ώστε να επιτύχεις το μέγεθος αρχείου που επιθυμείς. Θέλεις να έχεις το μικρότερο δυνατό μέγεθος αρχείου, χωρίς εμφανείς απώλειες στην ποιότητα της φωτογραφίας.
    • Στις περισσότερες περιπτώσεις θα σου χρειαστεί αρχείο τύπου JPG. Το PNG θα το χρησιμοποιήσεις σε σπάνιες περιπτώσεις που απαιτείται η φωτογραφία να έχει διαφανή σημεία.
    • Click στο Save

Compression

  1. Επίσκεψη στη διεύθυνση: https://shortpixel.com/online-image-compression
    • Ανεβάζεις τη φωτογραφία μετά την επεξεργασία της με το προηγούμενο εργαλείο, σέρνοντας την μέσα στο γαλάζιο πλαίσιο.
    • Choose the compression level: Lossy
    • Αφού ολοκληρωθεί το compression, κάνεις click στο εικονίδιο του download που βρίσκεται επάνω στη φωτογραφία.
      Αν στο Compression δεν έχεις ικανοποιητικά αποτελέσματα, δοκίμασε compression level: Glossy
  2. Ελέγχεις το όνομα του νέου αρχείου να μην έχει (1), λόγω του ίδιου ονόματος με το αρχικό.
  3. Ανεβάζεις τη βελτιστοποιημένη φωτογραφία στο site.

Έτσι σε βάθος χρόνου διατηρείς ένα καλό επίπεδο στην ταχύτητα φόρτωσης του site.