Convierte un fragmento de código en una imagen hermosa y compartible — temas, fondos, decoración de ventana y más.

Ajusta el aspecto de tu fragmento — lenguaje, tema, fondo y espaciado.

48
14
12
Vista previa

Acerca de Código a imagen

El Convertidor de Código a Imagen convierte un fragmento en una imagen pulida y compartible, del tipo que ves en tutoriales, documentación y publicaciones sociales. Pega tu código, y el resaltado de sintaxis se aplica automáticamente con detección automática de idioma, o elige el lenguaje tú mismo para resultados precisos.

Cada detalle visual es ajustable: el tema de color, el fondo detrás del marco de código (automático o un color personalizado), el marco de ventana con una barra de título estilo editor, el relleno, el radio de esquina, la sombra proyectada, el tamaño de fuente, números de línea opcionales y una marca de agua opcional. Un campo de título de ventana te permite etiquetar el fragmento con un nombre de archivo.

La imagen se renderiza en tu navegador y se exporta como un PNG nítido: descárgala o cópiala directamente al portapapeles para pegarla en un chat, una diapositiva o una publicación.

Cómo usar Código a imagen

  1. Pega tu código y elige el lenguaje, o deja la detección en automático.
  2. Elige un tema de color y un fondo, automático o personalizado.
  3. Activa el marco de ventana y establece un título, como el nombre del archivo.
  4. Ajusta con precisión el relleno, el radio de esquina, la sombra, el tamaño de fuente, los números de línea y la marca de agua opcional.
  5. Exporta el PNG, o copia la imagen directamente a tu portapapeles.

Preguntas frecuentes

Un PNG renderizado en alta resolución, para que el texto se mantenga nítido al compartirlo o ampliarlo. Puedes descargar el archivo o copiar la imagen directamente a tu portapapeles y pegarla en chats, documentos o herramientas de diseño.

No: la detección automática analiza el fragmento y aplica el resaltado adecuado por sí sola. Si un fragmento corto o ambiguo se identifica mal, elige el lenguaje de la lista para forzar el coloreado correcto.

Sí. Los números de línea son un interruptor, y el marco de ventana incluye un campo de título donde un nombre de archivo como app.js queda natural. Ambos ayudan cuando la imagen documenta un archivo específico en un tutorial o revisión.

Imprime un crédito breve (tu usuario, sitio o nombre de equipo) en la imagen. Útil cuando los fragmentos circulan en redes sociales y quieres que la atribución viaje con la imagen. Déjalo vacío para una exportación limpia.

Sí, es gratuito: estiliza tu fragmento y exporta o copia el PNG sin necesidad de cuenta.


Búsquedas populares
código a imagen captura de código compartir imagen de código imagen de código carbon fragmento de código bonito exportar código png
¿Necesitas ayuda?
¿Encontraste un problema con esta herramienta? Avísanos.
Informar de un problema

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.