venerdì 24 settembre 2010

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.jpgwidth="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.

12 commenti:

Sandra Maccaferri ha detto...

Grazie Fabrizio!
E se volessi usare una foto scattata da me come sfondo per tutta la pagina del blog...come me la cavo con le dimensioni?

fabrizio castelli ha detto...

Ciso Sandra e grazie a te per la visita!
Lo sfondo dell'intera pagina puoi impostarlo e modificarlo utilizzando le opzioni del Designer http://blogetemplate.blogspot.com/2010/09/come-impostare-la-posizione-e-lo.html e nel link al post sullo "sfondo personalizzato" trovi le dimensioni da utilizzare per le foto,che però in questo caso devono essere caricate con le loro dimensioni originali.
Ciao e buona serata!
Fabrizio

Elisabetta ha detto...

ciao,Fabrizio^;^ davvero interessante questo articolo :)utilissima soluzione,per inserire le immagini, nei nostri blog!!grazie e felice giornata ;0))

fabrizio castelli ha detto...

Ciao Elisabetta,grazie per la visita!
Sono felice che tu abbia apprezzato questo post:)
Ciao e buona giornata anche a te!
Fabrizio

AnimoErotico ha detto...

Grazie Fabrizio .. una "perla di saggezza" !

fabrizio castelli ha detto...

@animoerotico
Sei sempre molto gentile:)
Grazie a te per la visita e per il tuo commento che mi fa molto piacere!
Ciao:)
Fabrizio

Ambra ha detto...

E' il metodo che uso io, ma un po' scomodo per via della necessità di mantenere le proporzioni. Invece, e questo lo so ora da te, si possono aumentare o ridurre le dimensioni utilizzando le percentuali. Fantastico, la prossima volta faccio così.

Fabrizio Castelli ha detto...

Benissimo Ambra!
Ciao:)
Fabri

DI IORIO MARCELLO ha detto...

Sei un portento ... Volevo farti solo i complimenti

Fabrizio Castelli ha detto...

Grazie Marcello,i tuoi complimenti mi fanno davvero molto piacere!
Ciao e buon weekend
Fabrizio

Elise ha detto...

Ciao Fabrizio, ci sono riuscita........grazie sei fenomenale.
Elise

Fabrizio Castelli ha detto...

Benissimo Elise!
Grazie a te:)
Ciao e buona domenica
Fabrizio

Related Posts with Thumbnails
 
Copyright © 2008 - 2015 Prove di blogger by Fabrizio Castelli. All rights reserved.