Τι πρέπει να γνωρίζετε
- Ανοίξτε μια εικόνα στο Photoshop. Επιλέξτε Εικόνα > Μέγεθος εικόνας. Εισαγάγετε ένα νέο πλάτος και, στη συνέχεια, επιλέξτε Pixels > OK.
- Επιλέξτε Αρχείο > Αποθήκευση για τον Ιστό και τις συσκευές. Επιλέξτε την καρτέλα 2-Up για να δείτε τις αρχικές και τις βελτιστοποιημένες εικόνες δίπλα-δίπλα.
- Αλλάξτε την τιμή Quality και δείτε τα αποτελέσματα. Κάντε προσαρμογές στο μέγεθος ή τον τύπο αρχείου εάν χρειάζεται. Επιλέξτε Αποθήκευση και ονομάστε τη νέα εικόνα.
Αυτό το άρθρο εξηγεί πώς να χρησιμοποιήσετε το εργαλείο Save for Web του Photoshop για να βελτιστοποιήσετε τις εικόνες για χρήση στον Ιστό. Αυτές οι πληροφορίες ισχύουν για το Photoshop 20.0.10 και νεότερες εκδόσεις. Οι εντολές και οι επιλογές μενού ενδέχεται να διαφέρουν μεταξύ των εκδόσεων.
Πώς να αποθηκεύσετε για τον Ιστό στο Photoshop
Γραφίστες, σχεδιαστές ιστού και άλλοι που δημιουργούν περιεχόμενο για τον ιστό, δημιουργούν επίσης εικόνες έτοιμες για τον ιστό, όπως φωτογραφίες για ιστότοπους και διαφημίσεις banner. Πριν από τη μεταφόρτωση αυτών των εικόνων, βελτιστοποιούν τις εικόνες για λήψη και εμφάνιση γρήγορα σε ένα πρόγραμμα περιήγησης ιστού.
Δείτε πώς μπορείτε να χρησιμοποιήσετε το εργαλείο Save for Web στο Photoshop για να έχετε τη σωστή ισορροπία ποιότητας εικόνας και μεγέθους αρχείου για τις εικόνες σας.
- Ανοίξτε την εικόνα που θέλετε να αποθηκεύσετε στο Photoshop.
-
Επιλέξτε Εικόνα > Μέγεθος εικόνας. Ή, για υπολογιστή, πατήστε Alt+Ctrl+I, για macOS, πατήστε Command+Option+I στο πληκτρολόγιο.
Image -
Στο πεδίο Width, εισαγάγετε ένα νέο πλάτος, επιλέξτε Pixels και, στη συνέχεια, επιλέξτε OK.
Αλλάξτε το μέγεθος της φωτογραφίας σε μικρό μέγεθος που μπορεί να χρησιμοποιηθεί σε έναν ιστότοπο.
Image -
Επιλέξτε Αρχείο > Εξαγωγή > Αποθήκευση για τον Ιστό (παλαιού τύπου). Εναλλακτικά, χρησιμοποιήστε τη συντόμευση πληκτρολογίου: Alt/Option+Command+Shift+S.
Σε άλλες εκδόσεις του Photoshop, η διαδρομή είναι Αρχείο > Export > Αποθήκευση για Web. Το στοιχείο μπορεί να ονομάζεται Save for Web ή Save for Web and Devices.
Image -
Στο παράθυρο Αποθήκευση για τον Ιστό, μεταβείτε στο Original, Optimized,2-Up και 4-Up καρτέλες. Αυτές οι καρτέλες εναλλάσσονται μεταξύ μιας προβολής της αρχικής φωτογραφίας, της βελτιστοποιημένης φωτογραφίας με τις ρυθμίσεις Αποθήκευση για Web που εφαρμόζονται σε αυτήν ή μιας σύγκρισης δύο ή τεσσάρων εκδόσεων της φωτογραφίας.
Επιλέξτε 2-Up για να συγκρίνετε την αρχική φωτογραφία με τη βελτιστοποιημένη φωτογραφία. Εμφανίζει αντίγραφα της εικόνας δίπλα-δίπλα.
Image -
Αλλάξτε την τιμή Quality. Καθώς μειώνετε την ποιότητα, η εικόνα φαίνεται πιο λασπώδης και το μέγεθος του αρχείου μειώνεται. Τα μικρότερα αρχεία σημαίνουν ταχύτερη φόρτωση ιστοσελίδων.
Βρείτε ένα ευχάριστο μέσο μεταξύ μεγέθους και ποιότητας αρχείου. Μια ποιότητα μεταξύ 40 και 60 είναι ένα καλό εύρος. Χρησιμοποιήστε τα προκαθορισμένα επίπεδα ποιότητας (JPEG Medium, για παράδειγμα) για να εξοικονομήσετε χρόνο.
Image -
Αλλάξτε τον τύπο αρχείου, εάν χρειάζεται, σε JPEG, GIF, PNG-8, PNG-24 ή WBMP.
Image -
Αλλάξτε το μέγεθος της εικόνας, εάν χρειάζεται. Εισαγάγετε ένα πλάτος ή ύψος ή κλιμακώστε το κατά ένα ποσοστό.
Κάντε κλικ στο εικονίδιο chain link για να αλλάξετε την αναλογία της εικόνας. Διαφορετικά, εισαγάγετε διαφορετικό πλάτος ή ύψος για να αλλάξετε την άλλη τιμή σε αναλογία.
Image -
Οι τιμές κάτω από την προεπισκόπηση εικόνας εμφανίζουν τον τύπο αρχείου, το μέγεθος και τον χρόνο που θα χρειαστεί να ανοίξει η εικόνα σε έναν ιστότοπο. Αυτοί οι αριθμοί ενημερώνονται καθώς κάνετε αλλαγές.
Image -
Όταν είστε ικανοποιημένοι με τη φωτογραφία, επιλέξτε Αποθήκευση.
Image -
Πληκτρολογήστε ένα όνομα για τη φωτογραφία και, στη συνέχεια, κάντε κλικ στο Αποθήκευση.
Image
Τι κάνει ένα Graphic Web-Ready;
Τα περισσότερα γραφικά έτοιμα για web έχουν κοινά χαρακτηριστικά:
- Η ανάλυση είναι 72 dpi.
- Η λειτουργία χρώματος είναι RGB.
-
Τα αρχεία μειώνονται σε μέγεθος για ταχύτερη φόρτωση ιστοσελίδων.
