Imagens Webp: Como economizar espaço no seu servidor (Ideia)
Hoje em dia, notamos a necessidade de se ter um site mais rápido e leve, e com isso nasceu há muito tempo atrás as imagens WEBP, e vem se popularizando cada dia mais, com uma redução de mais de 40% no peso em relação à JPG, e mais ainda em relação a outros formatos, esse formato é perfeito pra quem busca aperfeiçoar seu website.
Mas o problema é que essa migração requer um custo, há ainda alguns navegadores que não suportam o formato WEBP, e para isso, se o Webmaster quiser disponibilizar seus serviços com acessibilidade a todos é necessário manter versões dos arquivos JPG e WEBP no mesmo servidor, e usando o seguinte código, dizemos ao navegador que as duas versões estão disponíveis, mas daí seguimos na contramão da otimização, pois ao invés de economizarmos espaço no servidor, ele irá aumentar ainda mais, e isso pra manter a acessibilidade a uma pequena porcentagem de navegadores obsoletos.
Uma possível solução é apresentada nesse link no GitHub https://github.com/tomaszs/webp-to-jpg
A ideia é converter a imagem WEBP para JPG diretamente no lado do cliente, mas ao fazer testes aqui no JsFiddle (Link Aqui) notei que não funcionou e deu erro no script mostrado no Console. Mas a ideia seria perfeita, para enfim não precisar manter os arquivos JPG, PNG ou GIF no servidor, e manter somente o WEBP.
Deixo aberta a discussão do que você acha sobre essa ideia, ou se tiver outra solução divulgue para todos.
A intenção do webp é economizar transferência de rede.
O espaço do servidor pouco importa. armazenamento é barato. caro mesmo é conexão.
converter do lado do cliente gasta um recurso ainda mais escasso: recurso computacional do cliente. Você acha que um J5 vai ter peocessador pra converter todas as imagens sempre que acessar uma página?
Nem imagino como ficam as metricas de web vitals adotando uma técnica dessas.
em resumo minha filosofia é:
Todo trabalho pesado fica no servidor.