Gerador de captura de código online grátis

Abra o editor, cole seu trecho e escolha a linguagem. Escolha um tema, uma moldura de janela e um fundo e clique em Baixar PNG. A imagem é salva no seu dispositivo como code-screenshot.png, com o dobro do tamanho da prévia, pronta para postar ou colocar em um slide.

Você pode escolher 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 e TSX. A lista mostra ids curtos, então C++ aparece como cpp e C# como csharp.

São 13 temas. Dez são escuros: Vitesse Dark, GitHub Dark, Dracula, Nord, One Dark Pro, Monokai, Catppuccin Mocha, Tokyo Night, Min Dark e Solarized Dark. Três são claros: Vitesse Light, GitHub Light e Solarized Light. O editor começa no Vitesse Dark.

Por enquanto, não. O editor mostra uma caixa Mostrar números de linha, mas ela ainda não adiciona números, então o PNG não os tem. Para indicar uma linha aos leitores, cite-a no seu texto ou adicione um comentário curto no próprio código.

O PNG tem o dobro do tamanho da prévia com moldura em cada direção. A moldura tem pelo menos 400 px de largura na tela, então o arquivo tem pelo menos 800 px de largura. Linhas mais longas, uma fonte maior ou mais margem interna o deixam maior.

Você pode usar uma cor personalizada, mas não um fundo transparente. Escolha uma das 9 cores sólidas ou um dos 4 gradientes, ou abra o seletor de cores para escolher qualquer tom sólido. O seletor não cria gradientes e não existe opção transparente, então a área ao redor da janela sempre tem uma cor.

O macOS desenha bolinhas vermelha, amarela e verde. O Windows coloca o título da aba à esquerda, com os botões de minimizar, maximizar e fechar à direita. O Navegador adiciona setas de voltar e avançar e uma barra de endereço. Nenhum mostra apenas o código sobre o fundo.

Não. Copie o código do VS Code, do PyCharm ou de qualquer outro editor e cole aqui. Uma captura de tela comum também pega abas, barras laterais e a sua configuração de cores, enquanto esta ferramenta desenha só o trecho de código, no tema e na moldura que você escolher.

Confira primeiro o menu Linguagem. A ferramenta nunca adivinha a linguagem, então um código Python definido como TypeScript recebe as cores erradas. Escolha a linguagem que corresponde ao seu trecho. Se o destaque de sintaxe falhar, o código aparece como texto simples, em uma única cor, em vez de uma mensagem de erro.

Você pode mudar o tamanho, mas não a fonte. O controle deslizante vai de 11 a 20 px. O código usa a fonte monoespaçada nativa do seu dispositivo, então o mesmo trecho pode ficar um pouco diferente quando criado em um Mac e no Windows.

Sim, é grátis, sem conta, sem marca d'água e sem limite diário. Seu código nunca é enviado a um servidor; a imagem é gerada e salva no seu dispositivo. No site, o Google Analytics registra a visita à página, não o seu código.