Ως σχεδιαστής γραφικών ή σχεδιαστής ιστοσελίδων, μπορεί να σας ζητηθεί να παραδώσετε εικόνες έτοιμες για web, όπως φωτογραφίες για έναν ιστότοπο ή διαφήμιση με banner. Το εργαλείο Save for Web του Photoshop είναι ένας εύκολος τρόπος για να προετοιμάσετε τα αρχεία JPEG για τον ιστό, βοηθώντας στην ανταλλαγή μεταξύ μεγέθους αρχείου και ποιότητας εικόνας.
Για αυτό το σεμινάριο, αποθηκεύετε εικόνες JPEG. Το εργαλείο "Αποθήκευση για το Web" είναι επίσης κατασκευασμένο για την αποθήκευση αρχείων GIF, PNG και BMP.
Τι κάνει ένα γραφικό web-έτοιμο;
Τα περισσότερα γραφικά έτοιμα στο διαδίκτυο έχουν κοινά χαρακτηριστικά:
- Η ανάλυση είναι 72 dpi.
- Η λειτουργία χρώματος είναι RGB.
- Τα αρχεία μειώνονται σε μέγεθος για ταχύτερη φόρτωση ιστοσελίδων.
Ανοίξτε μια εικόνα
Για να εξασκηθείτε με το εργαλείο "Αποθήκευση για το Web", ανοίξτε μια εικόνα στο Photoshop.
Κάντε κλικ Αρχείο> Ανοιξε, αναζητήστε την εικόνα στον υπολογιστή σας και κάντε κλικ στο κουμπί OK Ανοιξε. Για λόγους πρακτικής, μια φωτογραφία λειτουργεί καλά, αν και θα γίνει οποιοσδήποτε τύπος εικόνας.
Αλλάξτε το μέγεθος της φωτογραφίας σε ένα μικρό μέγεθος που θα μπορούσατε να χρησιμοποιήσετε σε έναν ιστότοπο. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί Εικόνα> Μέγεθος εικόνας, πληκτρολογήστε ένα νέο πλάτος στο πεδίο Πλάτος και επιλέξτεPixels. Σε αυτήν την περίπτωση, εισαγάγετε 400 εικονοστοιχεία και κάντε κλικ Εντάξει.
Ανοίξτε το Save for Web Tool
Υποθέστε ότι κάποιος σας ζήτησε να παραδώσετε μια φωτογραφία πλάτους 400 pixel, έτοιμη να τοποθετηθεί σε έναν ιστότοπο.
Κάντε κλικ Αρχείο > Αποθήκευση για ιστό για να ανοίξετε το Αποθήκευση για ιστό κουτί διαλόγου. (Σε νεότερες εκδόσεις του Photoshop, η διαδρομή είναι Αρχείο > Εξαγωγή > Αποθήκευση για ιστό.)
Περιηγηθείτε στις διάφορες ρυθμίσεις και εργαλεία στο παράθυρο.
03 του 07Ρυθμίστε τη Σύγκριση
Στην κορυφή του Αποθήκευση για ιστό παράθυρο είναι μια σειρά από ετικέτες με ετικέτες Πρωτότυπο, Βελτιστοποιημένη, 2-Up, και 4-Up. Κάνοντας κλικ σε αυτές τις καρτέλες, μπορείτε να πραγματοποιήσετε εναλλαγή μεταξύ μιας προβολής της αρχικής σας φωτογραφίας, της βελτιστοποιημένης φωτογραφίας σας με τις ρυθμίσεις "Αποθήκευση για το Web" που εφαρμόζονται σε αυτήν ή μια σύγκριση δύο ή τεσσάρων εκδόσεων της φωτογραφίας σας.
Επιλέγω 2-Up για να συγκρίνετε την αρχική φωτογραφία με τη βελτιστοποιημένη με την εμφάνιση αντιγράφων δίπλα-δίπλα στην εικόνα.
04 του 07Ορίστε την Αρχική Προεπισκόπηση
Κάντε κλικ στη φωτογραφία στην αριστερή πλευρά για να την επιλέξετε. Επιλέγω Πρωτότυπο από το Προεπιλογή μενού στη δεξιά πλευρά του Αποθήκευση για ιστό παράθυρο (αν δεν είναι ήδη επιλεγμένο). Αυτό δίνει μια προεπισκόπηση της αρχικής, μη επεξεργασμένης φωτογραφίας στην αριστερή πλευρά.
05 του 07Ορίστε τη Βελτιστοποιημένη προεπισκόπηση
Κάντε κλικ στη φωτογραφία στη δεξιά πλευρά για να την επιλέξετε. Επιλέγω JPEG υψηλή από το Προεπιλογή μενού. Τώρα μπορείτε να συγκρίνετε τη βελτιστοποιημένη φωτογραφία στα δεξιά, η οποία θα είναι το τελικό σας αρχείο, με το πρωτότυπο στα αριστερά.
06 του 07Επεξεργαστείτε την ποιότητα JPEG
Η πιο σημαντική ρύθμιση στη δεξιά στήλη είναι η Ποιότητα αξία. Καθώς μειώνετε την ποιότητα, η εικόνα σας φαίνεται κακή, αλλά το μέγεθος του αρχείου μειώνεται και τα μικρότερα αρχεία σημαίνουν ταχύτερη φόρτωση ιστοσελίδων.
Δοκιμάστε να αλλάξετε την ποιότητα 0 και παρατηρήστε τη διαφορά στις φωτογραφίες στα αριστερά και δεξιά, καθώς και το μικρότερο μέγεθος αρχείου, το οποίο βρίσκεται κάτω από τη φωτογραφία.
Ο στόχος είναι να βρείτε ένα ευτυχισμένο μέσο μεταξύ του μεγέθους του αρχείου και της ποιότητας. Μια ποιότητα μεταξύ 40 και 60 είναι συνήθως μια καλή σειρά, ανάλογα με τις ανάγκες σας. Δοκιμάστε να χρησιμοποιήσετε τα προκαθορισμένα επίπεδα ποιότητας (Μέσο JPEG, για παράδειγμα) για εξοικονόμηση χρόνου.
07 του 07Αποθηκεύστε την εικόνα σας
Μόλις είστε ικανοποιημένοι με τη φωτογραφία στα δεξιά, κάντε κλικ στο Αποθηκεύσετε κουμπί. ο Αποθήκευση βελτιστοποιημένων ως ανοίγει το παράθυρο. Πληκτρολογήστε ένα όνομα αρχείου, περιηγηθείτε στο φάκελο που θέλετε στον υπολογιστή σας και κάντε κλικ στο κουμπί Αποθηκεύσετε. Τώρα έχετε μια βελτιστοποιημένη, έτοιμη για το διαδίκτυο φωτογραφία.
