Τα σύγχρονα προγράμματα περιήγησης ιστού και τα συστήματα διαχείρισης περιεχομένου βελτιστοποιούν τις εικόνες για εμφάνιση σε οποιαδήποτε ρύθμιση. Ωστόσο, είναι καλύτερο να προετοιμάζετε εικόνες που είναι βελτιστοποιημένες για κάθε πιθανό παράγοντα μορφής και τοποθεσία στην οποία μπορεί να εμφανιστεί μια εικόνα. Εστιάστε σε τρία πράγματα: ανάλυση εικόνας, μέγεθος και χρωματικό χώρο.
Χρωματικός χώρος στις εικόνες
Οι γραφίστες βασίζονται σε δύο βασικούς χρωματικούς χώρους. Ένας χρωματικός χώρος είναι μια μέθοδος με την οποία τα βασικά χρώματα συνδυάζονται για να σχηματίσουν πολύπλοκα ουράνια τόξα.
Χρησιμοποιήστε τη λειτουργία RGB κατά την προετοιμασία εικόνων για κινητές συσκευές. Οι οθόνες σε οθόνες υπολογιστών και smartphone βασίζονται σε συνδυασμό κόκκινων, μπλε και πράσινων pixel. Αυτή η εικόνα RGB έχει βελτιστοποιηθεί για να αναπαράγει με ακρίβεια τα επιθυμητά χρώματα σε μια οθόνη.
Για την εκτύπωση, οι σχεδιαστές χρησιμοποιούν μια διαδικασία τεσσάρων χρωμάτων, όπου κάθε χρώμα αποστάζεται σε έναν συνδυασμό κυανό, ματζέντα, κίτρινο και μαύρο. Μερικές φορές οι τετράχρωμες εικόνες αναφέρονται ως εικόνες CMYK για αυτόν τον λόγο.
Ανάλυση εικόνας
Οι εικόνες, ειδικά σε πλατφόρμες για κινητές συσκευές, θα πρέπει να έχουν όσο το δυνατόν μικρότερο μέγεθος ώστε να εξισορροπείται η ποιότητα με την ταχύτητα λήψης στα δίκτυα κινητής τηλεφωνίας και το μέγεθος του αρχείου έναντι των ορίων δεδομένων κινητής τηλεφωνίας.
Τα περισσότερα προγράμματα, συμπεριλαμβανομένων των εφαρμογών Adobe Creative Cloud, υποστηρίζουν ένα εργαλείο Εξαγωγής για Web που εμφανίζει την εικόνα σε διάφορους συνδυασμούς ανάλυσης και συμπίεσης. Επιλέξτε την εικόνα καλύτερης ποιότητας στο χαμηλότερο συνολικό μέγεθος.
Μέγεθος εικόνας σε εικονοστοιχεία
Κάθε εικόνα πρέπει να έχει το μέγεθος για τον προορισμό της. Ακολουθούν μερικά παραδείγματα μεγεθών εικόνας για δημοφιλείς χρήσεις ιστού:
- Οι διαφημίσεις banner στο Διαδίκτυο είναι συχνά 468 pixel επί 60 pixel.
- Οι εικόνες εξωφύλλου του Facebook πρέπει να είναι 851 pixel επί 315 pixel.
- Οι φωτογραφίες προφίλ στο Twitter πρέπει να είναι 400 pixel επί 400 pixel.
- Οι εικόνες για κοινόχρηστους συνδέσμους πρέπει να είναι 1200 pixel επί 630 pixel.
Όταν εργάζεστε με φωτογραφίες για συγκεκριμένους σκοπούς, ελέγξτε το μέρος όπου θα εμφανιστεί αυτή η φωτογραφία (όπως ένας ιστότοπος μέσων κοινωνικής δικτύωσης ή ένα ιστολόγιο) για να επαληθεύσετε τις βέλτιστες διαστάσεις της εικόνας και, στη συνέχεια, το μέγεθος για να αποφύγετε το τέντωμα ή την περικοπή της εικόνας.
Για να αποφύγετε την εικονοστοιχία, στοχεύστε στο πραγματικό μέγεθος οθόνης. Ακόμα κι αν μια εικόνα έχει τις σωστές διαστάσεις, αν δεν έχει το σωστό μέγεθος, το προϊόν που προκύπτει μπορεί να φαίνεται pixelated, εάν η εικόνα πρέπει να κλιμακωθεί ώστε να καλύπτει τον διαθέσιμο χώρο.
Σχετικά με διανυσματικές εικόνες
Διανυσματικές εικόνες-εικόνες που υπολογίζονται και σχεδιάζονται από τη συσκευή- είναι συνήθως πιο αποτελεσματικές και πιο ποιοτικές από τις εικόνες ράστερ (εικόνες που σχεδιάζονται ένα pixel τη φορά), επειδή μπορούν να μεγεθυνθούν και να σμικρυνθούν χωρίς να επηρεαστεί η ποιότητα της εικόνας. Για απλά λογότυπα, γραμμικά έργα και γραφήματα, μια διανυσματική έκδοση είναι ιδανική. Οι διανυσματικές μορφές δεν χρησιμοποιούνται για φωτογραφίες.
