Fórmulas LaTeX em diapositivos e posts de blog

Colocar uma fórmula bem composta num diapositivo ou post de blog implica geralmente dois passos: renderizar o LaTeX algures e depois inserir o resultado como imagem. Há várias formas de o fazer — serviços dedicados de LaTeX para imagem, MathJax num template de blog, capturas de ecrã do Overleaf — e a escolha depende em grande medida da plataforma.

O drawtonomy é uma opção gratuita, sem instalação e sem conta neste ecossistema. A ferramenta de matemática renderiza LaTeX com KaTeX, permite ajustar cor e tamanho, e exporta PNG ou SVG com fundo transparente — tudo no browser, sem registo.

$Pré-visualização KaTeX de E = mc^2 — código LaTeX em cima, equação renderizada em baixo$

A ferramenta de matemática em acção — LaTeX no topo, pré-visualização KaTeX renderizada em baixo, painel lateral para cor e tamanho.

Fluxo de trabalho em 2 minutos

Abra drawtonomy.com.
Clique no ícone fx na barra de ferramentas inferior (ou prima /).

$O ícone fx destacado na barra de ferramentas inferior do drawtonomy$
Clique na tela. Escreva o seu LaTeX. A pré-visualização actualiza em tempo real por baixo.

$Editor de matemática com a fórmula quadrática renderizada na pré-visualização$
Prima Esc. Com a equação seleccionada, defina a cor e o tamanho no painel à direita.

$A mesma equação recolorida a vermelho e ampliada para 60 px no painel lateral$
Menu → Export → PNG (ou SVG). Guarde o ficheiro.
Arraste o ficheiro para o diapositivo ou post.

Pronto. Sem instalação, sem conta, sem toolchain LaTeX.

Qual o formato para cada destino?

Destino	Melhor formato	Porquê
Google Slides	PNG	O suporte a SVG é parcial; PNG renderiza de forma idêntica em todo o lado.
Keynote	SVG (ou PNG)	Keynote suporta SVG; vectorial mantém nitidez ao redimensionar.
PowerPoint	PNG (ou SVG no Microsoft 365)	Versões antigas do PowerPoint ignoram SVG.
Notion	PNG	O embed de imagens no Notion é apenas raster.
Medium	PNG	O Medium reduz SVG de forma agressiva.
Substack	PNG	O Substack só aceita uploads raster nos posts.
Ghost / WordPress	SVG	Ambos renderizam SVG nativamente.
Discord / Slack	PNG	As apps de chat tratam SVG de forma inconsistente.

Em caso de dúvida, PNG com fundo transparente funciona em todo o lado. SVG é mais nítido, mas mais difícil de integrar nalgumas plataformas.

Recolorir para o tema do diapositivo

A cor predefinida é preto, adequada para diapositivos brancos. Para um tema escuro, clique no painel Color e escolha branco ou uma cor da paleta da marca. A equação re-renderiza imediatamente.

Cada alteração de cor fica registada no histórico de desfazer, por isso pode experimentar à vontade.

drawtonomy face a outras alternativas

Cada abordagem tem o seu contexto ideal — a escolha depende principalmente do nível de configuração desejado e da plataforma de destino.

Serviços web LaTeX-para-imagem (por ex. CodeCogs, QuickLaTeX) são práticos para equações pontuais e produzem resultados limpos. Alguns são excelentes para uso frequente; vale a pena verificar o estado actual de cada um antes de depender deles.
MathJax incorporado no blog mantém o código-fonte da equação no post, o que é ideal quando a plataforma suporta essa opção. As plataformas alojadas variam na flexibilidade de personalização de temas.
Captura de ecrã do Overleaf é uma via rápida se o LaTeX já estiver escrito; a qualidade depende do DPI de captura.
Unicode escrito à mão (x² + y² = r²) é perfeito quando a fórmula é suficientemente simples para não precisar de fracções ou integrais.

O drawtonomy renderiza a equação como vector, exporta de forma limpa, e o código-fonte fica editável no ficheiro .drawtonomy.svg para revisões futuras.

Para além de uma única equação

A ferramenta de matemática vive numa tela infinita. Por isso, se estiver a preparar um diapositivo com, digamos, “três equações lado a lado com um diagrama entre elas”, pode compor o diapositivo inteiro no drawtonomy e exportar uma única imagem — sem ter de lutar com a grelha de layout do editor de apresentações.