Cómo incrustar imágenes en HTML para publicaciones de Tumblr

Tumblr te permite añadir fotos a las publicaciones de texto ya sea subiendo un archivo de imagen desde tu disco duro o pegando directamente la URL de una imagen alojada en un servidor de terceros en el editor de publicaciones. Si Tumblr no logra obtener correctamente la imagen vinculada, edita el código HTML de la publicación para incrustar la imagen manualmente.

Advertencia

  • A diferencia de las publicaciones estándar, las publicaciones de texto que contienen imágenes añadidas editando el código fuente no muestran directamente la imagen vinculada. En su lugar, muestran un icono gris que los visitantes deben hacer clic para revelar la imagen.
  • Algunos sitios web impiden activamente que otros sitios enlacen directamente a imágenes alojadas en sus servidores, una práctica conocida como hotlinking. Si intentas añadir un enlace a una imagen alojada en dicho sitio, es posible que Tumblr no pueda mostrar la imagen.

Paso 1

Ve a tu panel de control de Tumblr y crea una nueva publicación de texto haciendo clic en el icono Texto.

Paso 2

Redacta tu publicación de texto.

Paso 3

Cambia al editor HTML de Tumblr abriendo el menú engranaje y seleccionando HTML en el menú Editor de texto.

Paso 4

Introduce el siguiente código HTML en el punto donde quieras mostrar la imagen:

<img src="URL_DE_TU_IMAGEN" alt="Descripción" />

Reemplaza la URL de ejemplo con la correcta.

Advertencia

No vuelvas al editor de texto enriquecido después de editar el código fuente de la publicación. Hacerlo hace que Tumblr elimine la etiqueta de imagen que insertaste.

Paso 5

Publica tu entrada haciendo clic en el botón Publicar.