Código a imagen
Crea capturas de código atractivas para redes sociales, presentaciones, blogs o documentación. Pega tu código, elige lenguaje, tema y fondo, y descarga un PNG nítido o un SVG escalable.
Procesado 100% en tu navegador
Fondo
Vista previa
Ctrl + Enter ejecutarCtrl + C copiar resultado
Cómo usar
- 1Pega tu código en el editor.
- 2Elige el lenguaje (o déjalo en automático), el tema y el fondo.
- 3Ajusta margen, tamaño de letra, sombra y números de línea.
- 4Descarga el PNG o el SVG, o copia la imagen al portapapeles.
Casos de uso
- Compartir un fragmento de código en X, LinkedIn o Instagram.
- Incluir código con buen aspecto en diapositivas y presentaciones.
- Ilustrar artículos de blog y tutoriales.
- Documentar ejemplos sin depender del formato del editor.
Preguntas frecuentes
¿Se envía mi código a algún servidor?
No. El resaltado y la imagen se generan en tu navegador, así que tu código no sale de tu dispositivo.
¿Qué lenguajes soporta?
JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, Bash, JSON, YAML, HTML/XML, CSS y Markdown, además de detección automática.
¿Cuál es la mejor resolución para exportar?
Con 2× o 3× obtienes imágenes nítidas en pantallas retina. El SVG es vectorial y se ve perfecto a cualquier tamaño.
¿Puedo usar un fondo transparente?
Sí. Elige «Transparent» en los fondos y el PNG se exportará sin fondo, solo con la ventana de código.