Captura de código

Transforme código em uma imagem bonita com destaque de sintaxe
  • Os arquivos não saem do seu dispositivo
  • Roda no navegador
  • Grátis, sem cadastro, sem marca d’água

Preview

Click a line in the preview to highlight it.

Loading highlighter…

Como usar Captura de código

Transforme código em uma imagem com destaque de sintaxe, moldura de janela, tema e fundo, e baixe PNG ou SVG ou copie para a área de transferência. Cobre 27 linguagens mais texto simples, detecta a linguagem automaticamente e destaca tudo no seu navegador.

  1. 1

    Cole seu código na caixa Código, ou clique em Exemplo para experimentar.

  2. 2

    Deixe Linguagem em Detecção automática ou escolha uma, e digite um Título como o nome do arquivo.

  3. 3

    Marque linhas importantes em Destacar linhas (por exemplo 3, 5-7) ou clicando nelas na prévia, e ative Escurecer as outras linhas se quiser que se destaquem mais.

  4. 4

    Em Aparência e Fundo, escolha um Tema, um Estilo de janela (macOS, Windows ou Nenhum), o Tamanho da fonte, um degradê ou cor sólida e o Preenchimento.

  5. 5

    Em Exportar, defina Largura e Resolução e clique em Baixar PNG, SVG ou Copiar imagem.

Perguntas frequentes

Meu código é enviado a algum lugar?

Não. O destaque e o desenho acontecem no seu navegador. A ferramenta lembra o último código e as configurações no armazenamento local deste navegador, então pressione Limpar quando estiver em um computador compartilhado.

Quais linguagens e temas estão disponíveis?

JavaScript, TypeScript, Python, Java, Go, Rust, C, C++, C#, PHP, Ruby, Swift, Kotlin, Dart, Scala, Lua, SQL, Shell, PowerShell, JSON, YAML, HTML / XML, CSS, SCSS, Markdown, Dockerfile e Diff, mais Texto simples. Os temas são One Dark, GitHub Dark, GitHub Light, Dracula, Nord, Monokai, Solarized Dark e Solarized Light.

Qual é a diferença entre PNG e SVG?

PNG é uma imagem em resolução 1×, 2× ou 3×. SVG mantém o código como texto real e selecionável e permanece nítido em qualquer tamanho, mas usa as fontes instaladas no dispositivo que o abre.

Como impeço linhas longas de deixarem a imagem muito larga?

Defina Largura como Fixa e informe uma Largura da imagem entre 320 e 4000 px. As linhas longas então quebram para caber.

O fundo pode ser transparente?

Sim. Escolha Transparente em Fundo e baixe PNG ou SVG.

Como isto é diferente de Mockup de dispositivo e embelezador de captura?

Esta ferramenta desenha código que você cola como texto. Para colocar uma captura existente de um app ou site em uma moldura, use Mockup de dispositivo e embelezador de captura.