Αποθήκευση Photoshop Images ως GIF για Web και κινητές συσκευές - dummies

Η αποθήκευση αρχείων για τον ιστό ή τις κινητές συσκευές στο Photoshop Creative Suite 5 δημιουργεί μια μικρότερη έκδοση της εικόνας σας, έτσι ώστε να φορτώνεται γρήγορα. Η ιδέα είναι να γίνει η εικόνα όσο το δυνατόν μικρότερη, διατηρώντας ταυτόχρονα την οπτική ευχαρίστηση.

Χρησιμοποιήστε τη μορφή GIF εάν έχετε μεγάλες περιοχές με συμπαγές χρώμα.

Μια εικόνα με πολύ συμπαγές χρώμα κάνει ένα καλό GIF.

Η μορφή GIF δεν είναι lossy ( δεν χάνει δεδομένα όταν το αρχείο είναι συμπιεσμένο σε αυτή τη μορφή), αλλά μειώνει το μέγεθος αρχείου χρησιμοποιώντας έναν περιορισμένο αριθμό χρωμάτων σε έναν πίνακα χρωμάτων. Όσο μικρότερος είναι ο αριθμός των χρωμάτων, τόσο μικρότερο είναι το μέγεθος του αρχείου. Εάν έχετε εργαστεί ποτέ στη λειτουργία Χρώμα Ευρετηρίου, είστε εξοικειωμένοι με αυτή τη διαδικασία.

Η διαφάνεια υποστηρίζεται από τη μορφή αρχείου GIF. Γενικά, τα αρχεία GIF δεν κάνουν καλή δουλειά σε οτιδήποτε χρειάζεται ομαλές μεταβάσεις από το ένα χρώμα στο άλλο, λόγω της ανεπαρκούς υποστήριξης του anti-aliasing , που είναι η μέθοδος που χρησιμοποιεί το Photoshop για να ομαλές ακανόνιστες ακμές. Όταν μια εικόνα μεταβαίνει από το ένα χρώμα στο άλλο, το Photoshop παράγει πολλαπλά χρώματα εικονοστοιχείων για να δημιουργήσει ένα ομοιόμορφο μείγμα μεταξύ των δύο χρωμάτων.

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

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

Αποθήκευση ως GIF

Όταν επιλέγετε Αρχείο → Αποθήκευση για Web & Συσκευές, εμφανίζονται πρώτα οι διαθέσιμες επιλογές μορφής GIF. Μπορεί να είναι πιο σαφές σε σας αν έχετε μια εικόνα ανοιχτή (με πολύ συμπαγές χρώμα σε αυτό).

Για να αποθηκεύσετε ένα αρχείο για το Web ως GIF, ακολουθήστε τα εξής βήματα:

1. Επιλέξτε Αρχείο → Αποθήκευση για Web & Συσκευές.

   Εμφανίζεται το παράθυρο διαλόγου Αποθήκευση για Web & Συσκευές.

2. Στην κορυφή, κάντε κλικ στην καρτέλα 2-Up.

   Βλέπετε την αρχική εικόνα στα αριστερά και τη βελτιστοποιημένη εικόνα στα δεξιά (ή επάνω και κάτω, ανάλογα με τις αναλογίες εικόνας).

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

   Αλλάξτε την ταχύτητα λήψης επιλέγοντας από το μενού Preview (αναζητήστε το βέλος στην επάνω δεξιά πλευρά του πλαισίου διαλόγου Save for Web & Devices).

3. Επιλέξτε GIF 32 No Dither από την αναπτυσσόμενη λίστα Preset.

   Μπορεί να δείτε μια αλλαγή ήδη. Το Photoshop σας προμηθεύει με προεπιλογές για να διαλέξετε, ή μπορείτε να προσαρμόσετε και να αποθηκεύσετε το δικό σας.

4. Επιλέξτε αν θέλετε να εφαρμοστεί η χρωματισμό στην εικόνα επιλέγοντας μια επιλογή από την αναπτυσσόμενη λίστα Καθορίστε τον Αλγόριθμο Dither.

   Αυτή η επιλογή είναι καθαρά προσωπική. Επειδή ενδέχεται να περιορίζετε τα χρώματα, το Photoshop μπορεί να χρησιμοποιήσει την αποσύνθεση για να αναμίξει τα εικονοστοιχεία των διαθέσιμων χρωμάτων για να προσομοιώσει τα χρώματα που λείπουν. Πολλοί σχεδιαστές επιλέγουν την επιλογή No Dither, διότι η αποσύνθεση μπορεί να δημιουργήσει αφύσικες κηλίδες χρώματος σε μια εικόνα.

   

   Επιλέξτε από τις προεπιλογές ή δημιουργήστε τις δικές σας προσαρμοσμένες ρυθμίσεις.

5. Αν η εικόνα σας είναι σε διαφανές επίπεδο και θέλετε να διατηρήσετε τη διαφάνεια σε μια ιστοσελίδα, επιλέξτε το πλαίσιο ελέγχου Διαφάνεια.

Πίνακας χρωμάτων στο παράθυρο διαλόγου Αποθήκευση για Web & Συσκευές

Όταν αποθηκεύετε μια εικόνα σε μορφή GIF χρησιμοποιώντας το παράθυρο διαλόγου Αποθήκευση για Web & Συσκευές, εμφανίζεται ο πίνακας χρωμάτων για την εικόνα στη δεξιά πλευρά του παραθύρου διαλόγου. Ο πίνακας χρωμάτων είναι σημαντικός, διότι όχι μόνο σας επιτρέπει να δείτε τα χρώματα που χρησιμοποιούνται στην εικόνα αλλά επίσης σας επιτρέπει να προσαρμόσετε τον πίνακα χρωμάτων χρησιμοποιώντας τις επιλογές στο κάτω μέρος.

Μπορεί να θέλετε να προσαρμόσετε τον πίνακα χρωμάτων σας επιλέγοντας μερικά χρώματα για να είναι ασφαλή για το Web και να κλειδώνει τα χρώματα έτσι ώστε να μην χτυπιούνται καθώς μειώνετε τον αριθμό που χρησιμοποιείτε.

Για να προσαρμόσετε έναν πίνακα χρωμάτων, ακολουθήστε τα εξής βήματα:

1. Εάν η εικόνα σας έχει μόνο μερικά χρώματα που θέλετε να μετατρέψετε σε χρώματα ασφαλή για το Web, επιλέξτε το εργαλείο Σταγονόμετρο στα αριστερά του παραθύρου διαλόγου Αποθήκευση για Web & Συσκευές και κάντε κλικ στο χρώμα στη Βελτιστοποιημένη προβολή.

   Το χρώμα της δειγματοληψίας επισημαίνεται στον πίνακα χρωμάτων.

2. Κάντε κλικ στο κουμπί Safe Web στο κάτω μέρος του πίνακα χρωμάτων.

   Όταν μεταβείτε σε αυτό το κουμπί, εμφανίζεται η οθόνη εργαλείων Μετατόπιση / Αποσύνδεση επιλεγμένων χρωμάτων στο Web Panel.

   Εμφανίζεται ένα διαμάντι, υποδεικνύοντας ότι το χρώμα είναι τώρα ασφαλές.

3. Κλείστε τα χρώματα που δεν θέλετε να διαγράψετε καθώς μειώνετε τον αριθμό των χρωμάτων στον πίνακα χρωμάτων.

   Επιλέξτε ένα χρώμα με το εργαλείο Σταγονόμετρο ή επιλέξτε το στον πίνακα χρωμάτων και, στη συνέχεια, κάντε κλικ στο κουμπί Κλείδωμα χρώματος. Ένα λευκό τετράγωνο εμφανίζεται στην κάτω δεξιά γωνία, υποδεικνύοντας ότι το χρώμα είναι κλειδωμένο.

   Εάν κλειδώσετε 32 χρώματα και στη συνέχεια μειώσετε τον πίνακα χρωμάτων σε 24, ορισμένα από τα κλειδωμένα χρώματα διαγράφονται. Αν επιλέξετε να προσθέσετε χρώματα, αυτά τα κλειδωμένα χρώματα είναι τα πρώτα που επιστρέφουν.

   

   Προσαρμόστε τα χρώματα χρησιμοποιώντας τον πίνακα χρωμάτων στο παράθυρο "Αποθήκευση για Web και συσκευές".

Πώς δημιουργείται ο πίνακας χρωμάτων; Με βάση τη μέθοδο αλγόριθμου μείωσης χρώματος που επιλέγετε, το χαρακτηριστικό Αποθήκευση για Web & Συσκευές δειγμάτων δειγματοληψία τον αριθμό των χρωμάτων που υποδεικνύετε. Εάν είναι ασφαλής η διατήρηση του χρώματος ιστού, είναι σημαντικό να επιλέξετε την επιλογή Περιορισμός (Web) για τη μέθοδο. αν θέλετε η εικόνα σας να φαίνεται καλύτερα στις περισσότερες οθόνες, αλλά όχι απαραίτητα να είναι ασφαλής στον ιστό, επιλέξτε την επιλογή Προσαρμογέας.

1. Χρησιμοποιήστε το αναπτυσσόμενο μενού Colors (Χρώματα) ή εισαγάγετε έναν αριθμό για να προσθέσετε ή να διαγράψετε χρώματα από τον πίνακα χρωμάτων.

2. Εάν η εικόνα σας χρησιμοποιεί διαφάνεια, επιλέξτε το πλαίσιο ελέγχου Διαφάνεια (Transparency) κοντά στην κορυφή του πλαισίου διαλόγου Αποθήκευση για ιστούς και συσκευές (Save for Web & Devices).

   Να θυμάστε ότι η διαφάνεια υπολογίζεται ως ένα από τα χρώματα σας στον πίνακα χρωμάτων.

3. Επιλέξτε το πλαίσιο ελέγχου Interlaced μόνο εάν η εικόνα GIF είναι μεγάλη (25K ή μεγαλύτερη).

   Η επιλογή αυτής της επιλογής αναγκάζει την εικόνα να ενσωματώνει πολλές σαρώσεις στην ιστοσελίδα - μια εικόνα χαμηλής ανάλυσης που εμφανίζεται γρήγορα και στη συνέχεια ανανεώνεται με την εικόνα υψηλότερης ανάλυσης όταν ολοκληρωθεί η λήψη. Το Interlacing δίνει την ψευδαίσθηση ότι η λήψη γίνεται πιο γρήγορα, αλλά το μέγεθος του αρχείου είναι μεγαλύτερο, γι 'αυτό χρησιμοποιήστε το μόνο εάν είναι απαραίτητο.

4. Κάντε κλικ στην επιλογή Αποθήκευση.

   Τώρα η εικόνα είναι έτοιμη να συνδεθεί σε ένα μήνυμα ηλεκτρονικού ταχυδρομείου ή να χρησιμοποιηθεί σε μια ιστοσελίδα.