Guida: Immagini troppo grandi, Come impostare i valori di larghezza e altezza delle immagini

« Older   Newer »
  Share  
FR4TTO
icon10  view post Posted on 24/4/2009, 11:39




GUIDA: IMMAGINI TROPPO GRANDI


Nella creazione di un post potete notare che le immagini a risoluzione molto alta "allargano" la finestra del post stesso oltre la risoluzione del vostro schermo.

Questo causa fastidio, oltre che a livello visivo (nel vedere le immagini tagliate a metà, il post decentrato ecc), anche per il fatto che per leggere bisogna spostarsi con la barra orizzontale, cosa che dopo un pò diventa frustrante...

Per risolvere il problema, basta applicare il codice HTML al posto dei soliti tag [IMG][/IMG]

Tutto quello che dovrete fare è inserire questo codice:

CODICE
<img src="URL DELLA VOSTRA IMMAGINE" width="LARGHEZZA CHE VOLETE">



Per quanto riguarda l'altezza dell'immagine, essa varierà in proporzione alla larghezza: se in origine l'immagine ha larghezza width="1000" e altezza height="500", impostando width="500" automaticamente si avrà height="250" .

Se poi volete impostare l'altezza, basterà aggiungere il parametro height dopo quello width, in questo modo:

CODICE
<img src="URL DELLA VOSTRA IMMAGINE" width="LARGHEZZA CHE VOLETE" height="ALTEZZA CHE VOLETE">


Impostare l'altezza è molto sconsigliato perchè, se non si rispettano le proporzioni con la larghezza, si rischia di allungare/schiacciare l'immagine


ESEMPIO

CODICE
<img src="http://gnappetta.files.wordpress.com/2007/10/0301-homer-pic2.jpg" width="300">





CODICE
<img src="http://gnappetta.files.wordpress.com/2007/10/0301-homer-pic2.jpg" width="150">





CODICE
<img src="http://gnappetta.files.wordpress.com/2007/10/0301-homer-pic2.jpg" width="150" height="300">





GRAZIE PER L'ATTENZIONE


---LO STAFF---
 
Top
0 replies since 24/4/2009, 11:39   1827 views
  Share