ELEMENTI DEL LINGUAGGIO HTML

Dimensionamento delle immagini

Tramite i parametri WIDTH=valore HEIGHT=valore, è possibile specificare le dimensioni esatte dell'immagine corrispondente. Questa possibilità risulta molto utile, in quanto il browser viene subito messo in condizioni di riservare lo spazio opportuno all'interno della pagina, e può così continuare nella visualizzazione del testo successivo.
C'e' tuttavia un errore che taluni tendono a commettere, ed è quello di affidarsi ai parametri HEIGHT e WIDTH per creare delle immagini che rientrino perfettamente nelle loro pagine, affidando al browser il compito di convertire un'immagine p.es. di 400x400pixel in un'altra da 50x50pixel. Si corrono tuttavia almeno tre grossi rischi:

Se il browser non supporta tali estensioni, si rischia di avere delle immagini troppo grandi o troppo piccole rispetto al contesto della pagina, ottenendo degli effetti inaccettabili;
Anche se il broswer dovesse supportare tali estensioni, l'algoritmo utilizzato per il ridimensionamento dell'immagine è molto primitivo e rischia di produrre delle immagini incomprensibili;
E' poco sensato inserire in una pagina HTML un'immagine da 100KByte, per farla comprimere al browser in uno spazio che occupa fisicamente uno spazio da 10Kbyte!!

Pertanto, i parametri WIDTH e HEIGHT devono indicare solo le dimensioni originali dell'immagine; se proprio si desidera impicciolirla o ingrandirla, è necessario farlo con un programma creato appositamente per tale scopo. Per meglio chiarire questi concetti, di seguito verranno visualizzate tre immagini: la prima utilizza come argomenti le dimensioni originali dell'immagine (198x68pixel), la seconda viene fatta ridurre dal browser (99x34pixel), e la terza viene fatta ingrandire dal browser (297x102pixel).
Si noti la scarsa comprensibilità dell'immagine rimpicciolita e le scalettature presenti nell'immagine ingrandita.