O que é WebP?

O que é WebP? Prós e contras deste formato de imagem. Há uma guerra tecnológica acontecendo bem debaixo de nossos narizes. Não na forma de esqueletos robóticos, mas no formato mais comum, no espírito de Playstation vs Xbox ou Betamax vs VHS. Todos nós participamos dessa guerra de formato específico, e é possível que você tenha visto seus participantes sem nem saber. Estamos falando da próxima geração de formato de imagem da web e, por enquanto, o WebP está liderando o caminho. Mas isto levanta ainda mais questões, nomeadamente: “O que é WebP?” e “o que há de errado com JPEG?”

Graças ao seu proprietário, o Google, o formato de imagem WebP tornou-se um tema quente ultimamente. Ele está se tornando aceito em cada vez mais dispositivos - para grande desgosto dos concorrentes JPEG 2000 e JPEG XR - e em breve se tornará o novo formato de imagem padrão da web. E apesar de todos os detalhes técnicos confusos, para quem posta imagens online, o weppy faz muito sentido.

 WebP? O que é WebP?

Apesar de todo o hype recente, o WebP (coloquialmente pronunciado como “weppy”) é na verdade bastante antigo. Foi anunciado pela primeira vez em 2010 e, desde então, foi atualizado e melhorado até ao seu estado atual. Tornou-se um tema quente ultimamente, pois assumiu a liderança nas guerras de formatos de imagem da próxima geração: no momento em que este livro foi escrito, ele era compatível com Chrome, Microsoft Edge, Firefox, Opera e, mais recentemente, Safari.

Para realmente entender o que torna o weppy único, primeiro você precisa entender tudo formatos de arquivo imagens e suas diferenças. Mas para acelerar as coisas neste artigo, iremos direto ao principal ponto de venda do WebP: compressão.

Se você não está familiarizado com o termo, compactação significa codificar os dados de um arquivo em uma quantidade menor pedaços ou partes de dados digitais do que no original. Existem dois tipos principais de compactação: sem perdas (a qualidade da imagem permanece a mesma à medida que o tamanho dos dados diminui) e com perdas (a qualidade da imagem diminui ligeiramente à medida que o tamanho dos dados diminui significativamente).

Simplesmente coloque imagens chorosas são geralmente menores que suas contrapartes , mas têm a mesma qualidade devido à compressão superior. Isso significa que o uso de imagens WebP em seu próprio site (normalmente) fará com que ele funcione mais rápido e, ao mesmo tempo, reduzirá o volume de armazenamento de dados.

Versão JPEG, 562 KB.

Versão WebP, 416 KB - é 25% menor. Você vê a diferença?

Quanto menos? De acordo com os próprios dados do Google, a compactação sem perdas do WebP é 26% menor que a do PNG, e sua compactação com perdas é 25-34% menor que a do JPEG. Para sites que utilizam muitas imagens, a troca pode ter um impacto significativo e reduzir o tempo de carregamento em milissegundos, especialmente em dispositivos móveis.

A outra vantagem principal do weppy é a sua versatilidade - inclui tanto transparência, sim и animação . Isso é importante porque normalmente você não encontrará esses recursos no mesmo formato: antes do WebP, você tinha que usar PNG para fundos transparentes e GIF para animação, e nenhum deles era suportado ao mesmo tempo.

Esse desempenho estelar, juntamente com um voto de confiança do Google, realmente abre caminho para que o WebP se torne o novo formato de arquivo da web padrão.

Prós e contras do WebP. O que é WebP?

Por mais impressionante que seja, Weppy ainda não está pronto para ser “o único”. Enquanto isso, dê uma olhada prós e contras WebP e veja se combina com você e com as suas necessidades.

Prós

• Tempos de carregamento mais rápidos - Devido aos tamanhos de arquivo menores, as páginas com imagens WebP carregam mais rapidamente. Este é um grande incentivo para aproveitar o seu site: de acordo com um especialista em construção de sites, cada segundo de atraso no carregamento reduz a satisfação do visitante em 16%, e um em cada quatro visitantes o abandonará completamente se não carregar em 4 segundos.
• Menos volume repositórios Mídia – A compactação aprimorada do WebP também significa menos espaço de armazenamento. Isso é muito importante para sites que hospedam um grande número de imagens e pode até economizar dinheiro em hospedagem na web.
• Transparência e animação. Como Mencionamos acima, WebP é o único formato de imagem que suporta fundos PNG transparentes e recursos de animação GIF, sem mencionar que é superior à compactação JPEG.

Contras

• Não é compatível com todos os navegadores. Embora o weppy tenha a maior parte dos navegadores, alguns ainda não o suportam (o Internet Explorer está adotando-o lentamente, que é uma marca do Internet Explorer). Existe uma solução alternativa que envolve a criação de uma imagem de backup em HTML, mas a criação de um outro arquivo como backup às vezes anula todo o espaço de armazenamento extra que você economiza com o WebP.
• A qualidade continua a diminuir - Não é tanto uma desvantagem do WebP, mas uma desvantagem da compactação com perdas, a qualidade da imagem ainda é reduzida. Para a maioria das pessoas esse valor é insignificante, mas para sites visuais como fotografia ou portfólio de design gráfico, você deseja qualidade de imagem máxima.

Capa mole. Termoligante.

Como você converte para o formato de imagem WebP? O que é WebP?

Se você já vende arquivos menores, naturalmente precisará de um conversor de imagens WebP para converter todas as suas imagens. Muitos programas suportam WebP, então você pode criá-los diretamente da fonte (Adobe Photoshop e Sketch, para citar alguns), mas se você tiver imagens existentes ou se elas vierem de um local que não suporta WebP, você precisará de um conversor de imagem.

Há muito por onde escolher e, na verdade, a maioria deles se destaca na tarefa básica de converter um arquivo para WebP. Um exemplo é o XnConvert.

XnConvert funciona para Windows, Mac e Linux. Também é gratuito para uso pessoal, embora você precise comprar uma licença para uso empresarial. Além de WebP, ele suporta JPEG, JPEG 2000, PNG, TIFF, GIF, OpenEXR, dados camera raw e centenas de outros. Existem também muitos outros recursos: conversão em lote, rotação, adição de marcas d’água, adição de texto e ajustes de luz na imagem, como ajuste de sombras e brilho.

Claro, você sempre pode escolher uma opção ainda mais simples se quiser apenas converter algumas imagens. Ezgif é um conversor WebP online gratuito, palavras de trabalho estão disponíveis gratuitamente e online. Você não encontrará os recursos mais avançados do XnConvert, mas se estiver preocupado com velocidade e conveniência, ele terá tudo o que você precisa.