Código a imagen

Genere imágenes hermosas y compartibles de sus fragmentos de código con resaltado de sintaxis.

Para convertir código en imagen, pegue su fragmento, elija el lenguaje (o Detección automática) y un fondo, y haga clic en Descargar PNG, Descargar SVG o Copiar imagen.

Last updated:

Código a imagen. Genere imágenes hermosas y compartibles de sus fragmentos de código con resaltado de sintaxis. Cree instantáneamente fragmentos de código profesionales con nuestro convertidor de código a imagen en línea gratuito.

Esta utilidad de visualización de código fuente premium aprovecha el renderizado avanzado del lado del cliente.

Para obtener mejores resultados, revise la salida antes de copiarla o descargarla, especialmente si se reutilizará en código, informes, documentación o archivos compartidos.

Este flujo en el navegador mantiene la tarea rápida y evita limpiezas manuales en aplicaciones separadas. Herramientas relacionadas: Continúe el flujo con Generador de códigos QR, Generador de códigos QR para WiFi, Generador de marcadores de posición SVG.

Estas herramientas relacionadas ayudan con tareas cercanas de conversión, formato, validación, generación y limpieza.

Preguntas frecuentes

¿Cómo convierto código en una imagen con esta herramienta?

Pegue o escriba su código en el cuadro de código fuente (o haga clic en Cargar ejemplo), elija el lenguaje, un Tema como Dracula o Solarized Light, una Familia de fuentes y una muestra de fondo, y ajuste el relleno, el tamaño de fuente y el radio de las esquinas. La vista previa se actualiza en directo; haga clic en Descargar PNG, Descargar SVG o Copiar imagen para exportarla.

¿Qué lenguajes de programación puedo resaltar en una captura de código?

La lista Idioma incluye JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Kotlin, Swift, Dart, HTML, CSS, SCSS, JSON, YAML, XML, SQL, Bash, PowerShell, Dockerfile, Markdown y texto plano. Elija Detección automática para que el resaltador lo adivine; el lenguaje detectado se muestra bajo la lista.

¿Cómo obtengo una imagen de código nítida y de alta resolución?

Ajuste Resolución de exportación a 2x, 3x o 4x antes de descargar el PNG (2x es el valor predeterminado); 3x o 4x mantiene el texto nítido en pantallas retina y en diapositivas. Descargar SVG da una imagen que se escala en los navegadores, pero algunas aplicaciones de diseño no muestran SVG que incrustan HTML, así que en ellas use un PNG grande.

¿Puedo hacer una captura de código con fondo transparente?

Sí. En Estilo de fondo, elija la muestra transparente a cuadros y descargue un PNG: la zona alrededor de la ventana de código queda transparente mientras la ventana de código oscura sigue siendo opaca. También hay un fondo blanco liso y ocho degradados (Caramelo, Medianoche, Atardecer, Océano y más).

¿Cómo añado números de línea o un nombre de archivo, u oculto los botones de la ventana?

Marque Números de línea para numerar cada línea. Escriba un nombre en Título de ventana / Nombre de archivo para mostrarlo en la barra de título; también se usa como nombre del archivo descargado. Desmarque Mostrar controles de ventana para quitar los botones rojo, amarillo y verde al estilo de macOS.

¿Por qué Copiar imagen no funciona en mi navegador?

Copiar una imagen requiere la API Clipboard con soporte de imágenes, que algunos navegadores o páginas no seguras (sin HTTPS) no ofrecen, por lo que se muestra un error de exportación. Use Descargar PNG en su lugar. Su código se genera localmente y no se sube, pero Copiar enlace incluye el código en la URL para compartir.

Cómo usar esta herramienta online

Con Código a imagen puede formatear, validar, convertir, decodificar, codificar, generar o revisar datos rápidamente en el navegador, sin abrir una aplicación pesada. Empiece con el campo de entrada o las opciones visibles, revise el resultado y copie o descargue la salida.

Procesamiento privado en el navegador

Código a imagen mantiene el procesamiento normal de forma local en su navegador. Esto ayuda con fragmentos de código, tokens, documentos, valores de configuración, textos y otros contenidos que no deberían enviarse a un servicio remoto sin necesidad.

Cuándo resulta útil

Use Código a imagen para tareas repetibles de desarrollo, documentación técnica, pruebas de QA, conversiones rápidas, depuración, limpieza de contenido y flujos internos de equipo. La página prioriza entradas claras, respuesta inmediata y una salida fácil de reutilizar.

Consejos prácticos

Antes de copiar el resultado, revise detalles como espacios, mayúsculas, nombres de archivo, codificación, estructura de tokens, saltos de línea o formato de salida. Estas comprobaciones reducen errores en código, informes, tickets, correos o notas técnicas.