Converta páginas de PDF em WebP para a web

Passo a passo: PDF para WebP

1. Adicione o PDFAbra esta página no Chrome, no Edge ou no Firefox e solte o PDF na ferramenta ou procure-o nos seus arquivos. Aparece uma miniatura para cada página do documento.
2. Defina páginas, DPI e qualidadeDeixe todas as páginas selecionadas ou restrinja a seleção clicando nas miniaturas ou digitando algo como 4-6, 9 em “Páginas”. Para uso na web, 150 DPI com qualidade “Alta” é um bom ponto de partida.
3. Salve as imagens WebPClique em “Converter em imagens” e salve o resultado. Uma página sozinha chega como um arquivo .webp, e várias páginas vêm em um único ZIP que você pode descompactar na pasta de imagens do seu site.

Um exemplo na prática

Um cardápio A4 de duas páginas, cardapio.pdf, vai para o site de um restaurante. No Chrome, deixe a resolução em 150 DPI e a qualidade em Alta (92) e converta. Saem cardapio-p1.webp e cardapio-p2.webp, ambos com 1240 pixels de largura e 1753 de altura (210 mm ÷ 25,4 × 150 e 297 mm ÷ 25,4 × 150, arredondados para baixo), juntos em cardapio-2-files.zip.

Em uma coluna de 640 pixels de largura, uma imagem de 1240 pixels fornece cerca de dois pixels de imagem por pixel CSS (1240 ÷ 640 ≈ 1,94), o bastante para parecer nítida em uma tela de alta densidade. Para prévias pequenas, 72 DPI dá 595 × 841.

O que a ferramenta faz e quais são os limites

• Criar WebP exige Chrome, Edge ou Firefox; no Safari a conversão para com um erro, então use ali o PDF para JPG.
• A saída é sempre WebP com perdas (Alta = 92, Média = 80). Para uma cópia exata, pixel a pixel, de cada página, use o PDF para PNG.
• Áreas transparentes ficam brancas, e os visitantes não conseguem selecionar nem copiar as palavras que aparecem na imagem.
• Um PDF por vez; páginas com mais de 8000 px por lado ou 16 milhões de pixels no total são reduzidas.

PDF para WebP: como funciona

WebP é um formato de imagem criado para a web. Com compressão com perdas, ele normalmente guarda a imagem de uma página em menos bytes que um JPG de qualidade visual comparável, o que significa páginas que carregam mais rápido e menos consumo de dados móveis para os seus visitantes. Todos os principais navegadores atuais conseguem exibi-lo.

O conversor renderiza cada página selecionada do seu PDF com o pdf.js, o renderizador de PDF de código aberto da Mozilla, e depois pede ao navegador que codifique o resultado como WebP. Você escolhe a resolução (72, 150 ou 300 DPI) e a qualidade: Alta (92) é a padrão, e Média (80) enxuga mais o arquivo, ao custo de detalhes um pouco mais suaves. Os arquivos gerados têm nomes como catalogo-p1.webp, e várias páginas são entregues em um único ZIP.

Suporte dos navegadores: o Safari não cria WebP

Codificar WebP é um recurso do navegador, e o Safari não oferece esse recurso; por isso, no Safari a ferramenta mostra uma mensagem de erro. Use o Chrome, o Edge ou o Firefox em um computador, ou passe para o PDF para JPG, que funciona em todos os navegadores compatíveis. No iPhone e no iPad, os outros navegadores geralmente também rodam sobre o WebKit, o motor da Apple, então espere o mesmo limite ali. Abrir e ver arquivos WebP no Safari funciona normalmente; o que falta é só a criação.

Quando usar

• Prévia das páginas em uma página de download

  Se você oferece um manual, cardápio ou ficha técnica em PDF, um WebP da primeira ou das duas primeiras páginas deixa o visitante ver o que vai receber antes de baixar. Para uma miniatura, 72 DPI bastam; para uma prévia legível, 150 DPI.

• Ilustrar um post de blog ou um site de documentação

  Vai citar uma figura ou um formulário de um PDF em um artigo? Um WebP mantém baixo o peso total da página, o que faz diferença quando o post tem várias imagens de páginas.

• Imagens mais leves dentro de um app ou de uma intranet

  Equipes que mostram páginas de relatórios em um painel, em uma base de conhecimento ou em um app para celular podem guardar versões em WebP para economizar banda e armazenamento em comparação com cópias em PNG.

Escolhendo a resolução para páginas da web

Na internet, o que conta é a largura com que a imagem vai ser exibida. Uma página A4 renderizada em 72 DPI tem 595 pixels de largura; em 150 DPI, 1240 pixels; em 300 DPI, 2480.

• 72 DPI funciona para miniaturas, cards e prévias pequenas em que o leitor só precisa reconhecer a página.
• 150 DPI, o padrão, dá a uma página A4 pixels suficientes para parecer nítida na tela de alta densidade de um celular ou notebook quando exibida com cerca de 640 pixels CSS de largura, uma largura comum para a coluna de um artigo.
• 300 DPI raramente é necessário na web. Guarde essa opção para páginas em que o visitante precisa dar zoom em letras miúdas, como um gráfico denso, porque ela gera quatro vezes mais pixels que 150 DPI.

Tamanho do arquivo, qualidade e transparência

A saída em WebP aqui é com perdas, então ela se comporta de forma parecida com o JPG: arquivos menores, com uma suavização muito leve em volta de bordas definidas na qualidade Alta e um pouco mais na Média. Páginas com muito texto em 150 DPI e qualidade Alta continuam perfeitamente legíveis. As páginas com fotografias são as que mais ganham com o WebP, enquanto páginas só de texto já são leves em qualquer formato.

Cada página é renderizada sobre branco, então as regiões transparentes do PDF ficam brancas na imagem. Metadados do documento, como título e autor, não são levados junto. O texto dentro da imagem não pode ser selecionado nem copiado pelos visitantes, então coloque as palavras importantes também no HTML ao redor ou no texto alternativo da imagem.

Uma página excepcionalmente grande, como um mapa de parede, é reduzida automaticamente para ficar abaixo do teto de canvas do navegador, de cerca de 8000 pixels por lado.

Servir WebP com uma alternativa

Todos os navegadores em uso hoje exibem WebP. Se o seu público inclui navegadores muito antigos ou programas de e-mail, ofereça uma alternativa em JPG com o elemento picture do HTML (página em inglês). Um guia de referência sobre tipos de arquivo de imagem, também em inglês, compara o WebP com JPG, PNG e AVIF com mais profundidade.

Quando o WebP não é a escolha certa

• Anexos e formulários de envio. Alguns programas de e-mail, softwares de escritório e portais oficiais ainda esperam JPG ou PNG. Mande JPG para eles.
• Impressão. Impressoras e programas de diagramação se dão melhor com arquivos sem perdas; para isso, renderize em 300 DPI com o PDF para PNG.
• Um PDF menor. Para manter o documento, mas deixá-lo mais leve, o Comprimir PDF preserva o texto pesquisável.
• Publicar algumas páginas como PDF. Se os visitantes devem baixar um capítulo em vez de ver imagens, separe-o com o Dividir PDF.
• Arquivos criptografados. Um PDF que pede senha precisa passar antes pelo Remover senha do PDF, e você precisa saber essa senha.

Recebeu imagens WebP e precisa delas em um formato mais aceito? O WebP para JPG faz a conversão.

O processamento fica no seu aparelho

Nenhum servidor vê o seu documento: o PDF é aberto, desenhado e codificado como WebP pelo seu próprio navegador e depois salvo no seu aparelho. Para ver com os próprios olhos que nenhum dado do arquivo sai da aba, siga os passos de verificação.