Código em imagem
Crie capturas de código atraentes para redes sociais, apresentações, blogs ou documentação. Cole seu código, escolha linguagem, tema e fundo e baixe um PNG nítido ou um SVG escalável.
Processado 100% no seu navegador
Fundo
Pré-visualização
Ctrl + Enter executarCtrl + C copiar resultado
Como usar
- 1Cole seu código no editor.
- 2Escolha a linguagem (ou deixe a detecção automática), o tema e o fundo.
- 3Ajuste margem, tamanho da letra, sombra e números de linha.
- 4Baixe o PNG ou o SVG, ou copie a imagem para a área de transferência.
Casos de uso
- Compartilhar um trecho de código no X, LinkedIn ou Instagram.
- Colocar código bem apresentado em slides e apresentações.
- Ilustrar artigos de blog e tutoriais.
- Documentar exemplos sem depender da formatação do editor.
Perguntas frequentes
Meu código é enviado a algum servidor?
Não. O destaque e a geração da imagem acontecem no navegador, então seu código não sai do dispositivo.
Quais linguagens são suportadas?
JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, SQL, Bash, JSON, YAML, HTML/XML, CSS e Markdown, além de detecção automática.
Qual a melhor resolução para exportar?
Com 2× ou 3× você obtém imagens nítidas em telas retina. O SVG é vetorial e fica perfeito em qualquer tamanho.
Posso usar fundo transparente?
Sim. Escolha «Transparent» nos fundos e o PNG será exportado sem fundo, apenas com a janela de código.