DevTulz Online

Código a imagen

Convierte fragmentos de código en imágenes hermosas y compartibles. Elige entre temas de resaltado de sintaxis, fondos degradados y estilos de ventana. Descarga como PNG. Gratuito y del lado del cliente.

code.js

¿Qué es Código a imagen?

Código a imagen te permite convertir cualquier fragmento de código en una imagen pulida y compartible — perfecta para publicaciones de blog, redes sociales, documentación y presentaciones. Elige entre temas populares de resaltado de sintaxis (Atom One Dark, Dracula, GitHub Dark, Monokai, Nord, VS Dark), selecciona un fondo degradado o sólido, elige un estilo de marco de ventana (macOS o Windows), activa o desactiva los números de línea y descarga el resultado como PNG de alta resolución. Todo el renderizado ocurre en tu navegador usando la Web Crypto API — sin servidor, sin subidas, sin marcas de agua.

Cómo usar Código a imagen

  1. Pega tu código en el área de entrada (la tecla Tab inserta espacios).
  2. Selecciona el lenguaje de programación o déjalo en Auto-detect.
  3. Elige un tema de resaltado de sintaxis en el menú desplegable Tema.
  4. Haz clic en una muestra de fondo para elegir un degradado o color sólido.
  5. Ajusta el relleno, el estilo de ventana, el tamaño de fuente y los números de línea según desees.
  6. Introduce un nombre de archivo (se usa para el nombre del archivo descargado).
  7. Haz clic en Descargar PNG para guardar la imagen a resolución 2×.