Imagens de código para documentação e slides

PNG fixa os pixels renderizados e costuma ser a escolha mais simples para slides e chats. SVG pode ser redimensionado sem desfoque de raster, mas a renderização depende do visualizador. Sem uma fonte enviada, o SVG usa fontes do sistema e pode mudar em outro computador. Uma fonte enviada e aceita é incorporada por completo; isso aumenta o tamanho do arquivo e ainda exige suporte do visualizador. Teste no aplicativo real de slides ou documento.

Baixe o exemplo JavaScript code.txt deste guia, cole no Code to Image e gere em 1x. Anote as dimensões, mude apenas a escala para 2x e gere de novo. Largura e altura dobram, produzindo quatro vezes mais pixels PNG, mas sem adicionar detalhes ao código. Compare os resultados com a mesma largura de exibição. Se 2x exceder o limite de exportação, encurte o trecho ou reduza o preenchimento.

Experimente um comentário curto com inglês e chinês ou japonês. Use uma fonte que inclua todos os caracteres e que você tenha permissão para incorporar. Glifos faltantes numa fonte enviada interrompem a geração. Para saída com fontes do sistema, inspecione o PNG baixado e reabra o SVG no dispositivo de destino. Linhas longas não substituem uma explicação: divida o exemplo em trechos focados em vez de encolher o texto até ficar ilegível.

Olhe o resultado no tamanho de exibição pretendido. Verifique indentação, pontuação, contraste, números de linha e qualquer título. Mantenha segredos e código privado fora de exemplos públicos. A ferramenta não executa o trecho. Forneça o código como texto ao lado da imagem; uma imagem sozinha não é uma amostra de código acessível nem copiável. Limpe o espaço de trabalho depois de trabalhar com material privado.

O Toolars mantém este guia e a ferramenta vinculada. Informe diferenças entre as instruções e o resultado atual para que ambos possam ser revisados juntos.

O exemplo para download abaixo é uma entrada de teste sintética, não um caso de cliente. Mantenha a mesma entrada e as mesmas configurações ao reproduzi-lo; confira o arquivo baixado conforme os critérios indicados, não apenas a prévia.

As verificações cobrem apenas este exemplo, não todos os arquivos, navegadores ou aplicativos de destino. Repita após mudanças na ferramenta e confira sua saída antes de compartilhar.

Amostras sintéticas do Toolars · atualizadas em 2026-09-13. Elas demonstram o fluxo de trabalho, não a qualidade de fotos ou digitalizações reais nem a aceitação de uma plataforma.

Cole a amostra JavaScript baixada em Código para imagem e escolha JavaScript. Gere uma pré-visualização e exporte PNG em 1× e 2×. Compare as dimensões informadas com cada download e examine a longa sequência numérica e a indentação no zoom de 100%. A escala de exportação muda as dimensões em pixels, não a precisão do código-fonte. Sem uma fonte incorporada, a aparência do SVG pode variar entre dispositivos.

Baixar amostra de entrada