10 min
Como Otimizar Imagens para a Web
WebP, AVIF, lazy loading, CDN e srcset.
As imagens representam, normalmente, 60-80% do peso total de uma página. Otimizá-las é o maior ganho de desempenho que pode obter de uma só vez. O WebP e o AVIF reduzem o tamanho dos ficheiros em 25-50% face ao JPEG e ao PNG, sem perda de qualidade visível, o lazy loading adia as imagens fora do ecrã e o srcset serve o tamanho certo para cada dispositivo. Este guia aborda cada técnica com definições práticas.
Como Otimizar Imagens para a Web
Escolher o formato certo — WebP/AVIF
WebP: 25-35% mais pequeno que o JPEG, suportado em todos os navegadores modernos. AVIF: 30-50% mais pequeno que o WebP, mas ainda com suporte parcial — use-o com fallback para WebP/JPEG. PNG apenas para transparência. SVG para logótipos e ícones.
Redimensionar antes de carregar
Nunca carregue uma fotografia DSLR de 6000x4000 px para a apresentar com 800 px de largura. Redimensione para as dimensões reais de apresentação × 2 para retina. Redimensione centenas de ficheiros em lote com o FastStone Photo Resizer.
Comprimir com ferramentas inteligentes
WordPress: ShortPixel, Imagify, Smush, EWWW. Fora do WordPress: TinyPNG, Squoosh. Aponte para 70-85% de qualidade JPEG — visualmente idêntico a 100%, mas muito mais pequeno.
Ativar o lazy loading
Nativo: <img loading="lazy">. O WordPress 5.5+ adiciona isto automaticamente. Para navegadores mais antigos, use a biblioteca JS Lazysizes. O lazy load adia as imagens fora do ecrã — um enorme reforço para os Core Web Vitals.
Usar srcset para imagens responsivas
<img srcset="img-400.jpg 400w, img-800.jpg 800w, img-1600.jpg 1600w" sizes="(max-width: 600px) 400px, 800px"> — o navegador escolhe o tamanho certo. O WordPress gera o srcset automaticamente.
Servir a partir de um CDN
Um CDN (Cloudflare, BunnyCDN) serve as imagens a partir de um servidor próximo do visitante — reduz a latência em 50-200 ms. O Cloudflare Polish converte automaticamente para WebP/AVIF. A BeoHosting integra-se com o CDN QUIC.cloud para utilizadores do LiteSpeed Cache.
Pronto para lançar o seu site?
Junte-se a mais de 4.000 clientes satisfeitos. Migração gratuita e garantia de reembolso de 30 dias.
FAQ
Respostas às perguntas mais comuns sobre os nossos serviços.
Ligue-nos: o suporte funciona 24/7, por telefone e através de tickets.
(+381) 60 3535 720WebP ou AVIF — qual em 2026?
O WebP é universalmente suportado e reduz o tamanho em 25-35%. O AVIF é ainda mais pequeno (30-50%), mas falta em alguns navegadores mais antigos. O ideal: servir AVIF com fallback para WebP e JPEG/PNG como fallback final.
Quanto posso reduzir as imagens?
Típico: JPEG → WebP 30%, PNG → WebP 40%, WebP → AVIF 30%. Combinado com o redimensionamento, uma fotografia DSLR de 2 MB passa a ter 150-300 KB com a mesma qualidade visual.
O lazy loading prejudica o SEO?
Não — o Google compreende o lazy loading nativo. Apenas tem de garantir que as imagens acima da dobra NÃO têm lazy loading (devem carregar imediatamente para o LCP).
Melhor plugin de imagens para WordPress?
ShortPixel pela melhor relação compressão/qualidade. O Imagify fica logo a seguir. O Smush é gratuito e adequado a necessidades básicas. O EWWW mantém os ficheiros locais, sem API externa.
O que são os Core Web Vitals e como é que as imagens os afetam?
Os Core Web Vitals são as métricas de experiência do utilizador do Google: LCP (Largest Contentful Paint — tempo de carregamento do maior elemento), CLS (Cumulative Layout Shift — estabilidade visual) e INP (Interaction to Next Paint — interatividade). As imagens afetam diretamente o LCP, porque o maior elemento de uma página é, na maioria das vezes, uma imagem. Imagens otimizadas com atributos de largura/altura definidos melhoram tanto o LCP como o CLS.
As nossas garantias para a sua tranquilidade
Protegido em todas as frentes
Garantia de 30 dias
Reembolsamos sem perguntas nos primeiros 30 dias.
Migração gratuita
Migramos o seu site sem qualquer interrupção — não tem de fazer nada.
Suporte 24/7
Os nossos especialistas estão disponíveis 24/7 através de tickets e chat em direto.