MarkdownLab

Markdown para Imagem

Cole Markdown e exporte uma imagem renderizada — aplique um tema de cores, ajuste a cor de fundo e a resolução, depois escolha PNG, JPEG, WEBP ou SVG no menu Baixar como para salvar um cartão pronto para compartilhar direto do seu navegador.

Executa totalmente no seu navegador — seus arquivos nunca saem do dispositivo.

Markdown
Visualização da imagem
Cole algum Markdown à esquerda para ver aqui a visualização da imagem.

A renderização e a exportação de imagem são executadas totalmente no seu navegador via a biblioteca de código aberto html-to-image — nada é enviado. JPEG e WEBP sempre renderizam sobre um fundo sólido (sem canal alfa); PNG e SVG podem ser exportados com transparência. Escolha um tema acima para colorir o cartão exportado — isso também redefine o seletor de cor de fundo para o fundo próprio daquele tema, que você ainda pode substituir manualmente depois.

Como funciona

  1. 01Cole ou digite Markdown no painel esquerdo, envie um arquivo .md, ou use "Abrir da URL" para carregar um da web.
  2. 02O painel direito renderiza uma pré-visualização estilizada em tempo real — é exatamente isso que será exportado.
  3. 03Escolha um tema de cores e, opcionalmente, ajuste a cor de fundo, a transparência ou a resolução (1x/2x/3x).
  4. 04Clique em "Baixar como" e escolha PNG, JPEG, WEBP ou SVG para salvar a imagem. Tudo roda no lado do cliente — seu Markdown nunca sai do navegador.

Perguntas frequentes

Quais formatos de imagem são suportados?

PNG, JPEG, WEBP e SVG, todos listados no menu "Baixar como". PNG e SVG podem ter fundo transparente; JPEG e WEBP sempre são renderizados sobre uma cor de fundo sólida, já que nenhum dos dois formatos suporta transparência de forma confiável em todos os visualizadores.

Posso exportar com fundo transparente?

Sim, para PNG e SVG — marque "Transparente" na barra de ferramentas. Depois de marcado, os itens JPEG e WEBP no menu "Baixar como" ficam desativados (com o rótulo "sem transparência"), já que nenhum dos dois formatos consegue representar transparência como PNG/SVG; eles sempre usam a cor de fundo escolhida (branco por padrão) em vez disso.

Posso mudar as cores do cartão exportado?

Sim — escolha um tema no menu suspenso "Tema" na barra de ferramentas para recolorir o fundo, o texto, as bordas e os links do cartão exportado. Escolher um tema também redefine o seletor de cor de fundo para a cor de fundo própria daquele tema, que ainda pode ser substituída manualmente depois. O tema padrão mantém o visual neutro original em estilo "papel".

Como controlo a nitidez da imagem?

Use o controle "Escala" (1x/2x/3x). Ele multiplica a densidade de pixels da imagem exportada, de forma semelhante a uma taxa de pixels do dispositivo — 2x (o padrão) fica nítido na maioria das telas, e 3x é útil para impressão ou telas de alta densidade (high-DPI).

Há um limite para a quantidade de Markdown que posso exportar?

Não há limite rígido — a imagem exportada captura toda a altura renderizada do seu documento, não apenas o que está visível no painel de pré-visualização com rolagem. Documentos muito longos geram uma imagem muito alta.

Meu Markdown é enviado a um servidor?

Não. A renderização e a geração da imagem acontecem inteiramente no seu navegador, usando a biblioteca de código aberto html-to-image. Nada é enviado pela rede (a menos que você use "Abrir da URL" para buscar um arquivo remoto, o que é uma requisição direta do navegador, não um repasse por servidor).

Existe alguma limitação na renderização?

Isso captura uma renderização real do DOM, não uma ferramenta de design pixel a pixel — a maior parte do Markdown (títulos, listas, tabelas, blocos de código, links) renderiza corretamente. Imagens hospedadas em um site sem cabeçalhos CORS permissivos (comum em alguns selos e logotipos) não podem ser incorporadas ao arquivo exportado; a exportação ainda é concluída com sucesso, essas imagens específicas aparecem como espaço em branco, e você verá um aviso informando quantas foram ignoradas.

Ferramentas relacionadas