Confira o estado das ferramentas de imagem.
Colocar uma imagem na Web é uma coisa, mas fazer isso bem é outra. Escolher o formato, a compactação, os pontos por polegada (DPI) e centenas de outras configurações pode ser facilmente esquecido quando fazemos tudo isso por conta própria.
A boa notícia é que hoje em dia temos uma abundância de ferramentas e serviços que podem fazer tudo isso por nós. A notícia não tão boa é que há uma abundância. Pode ser difícil escolher qual ferramenta ou serviço é ideal para você. Por isso, lançamos o images.tooling.report, um site que lista o que achamos mais importante ao enviar imagens para produção e compara alguns dos softwares e serviços mais conhecidos, sejam eles pagos ou sem custo financeiro, hospedados ou auto-hospedados.
Por quê?
As imagens representam uma grande parte dos bytes transferidos de um site, e esses bytes se acumulam. Na verdade, descobrimos que as imagens não otimizadas representavam quase 75% do tamanho total de uma página. Todos esses bytes desperdiçados têm um custo. Por isso, em um estudo de milhões de sessões de usuários reais, as páginas que converteram tiveram 38% menos imagens do que as que não converteram. Então você deve excluir todas as imagens? Claro que não. No entanto, é necessário garantir que as imagens enviadas sejam otimizadas para todos os usuários, independentemente dos dispositivos usados.
O que é?
A exibição de imagens otimizadas é mais do que apenas clicar em "Salvar para a Web". É por isso que o images.tooling.report verifica uma grande variedade de recursos. Abordamos os conceitos básicos, como a quantidade de compactação que as diferentes ferramentas e serviços oferecem, e otimizações de rede, como cabeçalhos de cache de longa duração.
Mas não paramos por aí. Procuramos opções mais avançadas, como suporte a Save-Data, ECT e outras dicas do cliente, para procurar uma análise psicovisual automatizada que possa usar modelos de dados para compactar imagens repetidamente, a fim de encontrar a versão que usa menos bytes sem mudar a forma como nossos olhos a percebem. Você está extraindo todos os bits não visuais das imagens antes de enviar?
É claro, cada site é único. Nenhuma ferramenta ou serviço fez tudo o que procurávamos. Isso é esperado. Então, dividimos o que testamos em diferentes categorias. Cobrimos redes de fornecimento de conteúdo (CDNs), projetos auto-hospedados, plug-ins de sistemas de gerenciamento de conteúdo (CMS) e construtores de sites. Estas são definições bastante flexíveis que tentam tornar a comparação de diferentes opções mais relevante:
- Os plug-ins de CMS são pacotes que são uma opção fácil para desenvolvimento em plataformas como o WordPress.
- Os criadores de sites comparam vários serviços diferentes que você pode usar para criar seu site.
- A opção Auto-hosped é destinada a desenvolvedores que sabem clonar um projeto do Git ou executar a própria imagem do Docker em produção.
- As CDNs são um pouco mais complicadas. Alguns deles são CDNs no sentido tradicional, mas outros são serviços que fazem proxy ou hospedam suas imagens na borda.
Não é possível agradar a todos o tempo, mas você pode conferir os testes e recursos que estão sendo avaliados e ver como o otimizador de imagens se sai. E se você ainda não estiver fazendo nada para otimizar imagens? Então, é um ótimo momento para conferir as ferramentas de imagem e descobrir quais benefícios você pode oferecer às pessoas que já usam seu site.
A seguir
Você acha que deixamos de fora alguma ferramenta ou serviço de imagem? Conte para nós. As ferramentas e os serviços, assim como os próprios testes, são elementos vivos e atualizados. Sempre que precisar de um lugar rápido para conferir o estado da arte em imagens de envio, a primeira parada é images.tooling.report.
Imagem principal de Michael Maasen no Unsplash.