um estudo do Google. A tabela abaixo mostra que a conversão de uma imagem para WebP reduziu o tamanho de arquivo em 25%.
Converta uma imagem para WebP para economizar até 25% – Fonte: Google Developers
Na maioria das vezes, você pode alterar o nível de compactação de uma imagem (qualidade e formato final) usando filtros de compactação no painel de imagem CDN.
2.Otimizando PageSpeed Insights e Core Web Vitals Scores Graças a uma imagem CDN, você pode aumentar rapidamente sua pontuação de desempenho no PageSpeed Insights e até mesmo otimizar seus Core Web Vitals.
Ao realizar uma auditoria de desempenho com o Google PageSpeed Insights, muitas vezes destaca alguns problemas de otimização de imagem a serem resolvidos: WebP e formatos de próxima geração Tamanho da imagem Política de cache Criptografia e capacidade de resposta Atrasar imagens fora da tela com carregamento lento esta é a aparência da seção de oportunidades:
Exemplo de Problemas de Imagem – Fonte: PSI. Os problemas acima geralmente podem ser corrigidos graças a uma CDN de imagem que resulta em melhor desempenho no PageSpeed Insights. Uma imagem CDN usa cache e permite redimensionar suas imagens para cada tipo de dispositivo. Ele também pode converter suas imagens JPG para formatos de nova geração, como WebP.
Além disso, uma imagem CDN aprimora seus Core Web Vitals , os valores de desempenho centrados no usuário introduzidos pelo Google em 2021. Uma imagem CDN gera a versão ideal de uma imagem para cada dispositivo, resultando em uma melhor experiência do usuário. Em suma, você melhorará sua pontuação de desempenho do Lighthouse e obterá melhores pontuações Core Web Vitals otimizando suas imagens. Veja o impacto do uso de uma CDN de imagem em todos os principais recursos vitais da Web: Atraso da primeira entrada (interatividade): Carregamento lento da imagem
deve ser, resultando em uso desnecessário de largura de banda. Ao usar um CDN de imagem, o código garante que cada usuário receba imagens apropriadas com base no tamanho da tela. Este recurso de \
Imagens transformadas prontas para vários formatos – Fonte: Cloudimage 5. Gerar variantes de imagem (marcas d’água e sobreposições de texto) Uma CDN de imagem pode colocar automaticamente uma marca d’água em suas imagens. se você quiser protegê-los, adicione seu logotipo ou texto personalizado. Isso poupa mesmo tempo!
Filtros disponíveis para marca d’água Fonte: Cloudimage Outra maneira poderosa de otimizar imagens Se você quiser ir mais longe no processo de otimização de imagens e adicionar mais camadas de compressão às suas imagens, você pode usar uma ferramenta como Imagify (junto com seu CDN). Um CDN de imagem pode ser caro, então você pode optar por uma solução mais barata e ficar na Imaginy se você tiver um orçamento baixo. Imaginy é um plugin de otimização de imagem com características muito semelhantes a uma imagem CDN: ele também pode otimizar, comprimir e redimensionar imagens em segundos. Vamos pular os principais recursos do Imagify que podem ajudá-lo a otimizar ainda mais suas imagens: Três níveis de compactação Você pode usar até três níveis de compactação sem comprometer a qualidade da imagem:
Níveis de Otimização – Fonte: Imaginy Normal (compressão sem perdas) Agressivo (compressão sem perdas) Ultra (compressão sem perdas e mais agressiva para máxima economia de arquivo) Por exemplo, este é o tipo de economia que podemos alcançar no tamanho do arquivo de imagem (modo ultra) sem comprometer a qualidade. Passamos de 797 KB Imagem não otimizada (PNG) para 240 KB Imagem WebP (Modo Ultra Compressão com Imagem):
Com o Imaginy, você tem a opção de redimensionar e compactar imagens em massa ou otimizá-las uma a uma.
Otimização em massa
Otimização à la carte (da biblioteca de mídia WordPress)
Se você é um usuário WordPress, então é mais conveniente baixar o plugin Imagify gratuito para otimizar suas imagens e convertê-las para WebP. Um aplicativo web está disponível gratuitamente (para arquivos de até 2 MB) se você quiser otimizar suas imagens sem usar WordPress.
O Imaginy pode compactar e otimizar os formatos PNG, JPG, GIF, PDF e WebP. Converter para WebP Como o Google recomenda, a transmissão de imagens em formatos de próxima geração, como AVIF ou WebP, permite compactação superior e economia de qualidade em comparação com seus ancestrais JPEG, GIF e PNG.
Conversão WebP – Fonte: Imagem
Também temos um guia dedicado que explica como converter imagens para WebP com um clique, graças ao Imagify.
O redimensionamento e otimização podem ser feitos ao carregar ou durante o processo de otimização em imagens já publicadas. Otimização automática de imagens ao carregar – Fonte: Imagify Você também pode decidir redimensionar automaticamente imagens maiores:
Redimensionar automaticamente imagens maiores – Fonte: Imagify Opções de backup e restauração disponíveis Imagify oferece várias opções de restauração e backup caso você mude de ideia. Em qualquer caso, as imagens são salvas mesmo se você decidir excluir o plugin.
Opção de backup – Fonte: Image Imagine preços A versão gratuita permite redimensionar e comprimir 20 MB de imagens por mês. Em seguida, há uma opção premium: $9,99 por mês para uso ilimitado. Bônus: implementação de cache e Lazy Loading e Lazy Loading são
formas conhecidas de melhorar o desempenho. Imagify não armazena suas imagens em cache ou carrega você preguiçosamente, mas nosso outro plugin, WP Rocket, faz! Ainda se perguntando se você precisa de um CDN de imagem para obter imagens melhores otimizadas? Se for o seu site. está saturado de imagens e seu gerenciamento começa a ser esmagador, então uma imagem CDN pode ser útil. Uma imagem CDN faz todas as tarefas de otimização de acordo com a localização e dispositivo de seus usuários.
CDN tradicional
CDN da Imagem
Entregue conteúdo através de uma rede de servidores em todo o mundo usando cache
Melhore a carga da página reduzindo a distância do usuário para servidores de origem usando PoS
Reatividade: adaptado aos parâmetros do dispositivo do usuário (tamanho da tela, móvel vs desktop)
Alterações feitas no ficheiro de imagem
(redimensionar, cortar, melhorar, etc.)
Reduzir o custo da largura de banda
Economize mais custos de tráfego transmitindo imagens 100% otimizadas
Se você quiser compactar e otimizar imagens ainda mais, lembre-se de que você pode combinar um CDN de imagem com o Imaginy. Comece a otimizar suas imagens hoje mesmo graças ao teste gratuito Imagify.