Por que converter imagem pra WebP
Toda imagem ocupa espaço no site, e imagem pesada faz a página demorar pra aparecer, principalmente pra quem acessa pelo celular.
O WebP é um formato de imagem que costuma gerar arquivo menor que PNG e JPG, com uma aparência bem parecida na tela. Pra quem tem um site, isso pode ajudar a página a carregar mais rápido, sem precisar mudar nada no design.
PNG, JPG e WebP: qual a diferença
Cada formato salva a imagem de um jeito, e isso muda o peso final do arquivo.
O PNG guarda a imagem sem perder nenhum detalhe, o que é ótimo pra logo, ícone e imagem com fundo transparente, mas o arquivo fica mais pesado.
O JPG comprime a imagem abrindo mão de um pouco de qualidade. Funciona bem pra foto, mas em compressão forte demais a imagem pode ficar com aquele aspecto borrado.
O WebP junta as duas vantagens: arquivo geralmente menor que o JPG numa qualidade parecida, e ainda suporta transparência como o PNG.
O que essa ferramenta faz
Você escolhe uma imagem PNG ou JPG, ajusta a qualidade que quiser, e recebe o arquivo já convertido pra WebP, pronto pra baixar e usar no seu site.
A conversão acontece direto no seu navegador. A imagem não sai do seu computador em nenhum momento. Isso importa bastante pra quem trabalha com foto de cliente, imagem de produto ou qualquer conteúdo que ainda não foi publicado.
Por que isso ajuda o site a carregar mais rápido
Um banner ou uma foto de produto em PNG pode pesar vários megabytes. A mesma imagem em WebP costuma pesar uma fração disso.
Arquivo menor significa que a página baixa menos coisa pra aparecer na tela. Isso ajuda principalmente a primeira imagem grande que o visitante vê ao abrir a página, que costuma ser a parte mais lenta de carregar. Site rápido também ajuda na experiência que o Google tenta medir, então vale cuidar disso, principalmente se o seu site tem bastante imagem, como loja virtual, blog ou portfólio.
Quando vale a pena converter
Faz diferença em situações como:
- banner e imagem de destaque
- foto de produto em loja virtual
- imagem de capa de artigo do blog
- logo e ícone com fundo transparente
Em compensação, não costuma valer muito a pena converter um ícone bem pequeno ou um arquivo que já está bem leve. O ganho ali é mínimo.
WebP não substitui redimensionar a imagem
Importante deixar isso claro: converter pra WebP não resolve uma imagem com tamanho errado.
Se você subir uma foto de 4000 pixels de largura pra aparecer num espaço de 600 pixels no site, mesmo em WebP ela ainda vai ficar maior do que precisa. O ideal é redimensionar a imagem pro tamanho real que ela vai ocupar na página, e só depois converter pra WebP. As duas coisas juntas dão o melhor resultado.
Como escolher a qualidade certa
O slider de qualidade controla o equilíbrio entre tamanho do arquivo e nitidez da imagem.
Pra foto e banner, uma qualidade entre 75 e 85 já costuma dar um resultado leve sem perda visível. Já uma imagem com texto, print de tela ou letra desenhada perde nitidez mais rápido numa qualidade baixa, então vale testar um valor mais alto nesses casos.
Uma forma simples de decidir: converta a mesma imagem em duas ou três qualidades diferentes, compare o tamanho de cada uma e escolha a menor que ainda parece boa pra você.
Funciona em qualquer navegador?
A maioria dos navegadores atuais já abre imagem em WebP sem problema, incluindo o Safari.
A conversão, que é o que essa ferramenta faz, é outra história: ela funciona nos navegadores mais usados, como Chrome, Firefox, Edge e Opera. No Safari, tanto no Mac quanto no iPhone, gerar um arquivo WebP direto pelo navegador ainda não é suportado. Se você estiver no Safari, a ferramenta avisa isso na tela e recomenda usar outro navegador enquanto isso não muda.
Onde usar a imagem depois de convertida
WordPress, navegadores modernos e a maioria dos sistemas atuais já aceitam WebP sem complicação. Se o seu site é WordPress, dá pra usar o arquivo convertido em imagem de destaque, biblioteca de mídia, produto do WooCommerce, logo do tema ou banner de página inicial, sem diferença de como você usaria um PNG ou JPG.
Se for usar em algum lugar mais específico, como e-mail marketing ou uma rede social mais antiga, vale confirmar antes se aquele sistema aceita o formato.
Vale guardar a imagem original
Depois de convertida, a imagem WebP pode ser mais difícil de editar em alguns programas, dependendo da ferramenta que você usa no dia a dia. Por isso, vale guardar o PNG ou JPG original numa pasta separada. Se precisar editar de novo no futuro, você edita o arquivo original e converte mais uma vez.
Perguntas frequentes
Convertendo pra WebP eu perco qualidade da imagem?
Depende da qualidade escolhida no slider. Em valores mais altos, a perda costuma ser difícil de notar a olho nu. Em valores baixos, a imagem pode ficar visivelmente mais borrada.
Minha imagem é enviada pra algum lugar durante a conversão?
Não. A imagem não sai do seu computador.
Por que o Safari não funciona?
O Safari já abre imagem WebP normalmente. O que ele não faz ainda é gerar um arquivo WebP direto pelo navegador, que é a função dessa ferramenta. Use outro navegador, como Chrome ou Firefox, enquanto isso não muda.
WebP é melhor que JPG?
Pra maioria dos usos em site, sim, no sentido de gerar um arquivo mais leve numa qualidade parecida. O JPG ainda funciona bem e é aceito em qualquer lugar, mas se o foco é deixar o site mais rápido, o WebP costuma ganhar.
Dá pra converter várias imagens de uma vez?
Por enquanto, a conversão é feita uma imagem por vez.
O WebP funciona bem pra logo com fundo transparente?
Funciona. O WebP suporta transparência como o PNG, então logo e ícone continuam funcionando normalmente depois de convertidos.