Skip to content
markdownimageslinkspdf

Resolvendo Imagens Relativas e Links em Markdown para PDF

Aprenda como o md2pdf resolve caminhos relativos de imagens e links entre documentos Markdown para gerar gráficos nítidos e navegação interna em PDF.

Documentos Markdown em repositórios de software dependem fortemente de caminhos relativos. Diagramas de arquitetura ficam em ./assets/diagram.png, capturas de tela em ../images/screen.jpg e links entre capítulos apontam para ./getting-started.md. Se um conversor não calcular essas rotas no contexto do projeto, imagens falham e links deixam de funcionar. Com o md2pdf, caminhos relativos são resolvidos e incorporados com máxima precisão.

Este artigo demonstra como o md2pdf calcula caminhos relativos, obtém imagens no navegador e transforma links entre documentos em destinos navegáveis no PDF.

O desafio dos caminhos relativos no Markdown estático

Arquivos Markdown são concebidos para conviver com pastas locais ou com a interface web do GitHub:

  • Imagens quebradas: Referências relativas como ![Arquitetura](images/arch.png) falham sem o contexto do diretório pai.
  • Links inoperantes: Chamadas para arquivos vizinhos ([Instalação](setup.md)) tornam-se inúteis quando convertidas sem tratamento.
  • Navegação por pastas superiores: Caminhos com ../ demandam cálculo posicional exato em relação à raiz da documentação.
Relative Path Resolution Matrix:
Base Document:  docs/guides/installation.md
Image Path:     ../assets/diagram.png
Resolved Asset: docs/assets/diagram.png (Fetched & Inlined)

Link Path:      ./configuration.md
Resolved Link:  Internal PDF Anchor -> Chapter: Configuration

Resolução de imagens a partir de repositórios do GitHub

Ao carregar documentações do GitHub, o md2pdf acompanha a profundidade de diretório de cada arquivo Markdown:

  1. Normalização de caminhos: Rotas relativas como ../../images/flow.png são deduzidas a partir da localização do documento em análise.
  2. Download direto no navegador: O md2pdf constrói o link na rede de entrega do GitHub e busca a imagem diretamente na máquina do usuário.
  3. Inclusão na memória: O arquivo de imagem é convertido em buffer binário e incorporado à página do PDF pelo pdf-lib.
  4. Suporte a múltiplos formatos: Formatos populares como PNG, JPEG, WebP e SVG são aceitos com preservação automática de proporções.

Manuais técnicos bem estruturados apresentam referências cruzadas constantes entre capítulos:

  • Rastreamento de links locais: O md2pdf examina links com extensão .md e confere se constam na lista de compilação ativa.
  • Criação de destinos internos: Caso o arquivo conste no livro em produção, o link vira um atalho direto para a página correspondente no PDF.
  • Redirecionamento para a web: Se o documento referenciado não fizer parte da compilação, o link aponta com segurança para a página do repositório no GitHub.

Suporte a arquivos locais com pacote de imagens

Para arquivos Markdown presentes no seu disco local, o md2pdf permite a seleção conjunta de textos e imagens:

Você pode selecionar o documento Markdown e a pasta de ilustrações no seletor de arquivos. O md2pdf faz o cruzamento dos nomes na memória, assegurando que seus gráficos apareçam no PDF sem necessidade de hospedagem online.

Gerando PDFs com gráficos impecáveis e navegação fluida

Solucionar imagens e referências relativas elimina páginas com falhas visuais. Ao exportar com o md2pdf, seus diagramas mantêm a nitidez para impressão e os links internos proporcionam uma experiência de consulta ágil e completa.

Crie seu próprio PDF de README

Grátis, sem login e totalmente no lado do cliente.

Abrir o conversor