Edição e cache de imagens via URL grátis
Imagina que você tem um site e percebe a necessidade de exibir imagens em variados tamanhos e muitas vezes com efeitos ou cortes diferentes. Se você usa algo como Wordpress, o sistema se encarrega de cortar algumas versões dessa imagem e deixar salvo junto com os uploads, mas isso causa um consumo muitas vezes desnecessário de armazenamento e banda. Esse desafio me fez pesquisar durante muito tempo por soluções que permitissem "editar" a imagem apenas alterando parâmetros de url, e eu achei uma opção muito interessante e tenho usado há alguns anos em meus projetos, vou falar um pouco sobre ela:
Conheça o wsrv.nl
O slogan do serviço é "Manipule imagens em tempo real com um cache global.", o que descreve de forma sucinta a possibilidade de fazer diversos tipos de edições: cortes, escala, máscara, flip e rotação, alterações de cor, desfoque.. etc. Além disso, você pode controlar o formato de saída (jpg, gif, png, webp) e o nível de compressão, entre outros parâmetros muito úteis. O resultado da edição é salvo no cache da Cloudflare. A única coisa que sinto falta no serviço é a possibilidade de incluir textos.
Como usar:
Basta passar a url da imagem como parâmetro codificado para url:
<img src="//wsrv.nl/?url=seusite.com/imagem.jpg&w=300&h=300">
(neste caso a imagem será redimensionada para 300x300px)
Segue o link para documentação:
https://images.weserv.nl/docs/introduction.html
E você? Tem algum caso de uso em mente para esse serviço?