Cómo Usar el Convertidor de Código a Imagen
Paso 1 — Pega tu código. Escribe o pega tu código fuente en el editor de la izquierda. Selecciona tu lenguaje de programación del menú desplegable, o déjalo en Auto-detectar. La herramienta es compatible con JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, HTML, CSS, JSON, YAML, Bash, Markdown, XML y Texto Plano.
Paso 2 — Personaliza la apariencia. Elige uno de los 8 temas de sintaxis: One Dark, Monokai, Dracula, GitHub Dark, Nord, Night Owl, Solarized Dark o Tokyo Night. Selecciona un fondo degradado (Sunset, Ocean, Emerald, Twilight, Candy, Carbon o Transparente). Ajusta la fuente (JetBrains Mono, Fira Code o Source Code Pro), el tamaño de fuente, el relleno y el ancho del panel. Activa o desactiva los números de línea, el marco de ventana y la sombra.
Paso 3 — Exporta. Haz clic en Copiar Imagen para copiar directamente al portapapeles (para Slack, Twitter/X, Discord, Notion, GitHub Issues), o haz clic en Descargar PNG para guardar el archivo. Selecciona escala 1x, 2x o 3x para diferentes resoluciones de salida.
Lenguajes de Programación Compatibles
QuickImg Código a Imagen es compatible con resaltado de sintaxis para más de 20 lenguajes de programación, impulsado por Highlight.js:
JavaScript, TypeScript, Python, HTML, CSS, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, JSON, YAML, Bash, Markdown, XML y Texto Plano.
Todos los lenguajes cuentan con resaltado de sintaxis preciso basado en tokens con palabras clave, cadenas, números, comentarios, funciones y operadores codificados por colores. La función de detección automática usa Highlight.js para identificar automáticamente el lenguaje de tu fragmento de código.
Preguntas Frecuentes
¿Cómo funciona Código a Imagen? +
Pega tu código, elige un tema y un fondo, luego exporta. Todo se ejecuta completamente en tu navegador usando JavaScript y la librería Highlight.js para resaltado de sintaxis. Tu código nunca se sube a ningún servidor. Exporta como PNG o copia directamente al portapapeles.
¿Qué lenguajes de programación son compatibles? +
Más de 20 lenguajes: JavaScript, TypeScript, Python, Java, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, HTML, CSS, JSON, YAML, Bash, Markdown, XML y Texto Plano. También puedes usar la detección automática para que Highlight.js identifique el lenguaje automáticamente.
¿Puedo copiar la imagen al portapapeles? +
¡Sí! Haz clic en “Copiar Imagen” para copiar directamente al portapapeles usando la API del Portapapeles. Luego pégala en Slack, Twitter/X, Notion, Discord, GitHub Issues o cualquier lugar que acepte imágenes. Requiere HTTPS.
¿Mi código es privado y seguro? +
Sí, 100% privado. Todo el procesamiento ocurre completamente en tu navegador usando JavaScript del lado del cliente. Tu código nunca sale de tu dispositivo, nada se sube a ningún servidor y no se almacena ningún dato. No se requiere registro ni cuenta.
¿Qué temas y fondos están disponibles? +
8 temas de resaltado de sintaxis: One Dark, Monokai, Dracula, GitHub Dark, Nord, Night Owl, Solarized Dark y Tokyo Night. Cada tema tiene colores cuidadosamente ajustados para palabras clave, cadenas, comentarios y otros tokens. 7 fondos degradados: Sunset, Ocean, Emerald, Twilight, Candy, Carbon y Transparente (sin fondo).
¿Puedo controlar el ancho de la imagen? +
Sí. Por defecto, el ancho del panel se escala automáticamente según la línea de código más larga. Puedes desactivar el ancho automático y establecer un ancho fijo (300–1200px) para tamaños de imagen consistentes. Con ancho fijo, las líneas largas se ajustarán automáticamente al borde del panel.
¿Qué fuentes están disponibles? +
Tres fuentes monoespaciadas para código: JetBrains Mono (predeterminada), Fira Code y Source Code Pro. Todas cargadas desde Google Fonts. El tamaño de fuente es ajustable de 10px a 24px.
¿Es Código a Imagen una alternativa gratuita a Carbon? +
¡Sí! QuickImg Código a Imagen es una alternativa gratuita y abierta a Carbon.now.sh. Ofrece características similares — resaltado de sintaxis, temas, fondos degradados — más ancho de panel ajustable, exportación 3x y copia instantánea al portapapeles. Todo se ejecuta del lado del cliente sin procesamiento en servidor, así que funciona sin conexión después de la carga inicial.