Cómo editar el tamaño de la imagen en HTML en Tumblr

Si las imágenes de su blog son demasiado grandes, es posible que los usuarios tengan que desplazarse para verlas. Haz las imágenes demasiado pequeñas, y los visitantes del blog no las notarán. Los diseñadores de sitios que crean páginas para sitios de blogs como Tumblr a menudo modifican las imágenes para que mejoren el diseño y se ajusten perfectamente dentro de las páginas del navegador. Puede hacer lo mismo sin usar un programa de edición de imágenes una vez que entienda cómo usar el editor HTML de Tumblr.

Inserción de imagen

Agregar una imagen a su publicación en el blog de Tumblr es tan simple como hacer clic en el botón "Insertar imagen" en la parte superior del cuadro de edición donde escribe su publicación. Cuando hace clic en ese botón, se abre una ventana de diálogo que le permite ingresar la URL de una imagen ubicada en Internet. La ventana también contiene dos cuadros de texto en la sección Dimensiones que le permiten configurar las dimensiones de su imagen. Al hacer clic en "Insertar", Tumblr agrega la imagen al cuadro de edición.

Cambio manual de tamaño

No tienes que usar HTML para cambiar el tamaño de una imagen en tu publicación de Tumblr. Aparecen pequeños controladores alrededor de una imagen en el cuadro de edición al hacer clic en ella. Arrastre uno de los controladores para hacer que la imagen sea más grande o más pequeña. Puedes previsualizar la publicación y su imagen en cualquier momento haciendo clic en "Vista previa". El arrastre de los controladores de imagen le ayuda a cambiar el tamaño de las imágenes rápidamente, pero es difícil darles dimensiones precisas con este método. Cuando necesite dar a las imágenes valores exactos de altura y anchura, use HTML.

Editor HTML de Tumblr

Haga clic en el botón "HTML" en la parte superior del cuadro de edición, y un editor de HTML muestra el código HTML de la publicación. Si la publicación contiene una imagen, el editor muestra una línea de código similar a la que se muestra a continuación:

Esta es una etiqueta img HTML que tiene un atributo src cuyo valor es la URL de su imagen. Ese valor es "//www.Some_Site.com/image.jpg". en este ejemplo. Cambie los valores de altura y anchura, expresados ​​en píxeles, a cualquier valor que desee para cambiar el tamaño de su imagen.

Consejos

Si no le gusta el nuevo tamaño de imagen, haga clic en la imagen para seleccionarla, haga clic en el botón "HTML" y actualice la altura y el ancho en el editor de HTML. También tiene la opción de agregar una nueva imagen a su publicación pegando el siguiente código en el editor:

Reemplace el signo de interrogación con la URL de una imagen en la Web, y reemplace "X" e "Y" con los valores de altura y anchura en píxeles. Cuando cambie el tamaño de las imágenes con HTML, recuerde que la calidad de la imagen se degrada a medida que aumenta el tamaño de la imagen.