Como editar o tamanho da imagem em HTML no Tumblr

Se as imagens do seu blog forem muito grandes, os usuários poderão ter que rolar para visualizá-las. Torne as imagens muito pequenas e os visitantes do blog talvez não as notem. Os criadores de sites que criam páginas para sites de blog, como o Tumblr, muitas vezes ajustam as fotos de modo a aprimorar o layout e se encaixar perfeitamente dentro das páginas do navegador. Você pode fazer o mesmo sem usar um programa de edição de imagens depois de entender como usar o editor de HTML do Tumblr.

Inserção de Imagem

Adicionar uma imagem ao seu blog do Tumblr é tão simples quanto clicar no botão "Inserir imagem" no topo da caixa de edição onde você digita sua postagem. Quando você clica nesse botão, uma janela de diálogo é aberta e permite inserir o URL de uma imagem localizada na Internet. A janela também contém duas caixas de texto na seção Dimensões que permitem definir as dimensões da sua imagem. Quando você clica em "Inserir", o Tumblr adiciona a imagem à caixa de edição.

Redimensionamento manual

Você não precisa usar HTML para redimensionar uma imagem na postagem do Tumblr. Pequenas alças aparecem ao redor de uma imagem na caixa de edição quando você clica nela. Arraste uma das alças para aumentar ou diminuir a imagem. Você pode visualizar a postagem e sua imagem a qualquer momento, clicando em "Visualizar". Arrastar as alças da imagem ajuda a redimensionar as imagens rapidamente, mas é difícil dar-lhes dimensões precisas usando esse método. Quando você precisa fornecer valores exatos de altura e largura, use HTML.

Editor de HTML do Tumblr

Clique no botão "HTML" no topo da caixa de edição e um editor de HTML exibe o código HTML da postagem. Se a postagem contiver uma imagem, o editor exibirá uma linha de código semelhante à mostrada abaixo:

Esta é uma tag img HTML que possui um atributo src cujo valor é o URL da sua imagem. Esse valor é "//www.Some_Site.com/image.jpg". neste exemplo. Altere os valores de altura e largura - expressos em pixels - para todos os valores que você desejar para redimensionar sua imagem.

Dicas

Se você não gostar do novo tamanho da imagem, clique na imagem para selecioná-la, clique no botão "HTML" e atualize a altura e a largura no editor de HTML. Você também tem a opção de adicionar uma nova imagem à sua postagem, colando o seguinte código no editor:

Substitua o ponto de interrogação pelo URL de uma imagem na Web e substitua "X" e "Y" por valores de altura e largura em pixels. Ao redimensionar imagens usando HTML, lembre-se de que a qualidade da imagem diminui à medida que o tamanho da imagem aumenta.