Generador de capturas de código online gratis

Abre el editor, pega tu fragmento y elige su lenguaje. Elige un tema, un marco de ventana y un fondo, y luego haz clic en Descargar PNG. La imagen se guarda en tu dispositivo como code-screenshot.png al doble del tamaño de la vista previa, lista para publicar o insertar en una diapositiva.

Puedes elegir entre 29: TypeScript, JavaScript, Python, Rust, Go, Java, Kotlin, Swift, C, C++, C#, Ruby, PHP, HTML, CSS, SCSS, JSON, YAML, TOML, Bash, shell, SQL, GraphQL, Markdown, Dockerfile, Terraform, Vue, JSX y TSX. La lista muestra identificadores cortos, así que C++ aparece como cpp y C# como csharp.

Hay 13 temas. Diez son oscuros: Vitesse Dark, GitHub Dark, Dracula, Nord, One Dark Pro, Monokai, Catppuccin Mocha, Tokyo Night, Min Dark y Solarized Dark. Tres son claros: Vitesse Light, GitHub Light y Solarized Light. El editor empieza con Vitesse Dark.

Por ahora no. El editor muestra una casilla Mostrar números de línea, pero todavía no añade números, así que el PNG no los incluye. Para señalar una línea a tus lectores, cítala en tu texto o añade un breve comentario en el propio código.

El PNG tiene el doble del tamaño de la vista previa enmarcada en cada dirección. El marco mide al menos 400 px de ancho en pantalla, así que el archivo mide al menos 800 px de ancho. Líneas más largas, una fuente más grande o más relleno lo hacen más grande.

Puedes usar un color personalizado, pero no uno transparente. Elige uno de los 9 colores sólidos o de los 4 degradados, o abre el selector de color para cualquier tono sólido. El selector no puede crear un degradado y no hay opción transparente, así que el área alrededor de la ventana siempre tiene color.

macOS dibuja puntos rojo, amarillo y verde. Windows coloca el título de la pestaña a la izquierda y los signos de minimizar, maximizar y cerrar a la derecha. Navegador añade flechas de retroceso y avance y una barra de direcciones. Ninguno muestra solo el código sobre el fondo.

No. Copia el código desde VS Code, PyCharm o cualquier otro editor y pégalo aquí. Una captura de pantalla normal también incluye pestañas, barras laterales y tu propia configuración de colores, mientras que esta herramienta dibuja solo el fragmento, con el tema y el marco que elijas.

Revisa primero el menú Lenguaje. La herramienta nunca adivina el lenguaje, así que el código Python configurado como TypeScript recibe colores incorrectos. Elige el lenguaje que corresponda a tu fragmento. Si el resaltado llega a fallar, el código aparece como texto sin formato en un solo color en lugar de un mensaje de error.

Puedes cambiar el tamaño, pero no el tipo de letra. El control deslizante va de 11 a 20 px. El código usa la fuente monoespaciada integrada de tu dispositivo, así que el mismo fragmento puede verse ligeramente distinto si se crea en un Mac o en Windows.

Sí, es gratuita, sin cuenta, sin marca de agua y sin límite diario. Tu código nunca se envía a un servidor; la imagen se dibuja y se guarda en tu dispositivo. En el sitio en vivo, Google Analytics registra la visita a la página, no tu código.