Gráficos / Código

Gerador de captura de código: transforme código em uma imagem limpa

Crie uma imagem bem-acabada de um trecho de código para slides, documentos ou posts nas redes sociais: cores de sintaxe para 17 linguagens, quatro temas, moldura de janela com título, números de linha e fundo em degradê ou transparente, salva como PNG nítido ou SVG, sem que o código saia do seu navegador.

Gerador de captura de código: transforme código em uma imagem limpa: O código é dividido em palavras-chave, strings, comentários, números, nomes de funções e tipos por um pequeno realçador de sintaxe integrado. Depois, ele é organizado linha a linha em uma fonte monoespaçada como SVG, com uma moldura semelhante à de uma janela de editor. O PNG é gerado a partir desse SVG em uma, duas ou três vezes o tamanho, para continuar nítido em telas de alta resolução. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
Área de captura de códigoProcessamento local

Roda inteiramente no seu navegador

Nada sai do seu navegador. O SVG indica uma fonte monoespaçada em vez de incorporá-la, por isso fica melhor no computador em que foi criado; o PNG é fixo.

Imagens de código legíveis

Mantenha os trechos curtos, com cerca de 10 a 25 linhas e menos de 80 caracteres de largura, para que o texto continue legível quando a imagem for reduzida em um feed ou slide.

Acessibilidade

Uma imagem de código não pode ser copiada nem lida por um leitor de tela. Sempre que possível, coloque o próprio código no texto alternativo ou ao lado da imagem.

Como usar

  1. Cole seu código.
  2. Escolha a linguagem, o tema, o estilo da janela e o fundo.
  3. Baixe a imagem em PNG ou SVG.

Privacidade e limitações

Seu código permanece no navegador e nunca é enviado.

Ferramentas relacionadas

Perguntas frequentes

Quais linguagens são realçadas?

JavaScript, TypeScript, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, CSS, HTML, JSON, Bash e YAML. A linguagem é identificada a partir do código, mas você também pode escolhê-la.

Por que o SVG aparece diferente em outro computador?

O SVG indica uma fonte em vez de incorporá-la, então outro computador pode usar sua própria fonte monoespaçada. O PNG aparece igual em todos os lugares.

Posso deixar o fundo transparente?

Sim: escolha nenhuma, e o PNG manterá um fundo transparente ao redor da janela.

Ferramenta grátis · no seu navegador execuções · não precisa de conta