03 / GUÍAS
Imágenes de código para documentos y diapositivas
Elige PNG o SVG, revisa fuentes y escala y conserva la legibilidad del código.
Contenido mantenido por Toolars · Actualizado el 2026-09-25
Elegir el formato
PNG fija los píxeles y resulta práctico para diapositivas y chats. SVG se escala, pero sin una fuente cargada depende de las fuentes del sistema. Una fuente validada se incrusta completa: aumenta el tamaño y requiere un visor compatible. Abre el resultado en la aplicación de destino.
Comparar 1x y 2x
Descarga de esta guía el archivo de ejemplo JavaScript code.txt, pégalo en Code to Image y genera a escala 1x. Anota las dimensiones; cambia solo la escala a 2x y vuelve a generar. La anchura y la altura se duplican, por lo que el PNG tiene cuatro veces más píxeles, pero el código no gana detalle. Compara ambos resultados con la misma anchura de visualización. Si 2x supera el límite de exportación, acorta el fragmento o reduce el relleno.
Comprueba el texto multilingüe y las líneas largas
Prueba un comentario con caracteres chinos o japoneses y una fuente autorizada que los incluya. Si faltan glifos en la fuente cargada, la generación se detiene. Con fuentes del sistema, revisa PNG y abre SVG en el equipo de destino. Divide el código largo en ejemplos breves.
Antes de compartir
Revisa sangría, puntuación, contraste y números de línea al tamaño final. No publiques claves ni código privado. El conversor no ejecuta el fragmento. Incluye el texto fuente junto a la imagen y limpia el espacio al terminar con material privado.
Mantenimiento y verificación
Toolars mantiene esta guía y la herramienta enlazada. Informe de cualquier diferencia entre las instrucciones y el resultado actual para revisarlos juntos.
El ejemplo descargable es una entrada de prueba sintética, no un caso de cliente. Mantenga la misma entrada y configuración al reproducirlo; compruebe el archivo descargado según las indicaciones, no solo la vista previa.
Las comprobaciones cubren solo este ejemplo. No certifican todos los archivos, navegadores ni aplicaciones de destino. Repítalas tras cambios en la herramienta y revise su propio resultado antes de compartirlo.
Informar de un problema de contenido o de la herramientaReproduzca el proceso con un ejemplo
Muestras sintéticas de Toolars · actualización 2026-09-13. Ilustran el proceso, no la calidad de fotos o escaneos reales ni la aceptación de una plataforma.
Pegue la muestra JavaScript en Código a imagen y seleccione JavaScript. Genere la vista previa y exporte PNG a 1× y 2×. Compare dimensiones y revise al 100% la cadena numérica larga y la sangría. La escala cambia píxeles, no la precisión del texto fuente. Un SVG sin fuente incrustada puede variar entre dispositivos.
Abrir herramientaAbrir el conversor de código a imagen
Elige PNG o SVG, revisa fuentes y escala y conserva la legibilidad del código.