Você clica com o botão direito em uma foto de produto, escolhe Salvar imagem como e o arquivo será colocado na pasta de downloads como photo.webp. A página mostrava uma imagem comum. O URL pode até ter terminado em .jpg. Então você tenta soltá-lo em um slide deck, anexá-lo a um formulário ou abri-lo em um visualizador de imagens mais antigo, e ele é recusado.
Nada deu errado com o download O site enviou-lhe um WebP, porque WebP é menor do que o JPG ou PNG que substituiu e cada navegador atual exibe-lo O atrito aparece apenas quando o arquivo sai do navegador Este guia explica o que é WebP, por que tantas imagens salvas chegam nesse formato, onde ele ainda falha, e como convertê-lo em algo que o próximo programa aceita, ou converter suas próprias imagens nele.
tl;dr: WebP é um formato de imagem do Google, especificado na RFC 9649, que suporta compressão com perdas e sem perdas, transparência e animação em um tipo de arquivo Os sites servem porque é menor que JPG e PNG, então Salvar imagem Como muitas vezes dá-lhe um .webp mesmo quando o URL da página diz .jpg Todo navegador atual exibe WebP, mas alguns aplicativos de desktop, clientes de e-mail e formulários de upload ainda rejeitam Converter com WebP para PNG para manter a transparência, WebP para JPG para o suporte mais amplo, WebP para GIF para animação ou WebP para PDF para documentos Todos eles executam no lado do cliente, nada carregado, gratuito, sem inscrição.
O que é WebP?
WebP é um formato de imagem raster que o Google lançou em 2010 para tornar as imagens em páginas da web menores Agora é documentado pela IETF como RFC 9649, formato de imagem WebP, publicado em 2024. O RFC descreve um contêiner com dois métodos de compactação, além de transparência e animação opcionais, portanto, um único formato cobre os trabalhos que JPEG, PNG e GIF dividem entre eles.
O arquivo é um contêiner RIFF, a mesma estrutura em pedaços usada pelo áudio WAV Seus primeiros doze bytes dizem isso:
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFF, quatro bytes de comprimento, então WEBP. Dentro estão pedaços: VP8 para dados de imagem com perdas, VP8L para sem perdas, ALPH para um canal de transparência, e ANIM e ANMF para animação Ferramentas que identificam arquivos por seus bytes, incluindo os conversores Toolz, procuram exatamente essa assinatura, e é por isso que um WebP salvo com um .jpg nome ainda é reconhecido como WebP.
Como o WebP comprime imagens?
WebP tem dois métodos de compressão separados, e qual deles um arquivo usa altera o que é bom para.
WebP com perdas é baseado na codificação de quadro-chave do codec de vídeo VP8 O codificador divide a imagem em blocos, prevê cada bloco a partir de pixels que já codificou e armazena a diferença com arredondamento mais grosso ou mais fino, dependendo da configuração de qualidade Também armazena cor na metade da largura e metade da altura do brilho, uma técnica chamada subamostragem de croma Os olhos são menos sensíveis aos detalhes de cores do que à luz e ao escuro, então as fotografias escondem bem linhas coloridas finas e pequeno texto vermelho em um fundo plano não, e podem pegar franjas suaves.
WebP sem perdas é um algoritmo totalmente diferente. Ele reproduz exatamente cada pixel, usando transformações preditivas, um cache de cores e referências anteriores no estilo LZ77, e compete com PNG em vez de JPEG.
Qualquer tipo pode transportar um canal alfa para transparência WebP com perda com alfa é a combinação PNG não pode oferecer: um recorte fotográfico com uma borda transparente suave em um arquivo pequeno.
Google's números publicados, em seu Página de visão geral do WebP, colocar WebP sem perdas em 26% menor do que PNG e WebP com perdas em 25 a 34% menor do que JPEG comparável em qualidade SSIM equivalente Essas são médias sobre conjuntos de teste Uma determinada imagem pode economizar mais ou menos, e um JPEG que já estava fortemente comprimido muitas vezes economiza pouco.
Por que as imagens salvas saem como .webp?
As imagens salvas saem como .webp porque o servidor optou por enviar WebP para o seu navegador, e Salvar imagem As mantém quaisquer bytes que foram entregues Existem três maneiras comuns que acontecem.
Negociação conteúdo. Cada solicitação de imagem que seu navegador faz carrega um Accept cabeçalho listando os formatos que ele pode exibir Negociação de conteúdo HTTP, definida em RFC 9110, deixa o servidor escolher uma representação baseada nesse cabeçalho Os CDNs de imagem e muitas plataformas de hospedagem lêem e retornam WebP ou AVIF para navegadores que os aceitam, enquanto clientes mais antigos recebem JPEG da mesma URL:
GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8
HTTP/1.1 200 OK
Content-Type: image/webp
O URL termina em .jpg. A resposta é WebP. Quando você salvá-lo, o navegador nomeia o arquivo do tipo de conteúdo, para que você obtenha .webp.
o <picture> elemento. Os sites que não negociam no servidor podem oferecer vários formatos em marcação, e o navegador escolhe o primeiro que suporta, seguindo o WHATWG HTML picture elemento regras:
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Product on a white background">
</picture>
Construir oleodutos. Construtores de sites, plugins de otimização WordPress e frameworks com componentes de imagem convertem uploads para WebP automaticamente O proprietário do site carregou um JPG e nunca vê o WebP que o visitante recebe.
Em todos os três casos o site está fazendo o que as auditorias de desempenho recomendam O WebP é o arquivo menor e correto para exibição É apenas o arquivo errado para um programa que nunca foi ensinado a lê-lo.
Quais navegadores e aplicativos suportam WebP?
Todo navegador atual exibe WebP. O Chrome e o Edge o suportam há anos, o Firefox o adicionou na versão 65 e o Safari o adicionou na versão 14, que trouxe iPhones e iPads junto Na web, a compatibilidade não é mais motivo para evitá-la.
Fora do navegador, o suporte é desigual Alguns visualizadores de imagens mais antigos, suítes de escritório mais antigas, clientes de e-mail, serviços de impressão e formulários de upload ou não abrem o .webp ou recusam na verificação de extensão Os aplicativos de fotos do sistema operacional foram quase sempre apanhados, mas um computador de trabalho compartilhado ou um software de linha de negócios pode não ter.
Salvar WebP é menos universal do que exibi-lo Os conversores Toolz que escrevem WebP usam o navegador' codificador próprio através de uma tela O Chrome, Edge e Firefox atuais podem escrever WebP dessa maneira O Safari há muito tempo é capaz de exibir WebP, mas nem sempre para salvá-lo, e quando um navegador não pode codificar WebP, o conversor mostra um erro dizendo isso em vez de devolver um PNG com um .webp nome.
Por que o 't renomear um .webp para .jpg funciona?
Renomear um arquivo altera seu rótulo, não seu conteúdo Um WebP renomeado para holiday.jpg ainda começa com RIFF e WEBP, e ainda mantém dados VP8 ou VP8 L. Alguns programas olham apenas para a extensão, tentam ler o arquivo como JPEG, encontrar não FF D8 FF marque no início e relate o arquivo como danificado. Outros farejam os bytes, percebem que é WebP e abrem-no de qualquer maneira ou recusam-no com uma mensagem mais clara.
Formulários de upload são o pior caso Um formulário que verifica apenas a extensão aceita o arquivo renomeado, e então o servidor & #39; s biblioteca de imagens engasga nele, ou a imagem aparece quebrada na listagem acabada ou página de perfil Um formulário que verifica os bytes rejeita-lo completamente Nenhum resultado é o que você queria, e ambos são mais difíceis de diagnosticar do que a recusa original.
Uma conversão real é a única correção confiável, porque ele decodifica o WebP em pixels e grava um novo arquivo cujos bytes correspondem à sua extensão, Ele leva segundos e evita um ticket de suporte mais tarde.
Como você pode abrir um WebP sem convertê-lo?
Arraste-o para uma janela do navegador Qualquer navegador atual exibe um arquivo local .webp diretamente, que é a maneira mais rápida de olhar para um em um computador cujo visualizador de imagens recusa a partir daí você pode visualizá-lo, ampliar e imprimi-lo.
A maioria dos aplicativos de fotos atuais do sistema operacional também abre o WebP, portanto, um clique duplo pode funcionar em uma máquina atualizada, mesmo quando um editor específico ou programa de escritório na mesma máquina não. Quando um programa do qual você depende não consegue ler o WebP, verifique primeiro uma atualização ou um plugin de formato; se nenhum deles existir, converta uma cópia e guarde o original.
Abrir não é o mesmo que usar, embora Se a imagem tem que entrar em um documento, um formulário ou um e-mail, o destinatário' s software importa tanto quanto o seu, e um JPG ou PNG remove essa incerteza.
WebP vs JPG vs PNG vs GIF: como eles se comparam?
O WebP se sobrepõe a todos os três formatos mais antigos, que é tanto seu apelo quanto a razão pela qual a conversão dele precisa de uma escolha de destino.
| Atribuir | WebP | JPG | png | GIF |
|---|---|---|---|---|
| Especificação | RFC 9649 | ITU-T T.81 | W3C PNG | GIF89a |
| Compressão | Perdido ou sem perdas | com perdas | sem perdas | Sem perdas, 256 cores |
| transparência | Alfa completo | nenhum | Alfa completo | Ligado ou desligado por pixel |
| Animação | sim | não | Não (APNG à parte) | sim |
| Tamanho do arquivo de fotos | Pequeno | Médio | Grande | Fraca forma |
| Exibição navegador | Todos os navegadores atuais | Universal | Universal | Universal |
| Aplicativos e formulários de desktop | Patchy | Universal | Quase universal | Universal |
| Melhor uso | Servindo imagens em sites | Compartilhando fotos em qualquer lugar | Capturas de tela, gráficos, edição | Animações simples em todos os lugares |
A especificação JPEG é ITU-T T.81 e PNG é definida pelo Especificação PNG W3C. A leitura prática da tabela: mantenha o WebP na web e converta quando o arquivo precisar ir para algum lugar descrito pelas colunas da direita.
Para qual formato você deve converter um WebP?
Escolha o alvo pelo que o WebP contém e para onde ele está indo Transparência, animação e destino decidem.
| Seu WebP é | Indo para | Converter para | ferramenta |
|---|---|---|---|
| Um logotipo, ícone ou recorte com fundo transparente | em qualquer lugar | png | WebP para PNG |
| Uma foto | E-mail, formulários, impressão, software mais antigo | JPG | WebP para JPG |
| Uma animação | Fóruns, bate-papo, assinaturas de e-mail, wikis | GIF | WebP para GIF |
| Uma ou mais imagens | Um documento que alguém imprimirá ou arquivará | WebP para PDF | |
| Uma mistura de formatos ou um destino não listado | Vários | Qualquer | Conversor de imagem |
Para imagens transparentes, escolha PNG. o Conversor WebP para PNG mantém o canal alfa, para que um logotipo em um fundo transparente permaneça transparente PNG não tem perdas, então a saída mantém os pixels decodificados exatamente É geralmente maior que o WebP, porque o armazenamento sem perdas custa bytes.
Para fotos que precisam abrir em todos os lugares, escolha JPG. quando você transforme um WebP em um JPG, você obtém o formato que todo formulário de upload aceita JPG não tem transparência, então qualquer área transparente é preenchida com branco e uma nota sob o resultado diz que aconteceu O controle deslizante Qualidade vai de 10 a 100 e começa em 90.
Para animações, escolha GIF. Um WebP animado salvo de um clipe de reação não será reproduzido em muitos editores de fóruns ou assinaturas de e-mail O Conversor WebP para GIF grava cada quadro com seu atraso original e contagem de loops A leitura dos quadros usa o navegador & #39; s ImageDecoder API do Especificação W3C WebCodecs, que o Chrome e o Edge suportam hoje No Firefox e no Safari apenas o primeiro quadro pode ser lido, então o GIF é um still, e a nota sob a linha diz que o GIF tem 256 cores por quadro, então gradientes podem se unir, e bordas transparentes suaves se tornam duras Um quadro com atraso inferior a 20 ms é escrito a 100 ms, o que corresponde à forma como os navegadores reproduzem atrasos tão curtos.
Para documentos, escolha PDF. um Conversão de WebP para PDF coloca uma imagem em cada página, na ordem mostrada, em um único arquivo, Como o WebP é uma fonte com perdas, as imagens são incorporadas como JPEG com 92% de qualidade para manter o PDF pequeno, ou como PNG quando uma imagem tem transparência As páginas podem caber na imagem ou usar A4 ou US Letter.
Para tudo o resto, use o Conversor de imagem. Ele lê WebP junto com JPG, JFIF, PNG, AVIF, GIF, BMP, ICO, HEIC, TIFF, PSD, SVG, CR2, DNG e PDF, e escreve JPG, PNG, WebP, GIF, ICO, PDF ou SVG, então um WebP pode se tornar um favicon ou um SVG rastreado da mesma página.
Você deve converter suas próprias imagens para WebP?
Sim, para imagens que você publica em um site As imagens são geralmente a parte mais pesada de uma página, e uma economia de 25 a 34% em compostos de fotos em uma página de catálogo com dezenas delas Para imagens que você envia por e-mail, impressão ou arquivo, não: mantenha o formato original.
Dois conversores lidam com as fontes comuns. Para converta fotos JPG para WebP, comece a partir do maior, menos compactado original que você tem Um JPG já é com perdas, então codificá-lo como WebP é uma segunda passagem, ea qualidade que você começa a partir é o teto Uma configuração de 80 a 85 é onde a maioria das fotos parar mostrando uma diferença visível na tela.
Para gráficos, capturas de tela e qualquer coisa transparente, PNG para WebP mantém o canal alfa e geralmente corta o tamanho do arquivo acentuadamente Capturas de tela com texto colorido pequeno precisam de uma configuração de qualidade superior às fotos, por causa da subamostragem de croma descrita acima.
Limites de tamanho no próprio WebP raramente importam na prática RFC 9649 limita um WebP sem perdas em 16384x16384 pixels, e WebP com perdas é limitado a um tamanho semelhante por VP8, que é muito além de qualquer imagem que uma página da web precisa panoramas muito grandes ou varreduras de resolução de impressão são os únicos arquivos que o atendem, e aqueles pertencem a um formato mestre sem perdas de qualquer maneira.
Mantenha os originais de qualquer maneira O JPG ou PNG é sua cópia mestre, e cada safra futura, redimensionamento ou reexportação deve começar a partir dele, em vez de no WebP.
Como funciona a conversão WebP do lado do cliente?
A conversão do lado do cliente significa que a imagem é decodificada e codificada dentro da guia do navegador, e o arquivo nunca é carregado O WebP não precisa de download extra para isso, porque todo navegador atual já contém um decodificador WebP.
- A página lê os primeiros bytes de cada arquivo e verifica o
RIFF....WEBPassinatura. Cada página de par aceita apenas seu próprio formato de origem, portanto, um PNG lançado na página WebP para PNG é apontado para outro lugar. - O navegador decodifica o WebP em pixels.
- Os pixels são desenhados para uma tela e codificados como alvo: PNG, JPG ou WebP pelo navegador, GIF por um codificador incluído ou incorporado em um PDF.
- Você baixa cada arquivo ou o lote como ZIP.
Desenhar através de uma tela tem um efeito colateral que vale a pena conhecer: metadados EXIF, coordenadas GPS e perfis de cores não são transportados para a saída Para uma imagem prestes a ser postada publicamente, isso é um ganho de privacidade.
Quais são os limites e erros comuns?
Cada limite produz uma mensagem específica no arquivo & #39; s linha em vez de uma guia congelada.
Imagens acima de 100 megapixels são recusadas, porque decodificá-los poderia esgotar a memória tab & #39; s. Não há limite separado de tamanho de byte para WebP, uma vez que o navegador & #39; próprio decodificador lida com ele Arquivos vazios são recusados.
O & quot; este navegador não conseguiu abrir o ficheiro" normalmente significa que o ficheiro está danificado ou truncado, ou não é um WebP de todo apesar do seu nome. " Este navegador não pode gravar ficheiros WebP" aparece apenas quando se converte para WebP num navegador sem um codificador WebP; mude para o Chrome, Edge ou Firefox actual.
Quando um WebP animado vai para PNG, JPG ou PDF, apenas o primeiro quadro é mantido, porque esses formatos contêm uma única imagem Os conversores WebP também escrevem apenas arquivos WebP estáticos, portanto, uma animação convertida em WebP mantém seu primeiro quadro Use GIF para manter o movimento.
Aplica-se um limite diário de conversão por ferramenta As ferramentas são gratuitas, sem inscrição, sem marca d'água.
WebP e os formatos mais recentes
O WebP não é mais a opção mais nova O AVIF, baseado no codec de vídeo AV1, geralmente produz arquivos menores novamente e suporta profundidades de bits mais altas e HDR, e os navegadores atuais também o exibem Sites que usam o <picture> exemplo acima servem primeiro AVIF e WebP como o fallback A comparação de AVIF, WebP e JPG cobre quando cada um vale a pena.
Se o seu problema são fotos do iPhone, em vez de downloads da web, o formato é HEIC e o guia ativado HEIC vs JPG explica por que esses arquivos não conseguem abrir. Cada conversor para ambos os formatos está listado no hub de ferramentas de imagem.
