Come modificare le dimensioni dell’immagine in HTML su Tumblr

Se le immagini del tuo blog sono troppo grandi, gli utenti potrebbero dover scorrere per vederle. Rendi le immagini troppo piccole ei visitatori del blog potrebbero non notarle. I progettisti di siti che creano pagine per siti di blog come Tumblr spesso modificano le immagini in modo che migliorino il layout e si adattino perfettamente alle pagine del browser. Puoi fare lo stesso senza utilizzare un programma di modifica delle immagini una volta capito come utilizzare l’editor HTML di Tumblr.

Inserimento di immagini

Aggiungere un’immagine al tuo post del blog Tumblr è semplice come fare clic sul pulsante “Inserisci immagine” nella parte superiore della casella di modifica in cui digiti il ​​tuo post. Quando fai clic su quel pulsante, si apre una finestra di dialogo che ti consente di inserire l’URL di un’immagine che si trova su Internet. La finestra contiene anche due caselle di testo nella sezione Dimensioni che consentono di impostare le dimensioni dell’immagine. Quando fai clic su “Inserisci”, Tumblr aggiunge l’immagine alla casella di modifica.

Ridimensionamento manuale

Non è necessario utilizzare HTML per ridimensionare un’immagine nel tuo post su Tumblr. Piccole maniglie appaiono intorno a un’immagine nella casella di modifica quando fai clic su di essa. Trascina una delle maniglie per ingrandire o rimpicciolire l’immagine. Puoi visualizzare l’anteprima del post e della relativa immagine in qualsiasi momento facendo clic su “Anteprima”. Il trascinamento delle maniglie dell’immagine consente di ridimensionare rapidamente le immagini, ma è difficile dare loro dimensioni precise utilizzando questo metodo. Quando è necessario fornire alle immagini valori esatti di altezza e larghezza, utilizzare HTML.

Editor HTML di Tumblr

Fai clic sul pulsante “HTML” nella parte superiore della casella di modifica e un editor HTML visualizza il codice HTML del post. Se il post contiene un’immagine, l’editor visualizza una riga di codice simile a quella mostrata di seguito:

Questo è un tag img HTML che ha un attributo src il cui valore è l’URL della tua immagine. Il valore è “http://www.Some_Site.com/image.jpg”. in questo esempio. Modifica i valori di altezza e larghezza, espressi in pixel, in qualsiasi valore desideri ridimensionare l’immagine.

Tip

Se non ti piace la nuova dimensione dell’immagine, fai clic sull’immagine per selezionarla, fai clic sul pulsante “HTML” e aggiorna l’altezza e la larghezza nell’editor HTML. Hai anche la possibilità di aggiungere una nuova immagine al tuo post incollando il seguente codice nell’editor:

Sostituisci il punto interrogativo con l’URL di un’immagine sul Web e sostituisci “X” e “Y” con i valori di altezza e larghezza in pixel. Quando ridimensionate le immagini utilizzando HTML, ricordate che la qualità dell’immagine diminuisce all’aumentare delle dimensioni di un’immagine.