Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Συμπίεση JPEG στο Facebook: Πώς να Επιτύχετε την Βέλτιστη Ποιότητα Εικόνας στο Χρονολόγιο Σας

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Greek (ελληνικά) translation by Iris Diakoumi (you can also view the original English article)

Όλοι το έχουμε κάνει, ανεβάσαμε μια εικόνα που έδειχνε τέλεια στο λογισμικό επεξεργασίας μας για να ανακαλύψουμε με τρόμο το συμπιεσμένο χάλι που βρίσκεται στο χρονολόγιο του Facebook μας. Σε αυτή τη Γρήγορη Συμβουλή, θα σας βοηθήσω να επιτύχετε τη βέλτιστο δυνατό αποτέλεσμα ποιοτικά, όταν ανεβάζετε τις εικόνες σας.

Αποκρυπτογραφώντας τις Κατευθυντήριες Γραμμές

Το Facebook μας έχει δώσει αυτές τις κατευθυντήριες γραμμές:

facebook guidelines
Οι κατευθυντήριες γραμμές του Facebook για το ανέβασμα εικόνων

Ας δούμε τί δουλεύει σωστά. Θα ξεκινήσουμε με κανονικές εικόνες.

Κανονικές Εικόνες στο Χρονολόγιο

To Facebook προτείνει να ανεβάζουμε σε πλάτος είτε 720px, 960px ή 2048px για βέλτιστα αποτελέσματα. Αυτή είναι η εικόνα που θα χρησιμοποιήσω για τη σύγκριση μας:

example picture
Εικόνα δείγμα για χρήση στο Facebook

'Εσωσα την εικόνα σε καθένα από τα προανεφερθέντα πλάτη και τις ανέβασα. Έπειτα έσωσα τις συμπιέσμενες από το Facebook εκδόσεις, στον υπολογιστή μου.

Το πρώτο πράγμα που πρέπει να παρατηρήσουμε είναι η διαφορά στο μέγεθος του αρχείου. Αν εξετάσω την κάθε μία θα χαθούμε στους αριθμούς, έτσι εστιάζοντας στο πλάτος 960px, το αρχείο με το οποίο ξεκίνησα ήταν 532kb και αυτό που έσωσα από το Facebook ήταν 86.9kb, οπότε καταλαβαίνουμε ήδη ότι θα πρέπει να υπάρχει δραματική συμπίεση.

Ορίτε και τα τρία μεγέθη στο 100% ύστερα από το Facebook:

facebook compression comparison
Μια σύγκριση ανάμεσα στα τρία προτεινόμενα πλάτη για χρήση στο Facebook

Μπορούμε να παρατηρήσουμε αλλοιώσεις και στις τρεις εικόνες, ειδικά γύρω από την κορυφή της γέφυρας, έτσι εστίασα σε αυτό το σημείο για το σκοπό της παρουσίασης. Η μεγαλύτερη εικόνα (πάνω αριστερά) έχει τα λιγότερα ορατά σημάδια συμπίεσης και οι περισσότεροι δε θα την κοιτούσαν από τόσο κοντα, οπότε θα ήταν ακόμα λιγότερο διακριτά, σε αντίθεση με την 720px που είναι η πιο μεγάλη απ'ολες.

Δοκίμασα τα ίδια μεγέθη αρχείου με PNG αντί για JPEG και έλαβα παρόμοια αποτελέσματα, οπότε δε θα σας κουράσω με αυτά. Αξίζει να σημειώσουμε ότι το PNG δημιουργεί μεγαλύτερο μέγεθος αρχείου, έτσι το Facebook απλά θα θελήσει να το ελαττώσει εξίσου (περισσότερα πάνω σε αυτό, αργότερα). Η μόνη φορά που μπορώ διακρίνω πραγματική διαφορά στις εικόνες Χρονολογίου, είναι αν αυτές περιλαμβάνουν κείμενο, όπως για παράδειγμα, εάν ανεβάσετε που έχει ένα λογότυπο.

Εικόνες Εξωφύλλου

Αυτή είναι η φωτογραφία που θα χρησιμοποιήσω για το εξώφυλλο μου:

example cover photo
Το παράδειγμα εξωφύλλου μου

Αν προσπαθούσα να την ανεβάσω σε πλήρη ανάλυση (περίπου 7000px σε πλάτος), συμβαίνει το εξής:

facebook cover with compression
Εξώφυλλο Facebook με χρήση εικόνας σε πλήρη ανάλυση

Καθόλου καλό. Το Facebook συνιστά να αλλάξουμε πρώτα το μέγεθος σε 851 x 315, οπότε ας το δοκιμάσουμε:

facebook cover with resized photo
Εξώφυλλο Facebook με αλλαγμένο μέγεθος αλλά ακόμα πάνω από 100kb

Καλύτερα, αλλά και πάλι έχουμε αρκετή παραμόρφωση ειδικά γύρω από τον παπαγάλο της θάλασσας (puffin). Όμως, αυτή η εικόνα είναι ακόμα σχεδόν 300kb και το Facebook συνιστά 100kb έτσι αυτή τη φορά, χρησιμοποίησα το File > Save For Web (Control-Shift-Alt-S) στο Adobe Photoshop και προσάρμοσα το Quality έτσι ώστε να έχουμε την τελική εικόνα κάτω από 100kb:

save for web
Χρησιμοποιήστε το Save For Web για να φτάσετε την εικόνα σας κάτω από 100kb
facebook cover under 100kb and resized
Εξώφυλλο στα 851 x 315 και αποθηκευμένη σε μέγεθος λιγότερο από 100kb

Όπως μπορείτε να δείτε, αυτό επιτυγχάνει το καλύτερο αποτέλεσμα. Μερικές φορές, παρατηρώ ότι όσον αφορά στις φωτογραφίες εξωφύλλου μπορώ να έχω ένα ελαφρώς καλύτερο αποτέλεσμα χρησιμοποιώντας ένα PNG αντί για JPEG, αλλά όπως ανέφερα προηγουμένως, είναι πιο δύσκολο να κρατήσουμε τα μεγέθη αυτών των αρχείων κάτω από 100kb, έτσι δοκιμάστε και τα δύο και δείτε ποιό δουλεύει καλύτερα για εσάς.

Σύνοψη

Ορίστε μερικά σημεία που πρέπει να θυμάστε:

Επιτυγχάνοντας τα Καλύτερα Αποτελέσματα για Εικόνες Χρονολογίου:

  • Ανεβάστε ένα μεγάλο μέγεθος
  • Σώστε στη μέγιστη ποιότητα
  • Χρησιμοποιήστε PNG για εικόνες που περιέχουν κείμενο (λογότυπα)

Επιτυγχάνοντας τα Καλύτερα Αποτελέσματα για Εικόνες Εξωφύλλου:

  • Αλλάξτε το μέγεθος σε 851 x 315
  • Χρησιμοποιήστε το Save For Web και ελαττώστε το μέγεθος σε κάτω από 100kb
  • Δοκιμάστε το JPEG και το PNG για να δείτε ποιό φαίνεται καλύτερο

Οι εικόνες δε θα είναι ποτέ χωρίς καθόλου συμπίεση, εκτός αν το Facebook αλλάξει τον τρόπο που δουλεύει, αλλά μπορούμε να τις κάνουμε να δείχνουν πολύ καλύτερες με μερικές μικρές τροποποιήσεις.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.