Come ridimensionare una immagine online da inserire nel blog su Blogger con il codice HTML

Per modificare le dimensioni di una immagine o di una foto presente su Internet ed adattare le misure per l’inserimento in un post oppure in un gadget HTML/Javascript della colonna laterale di Blogger è possibile impostare direttamente nel codice HTML le misure personalizzate di larghezza (width) e di altezza (height) della foto da visualizzare nel blog di Blogspot senza dover caricare una nuova immagine sul web.
Gli attributi width e height del tag IMG indicano infatti al browser web come deve essere visualizzata l’immagine indipendentemente dalle dimensioni originali caricate nel servizio di hosting su Internet
In questo esempio di codice HTML per inserire il link con una immagine:

 

<br /><a href="http://fabriziocastelli.blogspot.com/" target="_blank"><img src="http://i47.tinypic.com/23rjtsh.jpg" /> </a><br />

Possiamo aggiungere gli attributi HTML: width="larghezza" height="altezza"

Sostituendo quindi i termini "larghezza" ed “altezza” con le nuove dimensioni indicate in pixel (mantenendo possibilmente le proporzioni tra altezza e larghezza della foto) in questo caso:     width="366" height="192">
ed inserendo successivamente gli attributi per ridimensionare l’immagine online da visualizzare in un blog su Blogger o su Wordpress o in un sito web in coda al tag IMG in questo modo:

 

<br /><a href="http://fabriziocastelli.blogspot.com/" target="_blank"><img src=http://i47.tinypic.com/23rjtsh.jpg”width="366" height="192">
/> </a><br />   

E’ anche possibile indicare un valore in percentuale es: "width="75%" height="75%"

per mantenere inalterate le proporzioni in un’immagine da ridurre o ingrandire per essere inserita in un blog su Blogger o su Wordpress.