Você encontra o artigo perfeito online e salva-o como PDF usando a função de impressão do navegador. O PDF resultante não se parece em nada com a página da web que você estava lendo. Faltam imagens. Sobreposições de texto. O layout limpo e legível na tela é uma bagunça na página do PDF. A conversão do navegador Web para PDF é conveniente, mas imprecisa, produzindo resultados que se aproximam, em vez de replicar, da página da web original.
As funções de impressão em PDF do navegador usam a folha de estilo CSS de impressão da página da web, não o CSS da tela. Os desenvolvedores da Web geralmente criam um layout simplificado especificamente para impressão que remove navegação, barras laterais e anúncios. Esse layout de impressão pode parecer muito diferente do que você vê na tela. A diferença é intencional, projetada para produzir impressões mais limpas, mas pode ser surpreendente.
Por que a saída de impressão do navegador difere da exibição na tela
As páginas da Web usam duas folhas de estilo CSS separadas: uma para exibição na tela e outra para impressão. A folha de estilo da tela controla o que você vê no navegador. A folha de estilo de impressão controla o que aparece quando você imprime ou salva como PDF. As duas folhas de estilo podem especificar layouts, fontes, cores e até mesmo conteúdo completamente diferentes.
A conversão PDF Format também remove elementos interativos. Menus suspensos, conteúdo com guias, carrosséis e seções sanfonadas que exigem clicar ou passar o mouse para revelar o conteúdo produzem uma saída PDF incompleta. O PDF captura apenas o estado atualmente visível desses elementos, que pode ser o estado recolhido ou oculto.
A folha de estilo de impressão explica a maioria das surpresas.
A folha de estilo de impressão é a principal culpada pela maioria das surpresas de layout.
O conteúdo dinâmico carregado por JavaScript após o carregamento inicial da página pode não aparecer no PDF. Páginas de rolagem infinita, imagens de carregamento lento e conteúdo que requer interação do usuário para carregar são particularmente vulneráveis. O navegador imprime o que está atualmente carregado no DOM, que pode ser apenas uma fração do conteúdo total da página.
Experimente Word para PDF
Nenhuma instalação necessária. Funciona diretamente no seu navegador.
Problemas comuns de impressão e como corrigi-los
Imagens ausentes na saída do PDF geralmente resultam do fato de a folha de estilo de impressão ocultar imagens para economizar tinta ou de imagens carregadas lentamente que não foram carregadas quando a impressão foi iniciada. Percorra a página inteira para acionar o carregamento lento antes de imprimir. Desative a folha de estilo de impressão nas ferramentas de desenvolvedor do navegador para forçar o layout da tela a ser usado para impressão.
WukongPDF pode processar a saída PDF Viewing resultante para ajustar as dimensões da página e remover elementos indesejados, mas não pode restaurar o conteúdo que o navegador omitiu durante a captura de impressão.
Usando o modo leitor para saída de PDF mais limpa
A maioria dos navegadores inclui um modo de leitura que extrai o conteúdo principal e o exibe em um formato limpo de coluna única. Ative o modo leitor antes de imprimir em PDF. A saída do modo leitor é mais simples do que a página completa, mas mais confiável, com fluxo de texto consistente e sem falta de conteúdo.
Ferramentas dedicadas de página da Web para PDF versus impressão no navegador
Ferramentas dedicadas de captura de páginas da Web produzem saídas de PDF mais confiáveis do que funções de impressão do navegador. Essas ferramentas renderizam a página completamente, aguardam o carregamento de todo o conteúdo e capturam o layout da tela em vez do layout de impressão. A saída corresponde mais ao que você vê na tela.
Páginas da Web que devem ser capturadas com precisão como PDFs testam a função de impressão do navegador e uma ferramenta de captura dedicada. Compare a saída. A ferramenta que produz o melhor resultado para uma página pode não ser a melhor para outra. A variabilidade do design da página da web significa que nenhum método funciona perfeitamente para todas as páginas.
Lidando com conteúdo da Web de várias páginas
Artigos longos que abrangem várias páginas impressas na saída PDF geralmente apresentam quebras de página estranhas que cortam imagens ou dividem parágrafos no meio da frase. O algoritmo de paginação do navegador não entende os limites do conteúdo. Ele quebra as páginas em posições fixas com base no tamanho do papel.
Use a visualização de impressão do navegador para identificar onde ocorrerão as quebras de página. Ajuste a escala de impressão, as margens ou o tamanho do papel para mover as quebras de página para posições mais naturais. Uma ligeira redução na escala, de 100% para 95%, pode alterar as quebras de página o suficiente para evitar as piores divisões de conteúdo.
Para artigos divididos em muitas páginas de PDF, considere usar um editor de PDF após a captura para combinar conteúdo fragmentado. Corte imagens de páginas individuais e reúna-as em um documento contínuo que flui com mais naturalidade do que as quebras de página impostas pelo navegador.
Preservação de conteúdo interativo e dinâmico
Páginas da Web com vídeo, áudio ou gráficos interativos incorporados perdem esses elementos na saída do PDF. O PDF captura uma imagem estática do estado atual. Para conteúdos onde o elemento interativo é essencial, inclua o URL da página original no PDF para que os leitores possam acessar a versão interativa completa.
Os links no PDF capturado podem não ser clicáveis. A função de impressão do navegador às vezes converte texto em contornos vetoriais ou imagens rasterizadas que não preservam hiperlinks. Teste a saída do PDF clicando em um link conhecido para verificar a funcionalidade do link. Se os links forem perdidos, use um editor de PDF para adicioná-los manualmente.
Incorporações de mídia social, seções de comentários e conteúdo relacionado carregado dinamicamente raramente sobrevivem ao processo de impressão em PDF. Se esses elementos forem importantes, capture-os separadamente como capturas de tela e insira-os no PDF após a captura do conteúdo principal.
Páginas da Web projetadas com layouts responsivos podem servir um layout diferente para o mecanismo de impressão e para a tela. Um design responsivo a dispositivos móveis que parece limpo em um telefone pode ser impresso como uma coluna estreita com espaço em branco excessivo. Testar a saída de impressão em diferentes larguras de janela do navegador pode identificar o tamanho da janela que produz a melhor saída de PDF.
As páginas da Web que usam CSS Grid ou Flexbox para layout podem refluir de forma imprevisível quando impressas porque a folha de estilo de impressão geralmente substitui o layout de tela complexo por um layout linear simplificado. O conteúdo que aparece lado a lado na tela aparece empilhado verticalmente no PDF.
Fontes personalizadas carregadas de serviços da web como Google Fonts ou Adobe Fonts podem não estar disponíveis para o mecanismo de impressão do navegador. A saída de impressão substitui as fontes do sistema, alterando a aparência do texto, o comprimento das linhas e as quebras de página.
Imagens de fundo e gradientes aplicados por meio de CSS normalmente não são impressos por padrão para economizar tinta. Uma seção que dependia de um fundo escuro com texto claro para facilitar a leitura pode ficar invisível quando o fundo é removido e o texto claro permanece.
Páginas da Web com cabeçalhos fixos ou barras de navegação fixas podem aparecer no meio do conteúdo do PDF em todas as páginas. Esses elementos são posicionados em relação à janela de visualização, não ao conteúdo da página, e seu posicionamento fixo é perdido na conversão do PDF.
O nível de zoom do navegador durante a impressão afeta a saída do PDF. Uma página impressa com zoom de 100% produz resultados diferentes da mesma página impressa com zoom de 75%. O nível de zoom altera o tamanho do texto e a contagem de páginas.
Imprimir uma página da Web a partir de um navegador móvel produz resultados diferentes da impressão a partir de um navegador de desktop, porque os navegadores móveis geralmente fornecem uma versão simplificada da página ao mecanismo de impressão.
Em páginas da Web protegidas por login ou acesso pago, o PDF impresso pode incluir conteúdo que ficou visível somente após a autenticação. O PDF passa a ser um registro do conteúdo autenticado e deve ser tratado com a devida segurança.
Extensões do navegador que modificam a aparência da página da Web, como bloqueadores de anúncios, extensões de modo escuro e folhas de estilo personalizadas, afetam a saída de impressão. O PDF impresso reflete a página modificada conforme a extensão a apresenta.
Salvar uma página da web como PDF é fundamentalmente um instantâneo de uma mídia dinâmica em um formato estático. A conversão captura a página em um determinado momento, congelando o conteúdo que pode mudar minutos depois.
Para fins de arquivamento, um PDF salvo de uma página da Web deve incluir o URL e a data de acesso nos metadados do documento ou na primeira página para que futuros leitores possam localizar a fonte original.
Páginas da Web com estruturas JavaScript pesadas, como React, Angular ou Vue, podem renderizar quase nada na saída do PDF porque o mecanismo de impressão captura a página antes que o JavaScript termine de construir o DOM. Aguardar alguns segundos depois que a página parece carregar antes de imprimir dá tempo à estrutura para concluir a renderização.
Consultas de mídia CSS direcionadas à impressão podem ocultar ou mostrar elementos específicos. Uma folha de estilo de impressão bem projetada inclui o conteúdo principal e exclui navegação, anúncios e comentários. Uma folha de estilo de impressão mal projetada ou ausente recorre ao layout da tela, o que pode não se traduzir bem nas dimensões fixas da página de um PDF.
O cache do navegador afeta a saída de PDF ao imprimir páginas que exigem autenticação. Se o navegador tiver credenciais armazenadas em cache, a saída de impressão incluirá conteúdo autenticado. Se a sessão expirou, a saída de impressão poderá mostrar uma página de login em vez do conteúdo pretendido. Verifique o conteúdo da página antes de imprimir, percorrendo a página inteira.
Imprimir uma página da Web que contém iframes incorporados de outros domínios pode produzir áreas em branco onde o conteúdo do iframe deveria aparecer. As restrições de origem cruzada impedem que o mecanismo de impressão acesse conteúdo iframe de domínios diferentes. A saída do PDF mostra retângulos vazios onde o conteúdo incorporado estava na tela.
Para capturas de páginas da web críticas, use a função Salvar como do navegador para salvar a página da web completa, HTML e ativos, antes de imprimir em PDF. A cópia salva serve como referência para a aparência da página, e você pode comparar a saída do PDF com a cópia salva para identificar o que foi perdido durante a conversão para impressão.
Experimente Word para PDF
Nenhuma instalação necessária. Funciona diretamente no seu navegador.