Wolf-WebSystem scarica gratis gli Script Java e le Utilità per il tuo Sito Dimensionamento delle immagini

Tramite i parametri HEIGHT=valore WIDTH=valore, è possibile specificare le dimensioni esatte dell'immagine corrispondente. Ti sei mai chiesto perché alcune pagine su Internet appaiono lentissime e completamente vuote, mentre altre appaiono molto più rapidamente e con gli spazi riservati alle immagini già ben definiti? A parte possibili problemi di traffico in linea, il motivo è che i primi non comunicano al browser le dimensioni dell'immagine, mentre i secondi si!

C'e' un errore che gli aspiranti all’HTML 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 250x250pixel in un'altra da 30x30pixel (cosa assolutamente da evitare).

Così facendo si corrono almeno tre rischi:

v     Se il browser non supporta queste estensioni, si rischia di avere delle immagini troppo grandi o troppo piccole rispetto al contesto della pagina, ottenendo degli effetti veramente orridi;

v     Anche se il browser supportasse tali estensioni, l'algoritmo per il ridimensionamento dell'immagine è molto primitivo e rischia di produrre delle immagini incomprensibili;

v     E' controproducente inserire in una pagina HTML un'immagine da 200KByte, per farla comprimere al browser in uno spazio che occupa solo 30Kbyte (è evidente che il browser impiegherebbe tantissimo tempo per caricare e ridimensionare l'immagine)!!


Fai quindi attenzione ad utilizzare questi parametri solo con le dimensioni originali dell'immagine e se proprio devi rimpicciolirla o ingrandirla, fallo con un programma specifico creato per tale scopo.

Per capire i parametri WIDTH e HEIGHT, appena sotto vediamo tre immagini : la prima utilizza come argomenti le dimensioni originali dell'immagine (200x272pixel); la seconda viene ridotta dal browser (100x135pixel); la terza viene ingrandita dal browser (350x470pixel).



Pagina precedente

Scarica l'esempio    

Torna all'indice del corso

Pagina successiva

Sito creato dalla Wolf-WebSystem” per informazioni scrivi a info@wwsys.it