Cómo redimensionar imágenes con Markdown

En este tutorial aprenderás a redimensionar imágenes usando Markdown

Markdown no te ofrece la posiblidad de redimensionar imágenes. No dispone de ninguna sintaxis específica para tal fin. Cuando agregas una imagen con Markdown solamente podrás definir su fuente, su título y su texto alternativo.

Si quieres cambiar el tamaño de una imagen, lamentablemente no podrás usar Markdown. Lo mejor que puedes hacer es usar HTML siempre y cuando tu editor soporte el uso de HTML.

Para insertar una imagen con HTML tendrás que usar la etiqueta img, definiendo el origen o enlace de la fuente mediante el atributo src.

Mediante los atributos width y height de la etiqueta img podrás cambiar el tamaño de la imagen, definiendo sus valores en pixels.

En el siguiente ejemplo insertamos una imagen de dimensiones 300x200 usando HTML:

<img src="https://edulazaro.com/img/zar.jpg" width="300" height="200">

La imagen anterior se debería renderizar así, con las dimensiones que hayas establecido:

Como no podía ser de otro modo, se trata de mi perro Zar.

Fácil y para toda la familia. Esto ha sido todo.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.

para estar al día con mi contenido. 😊