Saltar al contenido

Τρόπος χρήσης του Photoshop Save for Web Tool

10 de mayo de 2021

Οι σχεδιαστές γραφικών, οι σχεδιαστές ιστοσελίδων και άλλοι που δημιουργούν περιεχόμενο για τον Ιστό, δημιουργούν επίσης εικόνες έτοιμες για web, όπως φωτογραφίες για ιστότοπους και διαφημίσεις banner. Πριν από τη μεταφόρτωση αυτών των εικόνων, οι εικόνες έχουν βελτιστοποιηθεί για γρήγορη λήψη και εμφάνιση σε πρόγραμμα περιήγησης ιστού. Το εργαλείο «Αποθήκευση για Web» στο Photoshop είναι ένας εύκολος τρόπος για την προετοιμασία αρχείων JPEG για τον Ιστό. Αυτό το εργαλείο αποθηκεύει επίσης αρχεία GIF, PNG και BMP. Δείτε πώς μπορείτε να χρησιμοποιήσετε το εργαλείο «Αποθήκευση για Web» για να έχετε τη σωστή ισορροπία ποιότητας εικόνας και μεγέθους αρχείου για τις εικόνες σας. Οι οδηγίες σε αυτό το άρθρο ισχύουν για το Photoshop 5.5 και μεταγενέστερες εκδόσεις. Οι εντολές και οι επιλογές μενού ενδέχεται να διαφέρουν μεταξύ των εκδόσεων.

Τι κάνει ένα γραφικό Web-Ready;

Τα περισσότερα γραφικά έτοιμα για web έχουν κοινά χαρακτηριστικά:

  • Η ανάλυση είναι 72 dpi.
  • Η λειτουργία χρώματος είναι RGB.
  • Τα αρχεία μειώνονται σε μέγεθος για ταχύτερες φόρτωση ιστοσελίδων.

Πώς να αποθηκεύσετε για Web στο Photoshop

Το Save for Web δεν είναι εργαλείο, όπως το Marquee, το Move ή το Magnetic Lasso. Είναι ένας τρόπος εξαγωγής ενός ακατέργαστου αρχείου σε μορφή που άλλα άτομα μπορούν να χρησιμοποιήσουν εύκολα. Δείτε πώς μπορείτε να το χρησιμοποιήσετε για τη βελτιστοποίηση των εικόνων.

  1. Ανοίξτε την εικόνα που θέλετε να αποθηκεύσετε στο Photoshop.

  2. Επιλέγω Εικόνα > Μέγεθος εικόνας. Ή, πατήστε Alt / Option + Command + I στο πληκτρολόγιο.

  3. Στο Πλάτος πεδίο, εισαγάγετε ένα νέο πλάτος, επιλέξτε Pixelκαι μετά επιλέξτε Εντάξει. Αλλαγή μεγέθους της φωτογραφίας σε μικρό μέγεθος που μπορεί να χρησιμοποιηθεί σε έναν ιστότοπο.

    Το πλαίσιο διαλόγου Μέγεθος εικόνας στο Photoshop με επισημασμένο το παράθυρο πλάτους και το κουμπί OK

  4. Επιλέγω Αρχείο > Αποθήκευση για Web και συσκευές. Εναλλακτικά, χρησιμοποιήστε τη συντόμευση πληκτρολογίου: Alt / Option + Command + Shift + S. Σε άλλες εκδόσεις του Photoshop, η διαδρομή είναι Αρχείο > Εξαγωγή > Αποθήκευση για Web. Το στοιχείο μπορεί να ονομάζεται Save for Web ή Save for Web και Devices.

    Μια εικόνα ανοιχτή στο Photoshop με επισημασμένο το στοιχείο μενού Αποθήκευση για Web και συσκευές

  5. Στο Αποθήκευση για Web παράθυρο, μεταβείτε στο Πρωτότυπο, Βελτιστοποιημένο, 2-Up, και 4-Up καρτέλες. Αυτές οι καρτέλες εναλλάσσονται μεταξύ μιας προβολής της αρχικής φωτογραφίας, της βελτιστοποιημένης φωτογραφίας με τις ρυθμίσεις Αποθήκευση για Web που εφαρμόζονται σε αυτήν, ή σύγκριση δύο ή τεσσάρων εκδόσεων της φωτογραφίας. Επιλέγω 2-Up για να συγκρίνετε την αρχική φωτογραφία με τη βελτιστοποιημένη φωτογραφία. Αυτό δείχνει αντίγραφα της εικόνας δίπλα-δίπλα.

    Το παράθυρο Save for Web & Devices στο Photoshop με την επιλογή 2Up επισημασμένη

  6. Αλλαξε το Ποιότητα αξία. Καθώς μειώνετε την ποιότητα, η εικόνα φαίνεται πιο κακή και το μέγεθος του αρχείου μειώνεται. Τα μικρότερα αρχεία σημαίνουν ιστοσελίδες ταχύτερης φόρτωσης. Βρείτε ένα ευχάριστο μέσο μεταξύ του μεγέθους και της ποιότητας του αρχείου. Μια ποιότητα μεταξύ 40 και 60 είναι μια καλή σειρά. Χρησιμοποιήστε τα προκαθορισμένα επίπεδα ποιότητας (JPEG Medium, για παράδειγμα) για να εξοικονομήσετε χρόνο.

    Αποθήκευση για το παράθυρο Ιστού και συσκευών στο Photoshop με τον ρυθμιστικό ποιότητας και τις προεπιλογές επισημασμένες

  7. Αλλάξτε τον τύπο αρχείου, εάν χρειάζεται, σε JPEG, GIF, PNG-8, PNG-24 ή WBMP.

    Μενού τύπου εικόνας στο παράθυρο Save for Web του Photoshop

  8. Αλλάξτε το μέγεθος της εικόνας, εάν χρειάζεται. Εισαγάγετε ένα πλάτος ή ύψος ή κλιμακώστε το κατά ποσοστό. Κάντε κλικ στο κλειδαριά εικονίδιο για να αλλάξετε την αναλογία της εικόνας. Διαφορετικά, εισαγάγετε διαφορετικό πλάτος ή ύψος για να αλλάξετε την άλλη τιμή σε αναλογία.

    Αποθήκευση για το παράθυρο Ιστού και συσκευών στο Photoshop με επισημασμένες περιοχές μεγέθους εικόνας και ποσοστού

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

    Παράθυρο

  10. Όταν είστε ικανοποιημένοι με τη φωτογραφία, επιλέξτε Σώσει.

    Αποθήκευση για το παράθυρο Web & Devices στο Photoshop με επισημασμένο το κουμπί Save

  11. Πληκτρολογήστε ένα όνομα για τη φωτογραφία και, στη συνέχεια, κάντε κλικ στο Σώσει.

    Αποθήκευση ως πλαίσιο διαλόγου στο Photoshop με επισημασμένο το κουμπί Αποθήκευση