Saltar al contenido principal
Código a imagen · 100 % local

Código a imagen

Pega código, elige un tema y un fondo, y copia una imagen nítida: para una publicación, una diapositiva, documentación o un informe de errores.

100 % local
Tema
Fondo
Margen
Tamaño
Entrada196 caracteres · 8 líneas
Resultado
Más información

Todo sobre las imágenes de código

Por qué compartir código como imagen

En redes sociales y en diapositivas, el código en texto pierde su sangría y sus colores. Una imagen conserva el diseño tal como se escribió y atrae la mirada. Para todo lo que la gente necesite copiar, acompáñala de un enlace compartido o del código en texto.

Resaltado de sintaxis bien hecho

Cada lenguaje se resalta con su propia gramática: palabras clave, cadenas, números, comentarios, funciones y tipos reciben colores distintos del tema. La detección automática funciona bien con unas pocas líneas de código típico; elige tú el lenguaje para fragmentos cortos o ambiguos.

Imágenes de código accesibles

Una imagen de código no la pueden leer los lectores de pantalla ni se puede copiar. Cuando publiques una, añade al lado el código en texto o un enlace, y usa un tema con suficiente contraste: el tema claro "Papel" es el más adecuado para documentos impresos.

Cómo funciona

Cómo convertir código en imagen

  1. Pega tu código

    Escribe o pega un fragmento, o carga un archivo de código. Si quieres, añade un nombre de archivo para la barra de título.

  2. Dale estilo

    Elige el lenguaje (o deja que se detecte), un tema, un fondo, el margen, el tamaño de letra, el marco de ventana y los números de línea.

  3. Copia o descarga

    Copia la imagen para pegarla directamente en una publicación o un chat, descárgala en PNG o comparte un enlace que la vuelve a abrir.

Guías prácticas

Consejos y guías

Legible en cualquier pantalla

Usa fragmentos cortos (de 10 a 20 líneas) y líneas de menos de unos 80 caracteres: en la mayoría de los feeds, la imagen se reduce al ancho de un móvil.

Una letra más grande y el margen medio se leen mejor en una publicación en redes; los números de línea ayudan cuando comentas líneas concretas en una diapositiva o una revisión.

Consejo pro

Tu código sigue siendo tuyo

No se sube nada: el resaltado y el dibujo se hacen en tu navegador, así que puedes convertir en imagen código de repositorios privados.

Los enlaces compartidos guardan el código dentro del enlace (después del #), nunca en nuestros servidores.

Privacidad
Preguntas frecuentes

Preguntas frecuentes

Todo sobre las imágenes de código