Saltar al contenido
freeonlinemarkdowneditor
Español

Markdown a imagen

Escribe Markdown a la izquierda y obtén un PNG a la derecha. Elige un tamaño para Instagram, LinkedIn, YouTube y más, o introduce tu propio ancho y alto, y descarga.

Ajustes adicionales— Perfiles, opciones de conversión y el sello del PDF
Perfiles— Elige a dónde va el texto y los ajustes se adaptan. Tu texto nunca se reemplaza: el ejemplo solo se carga si el panel está vacío.
Ajustes de conversión
Limpieza de texto
Zona de sellado

Ya está configurado: un pie con el título del documento y la hora de impresión. Si no lo tocas, funciona igual. Cambia lo que quieras abajo, o elige una disposición predefinida.

Escribe lo que quieras. Estos se sustituyen por valores al imprimir:

{title}
Primer título o primera línea del documento
{date}
Fecha en que se imprimió el PDF
{time}
Hora en que se imprimió el PDF
{datetime}
Ambos, p. ej. 30 ago 2026, 14:57

No hay token de número de página: un navegador no puede contar páginas dentro de un encabezado repetido. Tu diálogo de impresión sí puede añadirlos; mira la nota de abajo.

13 px

Markdown

Salida

Atajos de teclado— los mismos que en VS Code, o pulsa Ctrl / ⌘ + H

Salida

  • Ctrl/⌘+EnterCopiar la salida
  • Ctrl/⌘+SDescargar la salidaVS Code: Save
  • Ctrl/⌘+PGuardar como PDFSustituye el diálogo de impresión del navegador para que imprima el documento, no la página que lo rodea
  • Ctrl/⌘+Shift+VAlternar texto plano → texto con formato → código HTMLVS Code: Open Markdown preview

Vista

  • Ctrl/⌘+BAjustar la salida a la pantalla, y volverVS Code: Toggle the sidebar
  • F11Pantalla completaVS Code: Toggle full screen
  • Ctrl/⌘+=Salida más grandeVS Code: Zoom in
  • Ctrl/⌘+-Salida más pequeñaVS Code: Zoom out
  • Ctrl/⌘+0Restablecer el tamaño de la salida para esta pantallaVS Code: Reset zoomVuelve al 100 % y al tamaño de letra con el que este dispositivo debería haber empezado
  • EscVolver a dos paneles y salir de pantalla completaVS Code: Leave Zen Mode

Ayuda

  • Ctrl/⌘+Hor?Mostrar esta listaVS Code: Keyboard shortcuts is Ctrl+K Ctrl+SEn un Mac, ⌘H lo usa el sistema para ocultar la ventana: usa Ctrl+H o ? allí

Atajos de teclado

Tomados de VS Code siempre que VS Code tenga una convención.

Salida

  • Ctrl/⌘+EnterCopiar la salida
  • Ctrl/⌘+SDescargar la salidaVS Code: Save
  • Ctrl/⌘+PGuardar como PDFSustituye el diálogo de impresión del navegador para que imprima el documento, no la página que lo rodea
  • Ctrl/⌘+Shift+VAlternar texto plano → texto con formato → código HTMLVS Code: Open Markdown preview

Vista

  • Ctrl/⌘+BAjustar la salida a la pantalla, y volverVS Code: Toggle the sidebar
  • F11Pantalla completaVS Code: Toggle full screen
  • Ctrl/⌘+=Salida más grandeVS Code: Zoom in
  • Ctrl/⌘+-Salida más pequeñaVS Code: Zoom out
  • Ctrl/⌘+0Restablecer el tamaño de la salida para esta pantallaVS Code: Reset zoomVuelve al 100 % y al tamaño de letra con el que este dispositivo debería haber empezado
  • EscVolver a dos paneles y salir de pantalla completaVS Code: Leave Zen Mode

Ayuda

  • Ctrl/⌘+Hor?Mostrar esta listaVS Code: Keyboard shortcuts is Ctrl+K Ctrl+SEn un Mac, ⌘H lo usa el sistema para ocultar la ventana: usa Ctrl+H o ? allí

Vista previa de PNG

Vista previa del PNG que se descargará

Cómo convertir Markdown en una imagen

  1. Pega o escribe tu Markdown, o sube un archivo .md, o cárgalo desde una URL.
  2. Elige un tamaño: un preajuste de plataforma o tu propio ancho y alto.
  3. Decide cómo se ajusta (documento completo o rellenar el ancho) y si usas tema claro u oscuro.
  4. Revisa la vista previa en vivo y pulsa Descargar PNG.

Qué puedes hacer aquí

  • Tamaños sociales listos para usar

    Publicaciones, retratos e historias de Instagram, publicaciones y banners de LinkedIn, miniaturas y portadas de canal de YouTube, imágenes de X y Facebook, Full HD y A4: todo con un clic.

  • Tu propio ancho y alto

    Escribe cualquier tamaño de 64 a 8000 px. Si dejas el alto vacío, la imagen conserva las proporciones de tu documento.

  • Dos formas de ajustar

    Muestra el documento completo con márgenes alrededor, o rellena el ancho y recorta lo que sobresalga por abajo: ideal para una publicación cuadrada a partir de una nota larga.

  • Claro u oscuro, con encabezado o pie

    Genera la imagen sobre una página blanca o negra y añade un título, un texto o una fecha desde Ajustes adicionales.

  • Vista previa en vivo

    La imagen se actualiza mientras escribes y muestra el tamaño de salida exacto. Lo que ves es el archivo que descargas.

  • Privado por diseño

    La imagen se genera en tu navegador. Tu Markdown no se sube a ningún sitio.

Guía de tamaños de imagen

Tamaños de subida habituales en píxeles. Las plataformas los cambian de vez en cuando, así que tómalos como punto de partida y consulta la plataforma si la colocación exacta importa.

PlataformaFormatoTamaño (px)Relación de aspecto
InstagramPublicación (cuadrada)1080 x 10801:1
InstagramPublicación (vertical)1080 x 13504:5
InstagramHistoria / Reel1080 x 19209:16
LinkedInPublicación (horizontal)1200 x 6271.91:1
LinkedInPublicación (cuadrada)1080 x 10801:1
LinkedInPublicación (vertical)1080 x 13504:5
LinkedInBanner de perfil1584 x 3964:1
YouTubeMiniatura1280 x 72016:9
YouTubeBanner del canal2560 x 144016:9
X (Twitter)Imagen de publicación1600 x 90016:9
FacebookImagen compartida1200 x 6301.91:1
GeneralFull HD1920 x 108016:9
GeneralPágina A4 (150 dpi)1240 x 17541:1.414

Preguntas frecuentes

¿Markdown a imagen es gratis?
Sí. No hay registro, ni marca de agua, ni límite en el número de imágenes que puedes crear.
¿Mi texto se sube a algún sitio?
No. La imagen se dibuja en tu navegador, así que tu Markdown nunca sale de tu dispositivo.
¿Qué tamaño debe tener una imagen de Instagram o LinkedIn?
Los tamaños más recomendados son 1080 x 1080 o 1080 x 1350 para publicaciones del feed de Instagram y 1200 x 627 para una imagen de LinkedIn tipo enlace. Elige el preajuste y el tamaño se rellena solo.
¿Puedo crear una imagen de cualquier tamaño?
Sí. Introduce un ancho y un alto entre 64 y 8000 px. Si dejas el alto vacío, sigue las proporciones de tu documento.

Guías

Otras cosas que puede hacer este editor

  • Texto plano— texto limpio para formularios, terminales y correo en texto plano
  • Texto enriquecido— copia el resultado con formato directamente en Word, Docs, Gmail u Outlook
  • Código HTML— marcado depurado para un CMS, una plantilla o un editor de correo
  • El conversor completo— también guarda archivos PDF, Word (.docx), .html y Markdown