Αυτό το μάθημα είναι ένα είδος συνέχειας του προηγούμενου, στο οποίο σκεφτήκαμε, τώρα ήρθε η ώρα να εμβαθύνετε τις γνώσεις σας και να δείτε Ιδιότητες CSSεικόνες.
Διαστάσεις εικόνας σε CSS
Ας δούμε τι νέο υπάρχει εδώ, δημιούργησα μια κλάση img στην οποία ορίζω τις διαστάσεις της εικόνας, το πλάτος είναι το πλάτος και το ύψος είναι το ύψος μας, υπέδειξα τις διαστάσεις περισσότερο από τις αρχικές, ώστε να μπορείτε να δείτε καθαρά πώς είναι η εικόνα θα αλλάξει.
Για λόγους σαφήνειας, θα δώσω ένα παράδειγμα όπου θα υπάρχει πολύ κείμενο και θα δείτε ποιες εσοχές υπάρχουν στην εικόνα αυτό το παράδειγμαθα χρησιμοποιήσουμε την ιδιότητα περιθωρίου που θα σας δώσει την ευκαιρία να αξιολογήσετε τις δυνατότητές της.
Για λόγους σαφήνειας, θα δώσω ένα παράδειγμα όπου θα υπάρχει πολύ κείμενο και θα δείτε ποιες είναι οι εσοχές από την εικόνα σε αυτό το παράδειγμα, θα χρησιμοποιήσουμε μια εικόνα χωρίς να ορίσουμε εσοχές, ώστε να μπορείτε να δείτε καθαρά τη διαφορά.
Στο πρόγραμμα περιήγησης βλέπουμε τα εξής:
Σε αυτό το παράδειγμα, έκανα εσοχές από την εικόνα χάρη στην παράμετρο περιθωρίου, η οποία μας έδωσε εσοχές και από τις τέσσερις άκρες των 20 pixel. Εδώ μπορείτε να κάνετε πιο δύσκολο χειρισμό, μπορείτε να ορίσετε την εσοχή από μια συγκεκριμένη άκρη, για παράδειγμα:
- margin-top - περιθώριο από την επάνω πλευρά
- margin-right - περιθώριο από τη δεξιά πλευρά
- margin-bottom - περιθώριο από την κάτω πλευρά
- margin-left - περιθώριο από την αριστερή πλευρά
Αντίστοιχα, εδώ μπορείτε να προσαρμόσετε τα πάντα πιο λεπτά ή να ορίσετε την εσοχή μόνο από μία ή δύο πλευρές χωρίς να αγγίξετε τις άλλες.
Στο πρόγραμμα περιήγησης:
Ρυθμίζουμε το πλαίσιο γύρω από την εικόνα, χάρη στην παράμετρο περιγράμματος, ορίζουμε πρώτα το πλάτος του πλαισίου χρησιμοποιώντας το πλάτος περιγράμματος, το ορίζουμε σε pixel και μετά το στυλ του πλαισίου, δηλαδή την εμφάνισή του σε στυλ περιγράμματος, εκεί υπάρχουν πολλές τιμές για να επιλέξετε:
Και η τελευταία παράμετρος που θα προσαρμόσουμε είναι το χρώμα του περιγράμματος, το οποίο ορίζεται από την παράμετρο χρώματος περιγράμματος.
Στο πρόγραμμα περιήγησης βλέπουμε:
Όπως καταλαβαίνετε, αντιστοιχίσαμε το φόντο στο body tag χάρη στον επιλογέα ετικετών, αφού καταλαμβάνει ολόκληρο το έγγραφο, μπορούμε να το αντιστοιχίσουμε και σε άλλες ετικέτες. Η παράμετρος φόντου έκανε το φόντο μια εικόνα για εμάς, τη διεύθυνση στην οποία γράφουμε σε παρένθεση. Μπορείτε επίσης να χειριστείτε το φόντο, για παράδειγμα:
φόντο: url(proba.png) repeat-x;
Το φόντο θα επαναλαμβάνεται μόνο κατά μήκος του άξονα Χ, δηλαδή οριζόντια σε μία γραμμή.
φόντο: url(proba.png) repeat-y;
Το φόντο θα επαναλαμβάνεται μόνο κατά μήκος του άξονα Υ, δηλαδή κάθετα σε μία γραμμή.
φόντο: url(proba.png) no-repeat;
Το φόντο δεν θα επαναληφθεί, αλλά θα εμφανιστεί μόνο μία εικόνα.
Μέγεθος φόντου: 500px 200px;
το πρόσθετη παράμετρος A που ορίζει το μέγεθος φόντου, το πλάτος και το ύψος της εικόνας.
Διαφάνεια εικόνας με CSS
Στο πρόγραμμα περιήγησης βλέπουμε τα εξής:
Αυτή η ιδιότητα ήρθε με την εμφάνιση του CSS3 και στην πραγματικότητα έλαβε αρκετά εκτεταμένη χρήση. Εφαρμόζεται χρησιμοποιώντας την παράμετρο αδιαφάνειας ορίζει τη διαφάνεια της εικόνας, τις τιμές από 0 έως 1 και τη δεύτερη παράμετρο φίλτρου: άλφα (Αδιαφάνεια=50). κάνει το ίδιο για περιηγητής διαδυκτίουΕξερευνήστε γιατί οι παλαιότερες εκδόσεις δεν υποστηρίζουν την παράμετρο αδιαφάνειας, τιμές από 0 έως 100. Στο παράδειγμα, έφτιαξα ειδικά δύο εικόνες για να μπορείτε να δείτε καθαρά τη διαφορά.
Αυτό ολοκληρώνει το μάθημα CSS Image Properties, ελπίζω ότι αυτό το μάθημα ήταν χρήσιμο για εσάς και σας ενέπνευσε να μελετήσετε περαιτέρω τη γλώσσα και να αποκτήσετε νέες γνώσεις.
Ημερομηνία έκδοσης: 2014-04-22
Οι εικόνες αποτελούν στοιχεία σχεδόν οποιουδήποτε ιστότοπου, επομένως η αλλαγή μεγέθους είναι απαραίτητη. Υπάρχουν 2 τρόποι για να αλλάξετε το μέγεθος μιας εικόνας: επεξεργαστής γραφικώνή προγραμματικά κώδικας htmlστο css.
Αν μέσα κώδικας cssσε html μην ορίσετε το μέγεθος της εικόνας, τότε το ύψος και το πλάτος της στον ιστότοπο θα είναι τα ίδια σε pixel όπως στο αρχείο προέλευσης. Δηλαδή, μπορείτε να αλλάξετε το μέγεθος μιας εικόνας χωρίς css και html, χρησιμοποιώντας μόνο ένα πρόγραμμα επεξεργασίας γραφικών, και θα αλλάξει αυτόματα στον ιστότοπο εάν δεν καθορίσετε το μέγεθός της. Υπάρχουν όμως περιπτώσεις που είναι απαραίτητο να αλλάξετε μέσω προγραμματισμού το μέγεθος μιας εικόνας σε css σε html.
1. Αλλαγή της εικόνας στο πρόγραμμα επεξεργασίας γραφικών
Μπορείτε να αλλάξετε το μέγεθος της εικόνας σε οποιοδήποτε πρόγραμμα επεξεργασίας γραφικών (photoshop, gimp, xnview) και θα αλλάξει αυτόματα στον ιστότοπο σύμφωνα με το αρχικό μέγεθος.
Πλεονεκτήματα της μεθόδου:
Η εικόνα φορτώνεται πιο γρήγορα γιατί δεν χρειάζεται να κατεβάσετε επιπλέον δεδομένα (pixel), τα οποία στη συνέχεια θα συμπιεστούν μέσω προγραμματισμού.
Μειονεκτήματα:
Οι επεξεργαστές γραφικών συμπιέζουν ελάχιστα εικόνες μικρότερες από 200 pixel σε πλάτος και ύψος.
Όποτε είναι δυνατό και κατάλληλο, προσπαθήστε να αλλάξετε το μέγεθός του σε ένα πρόγραμμα επεξεργασίας γραφικών, έτσι ώστε οι εικόνες να φορτώνουν πιο γρήγορα από ό,τι με την αλλαγή μεγέθους μέσω προγραμματισμού. Η διαφορά στην ταχύτητα μπορεί να είναι δεκάδες φορές.
2. Αλλαγή της εικόνας στον κώδικα css στον ιστότοπο
Πλεονεκτήματα:
Ταχύτερη και πιο βολική ρύθμιση του μεγέθους. Αυτή η μέθοδοςΗ μείωση εικόνας χρησιμοποιείται συνήθως για ευκολία. Για παράδειγμα, όταν μια εικόνα μπορεί να έχει πολλά διαφορετικά μεγέθη, είναι συχνά πιο βολικό να αλλάζετε τις τιμές της ίδιας μέσω προγραμματισμού παρά να ανεβάσετε όλες τις επιλογές μορφής μιας εικόνας που έχει επεξεργαστεί σε ένα πρόγραμμα επεξεργασίας γραφικών.
Ποιοτικά συμπιεσμένες μικρές εικόνες, λιγότερο από 200 pixel σε ύψος ή πλάτος, σε αντίθεση με τους επεξεργαστές γραφικών. Εάν θέλετε το μέγεθος της εικόνας στον ιστότοπο να είναι μικρότερο από 200 εικονοστοιχεία, είναι καλύτερο το αρχικό μέγεθος να είναι 30-50% (260-300 εικονοστοιχεία) μεγαλύτερο για αποθήκευση καλής ποιότηταςόταν μειώνεται.
Ταυτόχρονα, η διαφορά στην ταχύτητα φόρτωσης του ιστότοπου δεν θα γίνει αισθητή, επειδή οι μικρές εικόνες καταλαμβάνουν πολύ λίγο χώρο και αν αυξήσετε το μέγεθός τους κατά 30%, δεν θα παρατηρήσετε καμία αλλαγή. Προσέξτε όμως τη διαφορά ποιότητας.
Μειονεκτήματα:
Οι εικόνες που συμπιέζονται μέσω προγραμματισμού χρειάζονται περισσότερο χρόνο για να φορτωθούν, επειδή η αλλαγή μεγέθους πραγματοποιείται μόνο μετά τη λήψη της αρχικής έκδοσης. Επομένως, εάν το μέγεθος της εικόνας είναι πάνω από 200 pixel σε πλάτος ή ύψος, τότε είναι προτιμότερο να τη συμπιέσετε σε ένα πρόγραμμα επεξεργασίας γραφικών, ώστε ο ιστότοπος να λειτουργεί πιο γρήγορα.
πώς να αλλάξετε το μέγεθος της εικόνας html χρησιμοποιώντας css
Για να αλλάξετε το μέγεθος μιας εικόνας σε html cssχρησιμοποιούνται ιδιότητες πλάτος (πλάτος) και ύψος (ύψος)μέσα στο χαρακτηριστικό style. Μπορείτε να γράψετε μόνο πλάτος ή ύψος και η υπόλοιπη μη καθορισμένη τιμή θα αλλάξει αυτόματα, διατηρώντας παράλληλα την αναλογία διαστάσεων της εικόνας. Για παράδειγμα, καθορίζοντας μόνο το πλάτος μιας εικόνας χρησιμοποιώντας το πλάτος, το ύψος της θα αλλάξει αυτόματα, διατηρώντας την αναλογία διαστάσεων. Και αντίστροφα, όταν καθορίζετε μόνο το ύψος (ύψος), το πλάτος του θα αλλάξει επίσης αυτόματα, διατηρώντας την αναλογία διαστάσεων της εικόνας.
Παράδειγμα κώδικα χωρίς να προσδιορίζονται διαστάσεις εικόνας
Αποτέλεσμα στο πρόγραμμα περιήγησης
Κωδικός σελίδας
Παράδειγμα κώδικα με αλλαγή μεγέθους εικόνας σε .css
Αποτέλεσμα στο πρόγραμμα περιήγησης
Κωδικός σελίδας
style="width:150px; ">
Και τα δύο παραπάνω παραδείγματα χρησιμοποιούν την ίδια εικόνα με μέγεθος 300x184 px (πλάτος και ύψος). Σε 1 παράδειγμα, η εικόνα εμφανίστηκε στο πρόγραμμα περιήγησης χωρίς αλλαγές με το αρχικό μέγεθος 300x184 px, καθώς το πλάτος και το ύψος δεν καθορίστηκαν στο css. Και στο 2ο παράδειγμα, η εικόνα εμφανίστηκε στο πρόγραμμα περιήγησης μειωμένη κατά 2 φορές, αφού το πλάτος ήταν 150 px, το ύψος άλλαξε ανάλογα αυτόματα σε 92 px. Όπως μπορείτε να δείτε, η ιδιότητα ύψους μπορεί να μην καθορίζεται καθόλου, καθώς αλλάζει αυτόματα ανάλογα με το πλάτος.
Εάν παρέχετε και τις δύο επιλογές: πλάτος (πλάτος), ύψος (ύψος)και δεν θα αντιστοιχούν στις αναλογίες, τότε η εικόνα θα έχει ακριβώς αυτό το μέγεθος, αλλά σε συμπιεσμένη ή τεντωμένη μορφή, ανάλογα με τις τιμές.
Γιατί δεν είναι επιθυμητό να μεγεθύνετε τις εικόνες
Σημαντικό: Η αύξηση του μεγέθους της εικόνας συνοδεύεται από απώλεια ποιότητας. Όταν αλλάζετε με οποιονδήποτε τρόπο, είναι σημαντικό να ορίσετε τις τιμές μικρότερες από ό, τι στην αρχική εικόνα, δηλαδή, μειώνετε μόνο.
Εάν ορίσετε το μέγεθος pixel να είναι μεγαλύτερο από την αρχική εικόνα, η ποιότητα θα επιδεινωθεί. Και η απώλεια ποιότητας θα είναι καθαρά ορατή, επειδή ο υπολογιστής δεν μπορεί να προσθέσει νέα pixel, μπορεί μόνο να αυξήσει το μέγεθος των υπαρχόντων. Όσο μεγαλύτερη είναι η μεγέθυνση της εικόνας από την αρχική τιμή, τόσο χειρότερη είναι η ποιότητά της και τόσο πιο ευδιάκριτα τετράγωνα εικονοστοιχεία.
Για να αλλάξετε το μέγεθος μιας εικόνας χρησιμοποιώντας HTML για μια ετικέτα παρέχονται χαρακτηριστικά πλάτος (πλάτος) και ύψος (ύψος). Τα εικονοστοιχεία χρησιμοποιούνται ως τιμή και τα ορίσματα πρέπει να ταιριάζουν με τις φυσικές διαστάσεις της εικόνας. Για παράδειγμα, στο σχ. Το 10.6 δείχνει μια εικόνα που έχει διαστάσεις 100x111 pixel.
Ρύζι. 10.6. εικόνα αρχικού μεγέθους
Αντίστοιχα, ο κώδικας HTML για την τοποθέτηση αυτού του σχήματος φαίνεται στο παράδειγμα 10.4.
Παράδειγμα 10.4. Διαστάσεις σχεδίασης
Εάν οι διαστάσεις της εικόνας καθορίζονται ρητά, τότε το πρόγραμμα περιήγησης τις χρησιμοποιεί για να εμφανίσει την κενή περιοχή που αντιστοιχεί στην εικόνα κατά τη φόρτωση του εγγράφου (Εικ. 10.7). Διαφορετικά, το πρόγραμμα περιήγησης περιμένει να φορτώσει πλήρως η εικόνα πριν αλλάξει το πλάτος και το ύψος της εικόνας (Εικόνα 10.8). Σε αυτήν την περίπτωση, ενδέχεται να προκύψει αναδιαμόρφωση κειμένου, καθώς αρχικά το μέγεθος της εικόνας δεν είναι γνωστό και ορίζεται αυτόματα σε μικρό.
Ρύζι. 10.7. Το μέγεθος της εικόνας δεν έχει καθοριστεί και δεν έχει φορτωθεί ακόμα
Ρύζι. 10.8. Η εικόνα μεταφορτώθηκε, το κείμενο επαναμορφοποιήθηκε
Το πλάτος και το ύψος της εικόνας μπορούν να αλλάξουν προς τα πάνω και προς τα κάτω. Ωστόσο, αυτό δεν επηρεάζει με κανέναν τρόπο την ταχύτητα λήψης της εικόνας, καθώς το μέγεθος του αρχείου παραμένει αμετάβλητο. Επομένως, μειώστε την εικόνα με προσοχή, γιατί. Αυτό μπορεί να προκαλέσει σύγχυση στους αναγνώστες, γιατί ένα τόσο μικρό σχέδιο διαρκεί τόσο πολύ για να φορτώσει. Αλλά η αύξηση του μεγέθους οδηγεί στο αντίθετο αποτέλεσμα - το μέγεθος της εικόνας είναι μεγάλο, αλλά το αρχείο φορτώνεται πιο γρήγορα σε σχέση με την εικόνα του ίδιου μεγέθους.
Στο σχ. Το 10.9 δείχνει την ίδια εικόνα όπως φαίνεται στην εικ. 10,6, αλλά διπλασιάστηκε σε πλάτος και ύψος.
Ρύζι. 10.9. Προβολή της εικόνας σε μεγέθυνση στο πρόγραμμα περιήγησης
Ο κωδικός για ένα τέτοιο σχέδιο θα παραμείνει σχεδόν αμετάβλητος και φαίνεται στο Παράδειγμα 10.5.
Παράδειγμα 10.5. Αλλαγή μεγέθους εικόνας
Αυτή η αλλαγή μεγέθους ονομάζεται επαναδειγματοληψία και ο αλγόριθμος του προγράμματος περιήγησης είναι κατώτερος ως προς τις δυνατότητές του από τους επεξεργαστές γραφικών. Επομένως, είναι απαραίτητο να αυξήσετε την εικόνα με αυτόν τον τρόπο μόνο σε ειδικές περιπτώσεις, διαφορετικά η ποιότητα της εικόνας υποβαθμίζεται πάρα πολύ. Είναι καλύτερα να χρησιμοποιήσετε κάποιο είδος προγράμματος γραφικών. Η εξαίρεση είναι σχέδια που περιέχουν ορθογώνιες περιοχές. Στο σχ. Το Σχήμα 10.10 δείχνει ένα αρχείο μοτίβου που παίρνει 54 byte και έχει αρχικό μέγεθος 8 επί 8 εικονοστοιχεία, με κλίμακα έως 150 εικονοστοιχεία.
Ρύζι. 10.10. Μεγεθυσμένη εικόνα
Τα προγράμματα περιήγησης χρησιμοποιούν δύο αλγόριθμους για εκ νέου δειγματοληψία - δικυβικό (δίνει λείες άκρες και ομαλό τονικό εύρος χρωμάτων) και πλησιέστερα σημεία (διατηρεί το αρχικό σύνολο χρωμάτων και αιχμηρές άκρες). Οι πρόσφατες εκδόσεις των προγραμμάτων περιήγησης χρησιμοποιούν δικυβικό αλγόριθμο, ενώ τα παλαιότερα προγράμματα περιήγησης, αντίθετα, χρησιμοποιούν αλγόριθμο πλησιέστερου σημείου.
Εντολή
Αρχικά, προσπαθήστε να βρείτε την εικόνα χρησιμοποιώντας τις μηχανές αναζήτησης. Εισαγάγετε ένα ερώτημα και, στη συνέχεια, επιλέξτε την καρτέλα ρυθμίσεων αναζήτησης. Η Google, για παράδειγμα, έχει ένα κουμπί "Εργαλεία αναζήτησης", ενώ το Yandex έχει ένα εικονίδιο με ρυθμιστικά. Αφού πρέπει να επιλέξετε το στοιχείο "Μέγεθος" και να καθορίσετε τις ακριβείς τιμές. Ή, για παράδειγμα, εάν χρειάζεστε μια φωτογραφία με καλή ανάλυση, επιλέξτε "Large".
Εάν δεν υπάρχει εικόνα με το επιθυμητό μέγεθος, τότε μπορείτε να την προσαρμόσετε μόνοι σας στο πλαίσιο. Υπάρχουν τρόποι. Το πρώτο είναι ότι πρώτα δημιουργείτε ένα έγγραφο με το επιθυμητό μέγεθος και, στη συνέχεια, αλλάζετε την εικόνα. Το δεύτερο είναι το αντίθετο - ανοίξτε την εικόνα και αλλάξτε το μέγεθος. Ουσιαστικά δεν υπάρχει διαφορά: όλα εξαρτώνται από τις προτιμήσεις και τους στόχους σας. Τα παραδείγματα θα εξεταστούν στο Adobe Photoshop, αλλά μπορείτε να χρησιμοποιήσετε άλλους επεξεργαστές γραφικών.
Πρώτος τρόπος. Κάντε κλικ στο "Αρχείο" - "Δημιουργία ..." ή στο συνδυασμό πλήκτρων Ctrl + N. Ένα παράθυρο με ρυθμίσεις θα εμφανιστεί μπροστά σας. Καθορίστε εκεί τις παραμέτρους πλάτους, ύψους και απαιτούμενης ανάλυσης χρώματος. Στη συνέχεια, ανοίξτε την εικόνα που σας αρέσει στο πρόγραμμα περιήγησης, κάντε δεξί κλικ και επιλέξτε "Αντιγραφή εικόνας". Στη συνέχεια, επιστρέψτε στο πρόγραμμα και πατήστε τον συνδυασμό Ctrl + V.
Η εικόνα θα εμφανιστεί στο παράθυρο του προγράμματος επεξεργασίας γραφικών. Στη συνέχεια, κάντε κλικ στο "Επεξεργασία" - "Δωρεάν μετασχηματισμό" ή στον συνδυασμό Ctrl + T. Θα εμφανιστούν βασικά σημεία, με τη βοήθεια των οποίων μπορείτε να προσαρμόσετε την εικόνα στο μέγεθος του παραθύρου εργασίας. Μόλις λάβετε το επιθυμητό αποτέλεσμα (παρεμπιπτόντως, μπορείτε να πάτε πέρα από τα όρια της περιοχής εργασίας), κάντε κλικ στο "Αρχείο" - "Αποθήκευση ως ..." ή στο συνδυασμό πλήκτρων Ctrl + S.
Ο δεύτερος τρόπος. Πρέπει πρώτα να μεταβείτε στον υπολογιστή, στη συνέχεια να κάνετε κλικ στο "Αρχείο" - "Άνοιγμα ..." (ή στον συνδυασμό Ctrl + O) και να επιλέξετε την επιθυμητή εικόνα. Στη συνέχεια, επιλέξτε "Εικόνα" - "Μέγεθος εικόνας ..." ή πατήστε Alt + Ctrl + I. Καταργήστε την επιλογή "Διατήρηση αναλογίας διαστάσεων" και επιλέξτε το επιθυμητό μέγεθος. Στη συνέχεια, πατήστε το πλήκτρο ΟΚ.
Το μέγεθος της φωτογραφίας θα αλλάξει σύμφωνα με το καθορισμένο μέγεθος σε εκατοστά (χιλιοστά, ίντσες), καθώς και το καθορισμένο μέγεθος σε DPI, σύμφωνα με τα πρότυπα εκτύπωσης σε χαρτί. Οι διαστάσεις σε cm, mm και ίντσες μπορούν να καθοριστούν με ακρίβεια χιλιοστών, για παράδειγμα, αντί για τη μορφή 15x10, μπορείτε να ορίσετε 15,201x10,203 cm.
Πίνακας με τυπικά μεγέθη φωτογραφιών σε κάθετη (πορτραίτο) θέση:
| Μορφή φωτογραφίας σε εκατοστά (cm) | Μέγεθος σε χιλιοστά (mm) | Μέγεθος σε pixel (για εκτύπωση 300dpi) |
Αναλογία απεικόνισης (σε οριζόντιο προσανατολισμό) |
| 3x4 (μετά από χειροκίνητη κοπή) | 30Χ40 | 354x472 | 4:3 (1.33) |
| 3,5x4,5 (μετά από χειροκίνητη κοπή) | 35Χ45 | 413x531 | 4:3 (1.33) |
| 9x13 | 89x127 | 1063x1535 | 10:7 (1.43) |
| 10Χ15 | 102x152 | 1181x1772 | 3:2 (1.5) |
| 13Χ18 | 127x178 | 1535x2126 | 7:5 (1.4) |
| 15Χ20(≈A5) | 152x203 | 1772x2362 | 4:3 (1.33) |
| 15Χ21 | 152x216 | 1772x2480 | 4:3 (1.33) |
| 18x24 | 178x240 | 2126x2835 | 19:14 (1.36) |
| 20x25 | 203x254 | 2362x2953 | 5:4 (1.25) |
| 20Χ30(≈A4) | 203x305 | 2362x3543 | 3:2 (1.5) |
| 30Χ40 | 305x406 | 3543x4724 | 4:3 (1.33) |
| 30Χ45 | 305x457 | 3543x5315 | 3:2 (1.5) |
Τυπικό μέγεθος φύλλου χαρτιού Μορφή Α4- 21x29,7 cm ή 2480x3508 pixel στα 300 dpi. Οι διαστάσεις άλλων μορφών φύλλων εμφανίζονται στη σελίδα της Wikipedia, αλλά απλώς μην ξεχνάτε ότι οι διαστάσεις αναφέρονται εκεί σε χιλιοστά και ίντσες, δηλ. στις ρυθμίσεις αυτής της σελίδας, πρέπει να επιλέξετε την κατάλληλη τιμή.
Εάν πρέπει να αλλάξετε το μέγεθος μιας φωτογραφίας χωρίς να λάβετε υπόψη το DPI (κουκκίδες ανά ίντσα), δηλαδή, τηρώντας μόνο τις αναλογίες της καθορισμένης μορφής, τότε πρέπει να ορίσετε την παράμετρο "Size in DPI" σε "0" στις ρυθμίσεις.
Η αρχική εικόνα δεν αλλάζει με κανέναν τρόπο. Θα σας δοθεί μια άλλη επεξεργασμένη εικόνα.