Περιεχόμενο

• Για να πας
• Συμβουλές

Αυτό το wikiHow εξηγεί πώς να ρυθμίσετε το ύψος και το πλάτος μιας εικόνας χρησιμοποιώντας HTML (HyperText Markup Language).

• Το "πλάτος" υποδεικνύει το πλάτος μιας εικόνας σε εικονοστοιχεία.
• Το "ύψος" υποδεικνύει το ύψος μιας εικόνας σε εικονοστοιχεία.
• Στο HTML 4.01, το ύψος μπορεί να οριστεί σε pixel ή ποσοστά. Στο HTML5, η τιμή πρέπει να είναι σε pixel.

Για να πας

1. Επεξεργαστείτε το αρχείο για το οποίο θέλετε να εμφανιστεί η εικόνα. για παράδειγμα: default.html
2. Προσθέστε αυτήν τη γραμμή στο σενάριό σας
   • img src = "imagefile.webp" alt = "Εικόνα" ύψος = "42" πλάτος = "42">
   • src είναι η διαδρομή αρχείου προς την εικόνα σας.
   • alt είναι η ετικέτα που δίνεις την εικόνα σου.
3. Αντικαταστήστε το "ύψος" και το "πλάτος" όπως θέλετε, για παράδειγμα ύψος = "19" πλάτος = "20"
4. Αποθηκεύστε το αρχείο και ανοίξτε το αρχείο με οποιοδήποτε πρόγραμμα περιήγησης για να δείτε το αποτέλεσμα. Το χαρακτηριστικό "width" υποστηρίζεται σε όλα τα μεγάλα προγράμματα περιήγησης όπως το Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer κ.λπ.

Συμβουλές

• Να καθορίζετε πάντα τα χαρακτηριστικά ύψους και πλάτους για εικόνες. Εάν ρυθμιστεί το ύψος και το πλάτος, ο χώρος που απαιτείται για την εικόνα θα διατηρηθεί κατά τη φόρτωση της σελίδας. Ωστόσο, χωρίς αυτά τα χαρακτηριστικά, το πρόγραμμα περιήγησης δεν γνωρίζει το μέγεθος της εικόνας και δεν μπορεί να δεσμευτεί κατάλληλος χώρος. Το αποτέλεσμα είναι ότι η διάταξη της σελίδας αλλάζει κατά τη φόρτωση (κατά τη φόρτωση των εικόνων).
• Η μείωση του μεγέθους μιας μεγάλης εικόνας προσαρμόζοντας το ύψος και το πλάτος της αναγκάζει τον χρήστη να κατεβάσει τη μεγάλη εικόνα (ακόμα κι αν φαίνεται μικρή στη σελίδα). Για να το αποφύγετε αυτό, πρέπει να κάνετε επαναπώληση της εικόνας με ένα πρόγραμμα πριν την τοποθετήσετε σε μια σελίδα.