() translation by (you can also view the original English article)
Όλοι το έχουμε κάνει, ανεβάσαμε μια εικόνα που έδειχνε τέλεια στο λογισμικό επεξεργασίας μας για να ανακαλύψουμε με τρόμο το συμπιεσμένο χάλι που βρίσκεται στο χρονολόγιο του Facebook μας. Σε αυτή τη Γρήγορη Συμβουλή, θα σας βοηθήσω να επιτύχετε τη βέλτιστο δυνατό αποτέλεσμα ποιοτικά, όταν ανεβάζετε τις εικόνες σας.
Αποκρυπτογραφώντας τις Κατευθυντήριες Γραμμές
Το Facebook μας έχει δώσει αυτές τις κατευθυντήριες γραμμές:
Ας δούμε τί δουλεύει σωστά. Θα ξεκινήσουμε με κανονικές εικόνες.
Κανονικές Εικόνες στο Χρονολόγιο
To Facebook προτείνει να ανεβάζουμε σε πλάτος είτε 720px, 960px ή 2048px για βέλτιστα αποτελέσματα. Αυτή είναι η εικόνα που θα χρησιμοποιήσω για τη σύγκριση μας:
'Εσωσα την εικόνα σε καθένα από τα προανεφερθέντα πλάτη και τις ανέβασα. Έπειτα έσωσα τις συμπιέσμενες από το Facebook εκδόσεις, στον υπολογιστή μου.
Το πρώτο πράγμα που πρέπει να παρατηρήσουμε είναι η διαφορά στο μέγεθος του αρχείου. Αν εξετάσω την κάθε μία θα χαθούμε στους αριθμούς, έτσι εστιάζοντας στο πλάτος 960px, το αρχείο με το οποίο ξεκίνησα ήταν 532kb και αυτό που έσωσα από το Facebook ήταν 86.9kb, οπότε καταλαβαίνουμε ήδη ότι θα πρέπει να υπάρχει δραματική συμπίεση.
Ορίτε και τα τρία μεγέθη στο 100% ύστερα από το Facebook:
Μπορούμε να παρατηρήσουμε αλλοιώσεις και στις τρεις εικόνες, ειδικά γύρω από την κορυφή της γέφυρας, έτσι εστίασα σε αυτό το σημείο για το σκοπό της παρουσίασης. Η μεγαλύτερη εικόνα (πάνω αριστερά) έχει τα λιγότερα ορατά σημάδια συμπίεσης και οι περισσότεροι δε θα την κοιτούσαν από τόσο κοντα, οπότε θα ήταν ακόμα λιγότερο διακριτά, σε αντίθεση με την 720px που είναι η πιο μεγάλη απ'ολες.
Δοκίμασα τα ίδια μεγέθη αρχείου με PNG αντί για JPEG και έλαβα παρόμοια αποτελέσματα, οπότε δε θα σας κουράσω με αυτά. Αξίζει να σημειώσουμε ότι το PNG δημιουργεί μεγαλύτερο μέγεθος αρχείου, έτσι το Facebook απλά θα θελήσει να το ελαττώσει εξίσου (περισσότερα πάνω σε αυτό, αργότερα). Η μόνη φορά που μπορώ διακρίνω πραγματική διαφορά στις εικόνες Χρονολογίου, είναι αν αυτές περιλαμβάνουν κείμενο, όπως για παράδειγμα, εάν ανεβάσετε που έχει ένα λογότυπο.
Εικόνες Εξωφύλλου
Αυτή είναι η φωτογραφία που θα χρησιμοποιήσω για το εξώφυλλο μου:
Αν προσπαθούσα να την ανεβάσω σε πλήρη ανάλυση (περίπου 7000px σε πλάτος), συμβαίνει το εξής:
Καθόλου καλό. Το Facebook συνιστά να αλλάξουμε πρώτα το μέγεθος σε 851 x 315, οπότε ας το δοκιμάσουμε:
Καλύτερα, αλλά και πάλι έχουμε αρκετή παραμόρφωση ειδικά γύρω από τον παπαγάλο της θάλασσας (puffin). Όμως, αυτή η εικόνα είναι ακόμα σχεδόν 300kb και το Facebook συνιστά 100kb έτσι αυτή τη φορά, χρησιμοποίησα το File > Save For Web (Control-Shift-Alt-S) στο Adobe Photoshop και προσάρμοσα το Quality έτσι ώστε να έχουμε την τελική εικόνα κάτω από 100kb:
Όπως μπορείτε να δείτε, αυτό επιτυγχάνει το καλύτερο αποτέλεσμα. Μερικές φορές, παρατηρώ ότι όσον αφορά στις φωτογραφίες εξωφύλλου μπορώ να έχω ένα ελαφρώς καλύτερο αποτέλεσμα χρησιμοποιώντας ένα PNG αντί για JPEG, αλλά όπως ανέφερα προηγουμένως, είναι πιο δύσκολο να κρατήσουμε τα μεγέθη αυτών των αρχείων κάτω από 100kb, έτσι δοκιμάστε και τα δύο και δείτε ποιό δουλεύει καλύτερα για εσάς.
Σύνοψη
Ορίστε μερικά σημεία που πρέπει να θυμάστε:
Επιτυγχάνοντας τα Καλύτερα Αποτελέσματα για Εικόνες Χρονολογίου:
- Ανεβάστε ένα μεγάλο μέγεθος
- Σώστε στη μέγιστη ποιότητα
- Χρησιμοποιήστε PNG για εικόνες που περιέχουν κείμενο (λογότυπα)
Επιτυγχάνοντας τα Καλύτερα Αποτελέσματα για Εικόνες Εξωφύλλου:
- Αλλάξτε το μέγεθος σε 851 x 315
- Χρησιμοποιήστε το Save For Web και ελαττώστε το μέγεθος σε κάτω από 100kb
- Δοκιμάστε το JPEG και το PNG για να δείτε ποιό φαίνεται καλύτερο
Οι εικόνες δε θα είναι ποτέ χωρίς καθόλου συμπίεση, εκτός αν το Facebook αλλάξει τον τρόπο που δουλεύει, αλλά μπορούμε να τις κάνουμε να δείχνουν πολύ καλύτερες με μερικές μικρές τροποποιήσεις.
