Μια από τις πιο σημαντικές λειτουργίες που προσφέρει το Photoshop είναι η δυνατότητα Αποθήκευση για Web / Συσκευές .
Γιατί να το χρησιμοποιήσετε; Παρόλο που θα μπορούσατε να αποθηκεύσετε το αρχείο σας με μια τυποποιημένη μέθοδο, όπως το File / Save As , η λειτουργία Save for Web / Devices κάνει κρίσιμα τρία πράγματα.
- Βελτιστοποιεί τις διαστάσεις του αρχείου (για παράδειγμα: 150 px X 150 px) που του επιτρέπουν να ταιριάζει σε ιστοσελίδες καθαρότερο και να φαίνεται καλύτερα και λιγότερο παραμορφωμένο.
- Βελτιστοποιεί το μέγεθος του αρχείου (για παράδειγμα: 23 kb) επιτρέποντάς του να κατεβάζει ταχύτερα.
- Αποθηκεύει σε μορφή RGB (ή οθόνης) σε αντίθεση με τη μορφή CMYK (εκτύπωση).
Αυτό το εργαλείο λειτουργεί εξαιρετικά για την έξοδο των εικονιδίων Twitter, των προφίλ του Facebook pics, των αρχείων προϊόντων, των εικόνων του blog και των αρχείων προέλευσης για τα favicons.
01 - Ανοίξτε το αρχείο προέλευσης
Για να ξεκινήσετε, θα χρειαστεί να μεταβείτε στο Αρχείο / Άνοιγμα για να ανοίξετε το αρχείο σας. Μπορεί να είναι σε οποιαδήποτε μορφή - jpg, gif, psd, png ή άλλα. Όσο το Photoshop μπορεί να το ανοίξει, μπορείτε να το εξάγετε για τον ιστό.
02 - Αποθήκευση του αρχείου σας για τον Ιστό
Πρόκειται να προχωρήσουμε στην αποθήκευση για τον Ιστό, υποθέτοντας ότι έχετε κάνει όποιες προσαρμογές θέλετε. Προφανώς, αν χρειάζεται να επεξεργαστείτε την εικόνα, κάντε την πρώτα και συνεχίστε με αυτό το βήμα αργότερα.
Μεταβείτε στο Αρχείο / Αποθήκευση για Web / Συσκευές και κάντε κλικ στο κουμπί. Είναι περίπου στο μισό κάτω από το αναπτυσσόμενο μενού.
Αυτή η διαδικασία δεν αλλάζει καθόλου το αρχικό σας αρχείο. Δημιουργείτε ένα νέο αρχείο. Μόλις ολοκληρώσετε αυτό το σεμινάριο και επιστρέψετε στην αρχική σας εικόνα στο Photoshop, θα πρέπει να αποθηκεύσετε αυτό το αρχείο αν έχετε κάνει αλλαγές στο πρόγραμμα. Είναι σημαντικό να ονομάσετε τη νέα σας εικόνα διαφορετική από την αρχική. Συχνά προσθέτοντας απλά το _web στο όνομα του αρχείου θα λειτουργήσει καλά. (παράδειγμα: filename_web.jpg)
03 - Προσαρμογή της προβολής σύγκρισης σε 2-επάνω
Ανάλογα με τις ρυθμίσεις σας, ίσως χρειαστεί να προσαρμόσετε την προβολή εδώ. Αυτό που θέλετε είναι μια αριστερή και σωστή σύγκριση της εικόνας σας. Στην αριστερή πλευρά θα εμφανιστεί το πρωτότυπο, η δεξιά θα δείξει την ποιότητα της εικόνας στις τρέχουσες ρυθμίσεις.
Αν κοιτάξετε κατά μήκος της κορυφής του παραθύρου, θα δείτε τις ακόλουθες επιλογές: Πρωτότυπο, Βελτιστοποιημένο, 2-Up, 4-Up. Για τους περισσότερους σκοπούς, το 2-Up είναι αυτό που θα θελήσετε.
04 - Ρυθμίστε το μέγεθος προβολής σας στο 100%
Για να βεβαιωθείτε ότι βλέπετε το 100%, ελέγξτε την επιλογή στην κάτω αριστερή γωνία της οθόνης.
Είναι σημαντικό να θυμάστε ότι αν δείτε την εικόνα σας μεγαλύτερη από 100%, θα φαίνεται κοκκώδης ή ίσως ακόμη και αδιανόητη. Να εργάζεστε πάντα με την εικόνα στο 100%.
05 - Επιλέξτε διαστάσεις αρχείου
Οι διαστάσεις για τον ιστό είναι σχεδόν πάντα σε εικονοστοιχεία (px). Είναι σημαντικό να διατηρείτε τις αναλογίες σωστές. Εκτός από το πλαίσιο εικόνας είναι μια μικρή εικόνα ενός αλυσιδωτού συνδέσμου. Αυτό που κάνει είναι η κλιμάκωση του πλάτους όταν ρυθμίζετε το ύψος. Για παράδειγμα, μια εικόνα 600px έως 400px. Εάν μειώσετε το πλάτος στα 300px, το αρχείο θα κλιμακωθεί αυτόματα σε ύψος 200px. Εάν δεν έχει επιλεγεί η εικόνα θα παραμορφωθεί.
Έχετε επίσης τη δυνατότητα να κάνετε κλιμάκωση της εικόνας κατά ποσοστά.
06 - Επιλέξτε τον τύπο αρχείου για εξαγωγή
Σε αυτήν την επιλογή, ο τύπος του πρωτότυπου αρχείου δεν έχει σημασία. Μπορείτε να επιλέξετε το αρχείο που χρειάζεστε.
Σημείωση: Για να ξεκινήσετε τη διαδικασία θα χρειαστεί να κάνετε κλικ στην εικόνα στα δεξιά. Η εικόνα πρέπει να επιλεγεί για επεξεργασία.
Το πιο συνηθισμένο είναι το jpg για τον ιστό - είναι η μικρότερη μορφή αρχείου, πράγμα που σημαίνει ότι γίνεται λήψη πιο γρήγορα για τους επισκέπτες του ιστότοπού σας. Αν έχετε διαφάνεια, επιλέξτε png-24. Αν δεν ξέρετε τι σημαίνει διαφάνεια, πρέπει να επιλέξετε jpg.
07 - Επιλέξτε Ποιότητα εικόνας
Κάθε μία από τις τρεις επιλογές jpg (Υψηλή, Μεσαία, Χαμηλή) έχει προκαθορισμένες ρυθμίσεις ποιότητας - οι οποίες μπορούν όλες να ρυθμιστούν με το χέρι. Αν βλέπετε το 100% μπορείτε να αποφασίσετε ποια ποιότητα χρειάζεστε. Για να ρυθμίσετε το επίπεδο ζουμ, ανατρέξτε στο Βήμα 5. Η εικόνα θα μοιάζει με τον ίδιο τρόπο όπως στο παράθυρο προεπισκόπησης.
Αν επιλέξατε κάτι άλλο από το jpg, μπορείτε να παραλείψετε αυτό το βήμα.
08 - Αποθηκεύστε το αρχείο σας
Αφού κάνετε τις απαραίτητες ρυθμίσεις, είστε έτοιμοι να αποθηκεύσετε το αρχείο. Κάντε κλικ στην επιλογή "Αποθήκευση" και επιλέξτε το όνομα φακέλου και αρχείου που θέλετε για αυτή τη νέα εικόνα.
Συγχαρητήρια! Το νέο σας αρχείο είναι έτοιμο για χρήση στο διαδίκτυο.