MarkdownLab

Markdown a Imagen

Pega Markdown y exporta una imagen renderizada — aplica un tema de color, ajusta el color de fondo y la resolución, y luego elige PNG, JPEG, WEBP o SVG en el menú Descargar como para guardar una tarjeta lista para compartir directamente desde tu navegador.

Se ejecuta totalmente en tu navegador — los archivos nunca salen de tu dispositivo.

Markdown
Vista previa de la imagen
Pega algo de Markdown a la izquierda para ver aquí la vista previa de la imagen.

Tanto el renderizado como la exportación de imágenes se ejecutan totalmente en tu navegador mediante la biblioteca de código abierto html-to-image — no se sube nada. JPEG y WEBP siempre se renderizan sobre un fondo sólido (sin canal alfa); PNG y SVG se pueden exportar transparentes. Elige un tema arriba para colorear la tarjeta exportada — también reinicia el selector de color de fondo al color de fondo propio de ese tema, que después puedes seguir modificando manualmente.

Cómo funciona

  1. 01Pega o escribe Markdown en el panel izquierdo, sube un archivo .md, o usa «Abrir desde URL» para cargar uno desde la web.
  2. 02El panel derecho muestra una vista previa en vivo y con estilo — esto es exactamente lo que se exporta.
  3. 03Elige un tema de color y, opcionalmente, ajusta el color de fondo, la transparencia o la resolución (1x/2x/3x).
  4. 04Haz clic en «Descargar como» y elige PNG, JPEG, WEBP o SVG para guardar la imagen. Todo se ejecuta en el cliente — tu Markdown nunca sale del navegador.

Preguntas frecuentes

¿Qué formatos de imagen se admiten?

PNG, JPEG, WEBP y SVG, todos disponibles en el menú «Descargar como». PNG y SVG pueden tener fondo transparente; JPEG y WEBP siempre se renderizan sobre un color de fondo sólido, ya que ninguno de los dos formatos admite la transparencia de forma fiable en todos los visores.

¿Puedo exportar con fondo transparente?

Sí, para PNG y SVG — marca «Transparente» en la barra de herramientas. Una vez marcada, las opciones JPEG y WEBP del menú «Descargar como» se deshabilitan (etiquetadas como «sin transparencia»), ya que ninguno de esos formatos puede representar la transparencia como PNG/SVG; en su lugar, siempre usan el color de fondo elegido (blanco por defecto).

¿Puedo cambiar los colores de la tarjeta exportada?

Sí — elige un tema en el menú desplegable «Tema» de la barra de herramientas para recolorear el fondo, el texto, los bordes y los enlaces de la tarjeta exportada. Elegir un tema también restablece el selector de color de fondo al color propio de ese tema, que igualmente puedes anular a mano después. El tema por defecto mantiene el aspecto neutro original tipo «papel».

¿Cómo controlo la nitidez de la imagen?

Usa el control «Escala» (1x/2x/3x). Multiplica la densidad de píxeles de la imagen exportada, similar a la relación de píxeles del dispositivo — 2x (el valor por defecto) se ve nítido en la mayoría de las pantallas, y 3x es útil para impresión o pantallas de alta densidad (high-DPI).

¿Hay un límite de cuánto Markdown puedo exportar?

No hay un límite estricto — la imagen exportada captura toda la altura renderizada de tu documento, no solo lo que está visible actualmente en el panel de vista previa con desplazamiento. Los documentos muy largos producen una imagen muy alta.

¿Se sube mi Markdown a un servidor?

No. El renderizado y la generación de la imagen ocurren totalmente en tu navegador usando la biblioteca de código abierto html-to-image. Nada se envía por la red (a menos que uses «Abrir desde URL» para obtener un archivo remoto, lo cual es una solicitud directa del navegador, no un intermediario de servidor).

¿Existen limitaciones de renderizado?

Esto captura un renderizado real del DOM, no una herramienta de diseño con precisión de píxel — la mayoría del Markdown (encabezados, listas, tablas, bloques de código, enlaces) se renderiza limpiamente. Las imágenes alojadas en un sitio sin cabeceras CORS permisivas (algo común en ciertas insignias y logotipos) no pueden incrustarse en el archivo exportado; la exportación igualmente se completa, esas imágenes individuales aparecen como espacio en blanco, y verás un aviso indicando cuántas se omitieron.

Herramientas relacionadas