Compartilhe código como uma imagem fácil de ler
Cole um trecho e receba uma imagem caprichada: com destaque de sintaxe em um tema de editor, emoldurada em uma janela do macOS ou do Windows, sobre um fundo em gradiente ou cor sólida. É o tipo de imagem que fica legível em um tweet, um slide, um post de blog ou uma documentação — e ela é desenhada no seu navegador, então seu código nunca é enviado.
Como transformar código em imagem
- 1Cole ou digite seu código. A linguagem é detectada automaticamente, ou escolha você mesmo.
- 2Escolha um tema, uma fonte, um tamanho e uma altura de linha, e ative os números de linha se quiser.
- 3Escolha a janela — macOS, Windows ou nenhuma — e dê a ela um nome de arquivo como título.
- 4Escolha um fundo em gradiente, cor sólida ou transparente, e quanto espaçamento envolve a janela.
- 5Baixe PNG, JPEG ou WebP de 1× a 4×, ou SVG; ou copie a imagem direto para a área de transferência.
Nítida em qualquer tamanho
As imagens são exportadas em 2× por padrão, então ficam nítidas em telas de alta densidade e em slides. Vá até 4× para impressão ou telas muito grandes.
O SVG mantém o código como texto de verdade: ele escala sem limite e continua leve, mas é desenhado com as fontes de quem o abrir.
Linguagens e temas
- Linguagens
- JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, Dart, SQL, Bash, PowerShell, HTML, CSS, SCSS, JSON, YAML, Markdown, Dockerfile, Lua, R e texto simples.
- Temas
- Dracula, One Dark, GitHub Dark, GitHub Light, Monokai, Nord, Night Owl e Solarized Light.
Seu código fica no seu dispositivo
O destaque e o desenho acontecem no navegador, então é seguro colar código privado ou ainda não lançado. Não há conta nem marca d'água.
Para organizar o código antes, passe-o pelo minificador e formatador de código; para colocar a imagem em um dispositivo, use o gerador de mockup de dispositivos.
Perguntas frequentes
- É parecido com o Carbon?
- Sim — ele cria o mesmo tipo de imagem: código destacado em uma janela sobre um fundo. Tudo roda no seu navegador, sem enviar o código.
- Posso deixar o fundo transparente?
- Sim. Escolha Nenhum em Fundo e exporte como PNG, WebP ou SVG. O JPEG não tem transparência, então o fundo é preenchido com branco.
- Por que o SVG fica um pouco diferente em outro computador?
- O texto do SVG é desenhado com as fontes instaladas onde ele é aberto. Se a fonte escolhida não estiver lá, uma fonte monoespaçada parecida a substitui. PNG, JPEG e WebP ficam iguais em qualquer lugar.
- Existe limite de quanto código posso usar?
- Não um limite fixo, mas um código muito longo ou muito largo gera uma imagem muito grande, que alguns navegadores não conseguem criar em escalas altas. Diminua a escala ou corte o trecho se a exportação falhar.
- Meu código é enviado para algum lugar?
- Não. O código é destacado e desenhado no seu navegador e nunca sai do seu dispositivo.