Gráficos / Código
Generador de capturas de código: convierte código en una imagen limpia
Crea una imagen cuidada de un fragmento de código para presentaciones, documentos o publicaciones en redes sociales: colores de sintaxis para 17 lenguajes, cuatro temas, un marco de ventana con título, números de línea y un fondo degradado o transparente. Guarda el resultado como un PNG nítido o un SVG, sin que el código salga de tu navegador.
Generador de capturas de código: convierte código en una imagen limpia: Un resaltador integrado y ligero divide el código en palabras clave, cadenas, comentarios, números, nombres de funciones y tipos. Después, lo distribuye línea por línea con una fuente monoespaciada y lo convierte en un SVG con el aspecto de una ventana de editor. El PNG se genera a partir de ese SVG con una, dos o tres veces su tamaño, para que se mantenga nítido en pantallas de alta resolución. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas de imagen
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
Nada sale de tu navegador. El SVG indica una fuente monoespaciada en lugar de incrustarla, por lo que se verá mejor en el equipo donde se creó; el PNG es fijo.
Imágenes de código legibles
Mantén los fragmentos cortos, de unas 10 a 25 líneas y con menos de 80 caracteres de ancho, para que el texto siga siendo legible cuando la imagen se reduzca en un feed o en una diapositiva.
Accesibilidad
Una imagen de código no se puede copiar ni leer con un lector de pantalla. Siempre que puedas, incluye el código en el texto alternativo o junto a la imagen.
Cómo se usa
- Pega tu código.
- Elige el lenguaje, el tema, el estilo de ventana y el fondo.
- Descarga la imagen como PNG o SVG.
Privacidad y límites
Tu código permanece en tu navegador y nunca se sube.
Herramientas relacionadas
Preguntas frecuentes
¿Qué lenguajes se resaltan?
JavaScript, TypeScript, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, CSS, HTML, JSON, Bash y YAML. El lenguaje se detecta a partir del código, aunque también puedes elegirlo.
¿Por qué el SVG se ve diferente en otro equipo?
El SVG indica una fuente en lugar de incrustarla, por lo que otro equipo puede usar su propia fuente monoespaciada. El PNG se ve igual en cualquier lugar.
¿Puedo hacer que el fondo sea transparente?
Sí: elige «ninguno» y el PNG conservará un fondo transparente alrededor de la ventana.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta