Executando verificação de segurança...
1
Alekis
2 min de leitura ·

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.

Carregando publicação patrocinada...
1
Pilati

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.

1
Alekis
Autor
Autor

@pilati Acho que cada caso é um caso, pra mim por exemplo, em meu site tenho mais de 300mil imagens, e para cada imagem existem:

1 imagem tamanho real em JPG
1 imagem tamanho real em WEBP
1 imagem de miniatura em JPG
1 imagem de miniatura em WEBP

O que gera um espaço de armazenamento de 110gb atualmente no meu servidor.
E tenho apenas 300gb que em menos de um ano não será mais suficiente, dificultando backups e migrações.

Mas em breve resolverei isso mudando o meu sistema de upload local para um sistema de upaload via FTP, e separando as imagens dos arquivos php do site. O que vai facilitar a migração somente dos arquivos php do site futuramente.

Mas em questão de Tranferência de Rede estou tranquilo, tenho 32TB mensal pra utilizar num link de 600mb/s e não utilizo nem 10% desse limite mensal.

Então como pode ver, no meu caso, o espaço no servidor é o tema aqui. Mas só apresentei uma ideia que precisa ser estudada, fazer medições sobre o quanto esse JS iria gastar de processamento para fazer essa conversão e muitas outras coisas a se testar.

1
1