Cambiar el tamaño de la imagen en Markdown
Acabo de empezar con Markdown. Me encanta, pero hay una cosa que me molesta: ¿Cómo puedo cambiar el tamaño de una imagen usando Markdown?
La documentación solo ofrece la siguiente sugerencia para una imagen:
Si es posible, me gustaría que la imagen también estuviera centrada. Estoy pidiendo Markdown general, no solo cómo lo hace GitHub.
Podrías usar algo de HTML en tu Markdown:
<img src="drawing.jpg" alt="drawing" width="200"/>
O mediante styleatributo ( no admitido por GitHub )
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
O puede usar un archivo CSS personalizado como se describe en esta respuesta sobre Markdown y alineación de imágenes
CSS en otro archivo:
img[alt=drawing] { width: 200px; }
Con ciertas implementaciones de Markdown (incluidas Mou y Marked 2 (solo macOS)), puede agregar =WIDTHxHEIGHTdespués de la URL del archivo gráfico para cambiar el tamaño de la imagen. No olvides el espacio antes del =.
Puedes saltarte la ALTURA
y ancho
La respuesta aceptada aquí no funciona con ningún editor Markdown disponible en las aplicaciones que he usado hasta la fecha como Ghost, Stackedit.io o incluso en el editor StackOverflow. Encontré una solución aquí en el rastreador de problemas de StackEdit.io .
La solución es utilizar directamente la sintaxis HTML y funciona perfectamente:
<img src="http://....jpg" width="200" height="200" />
Solo usa:
<img src="Assets/icon.png" width="200">
en lugar de:
Combinando dos respuestas obtuve una solución, que puede que no parezca tan bonita, ¡
pero funciona!
Crea una miniatura con un tamaño específico en la que se puede hacer clic para acceder a la imagen de máxima resolución.
[<img src="image.png" width="250"/>](image.png)
¡Aquí tienes un ejemplo! Lo probé en Visual Code y Github.
Gracias a los comentarios, sabemos que esto también funciona en:
- GitLab
- Cuaderno Jupyter
- Desbordamiento de pila
