Imagens 4K ou WebP 800px otimizadas: desempenho vs qualidade

Um restaurante tava de 18 mesas em Maltepe tinha um problema claro: clientes escaneavam o QR e olhavam uma tela em branco por 5-6 segundos. Causa: JPEGs 4K de DSLR pesando 4-6 MB por cartão de produto. A solução não é jogar fora o 4K, mas servir o tamanho certo.

Core Web Vitals: a linha vermelha do LCP

O limiar Largest Contentful Paint (LCP) do Google é 2,5 s. Cartões em 4K testam em 4,2-6,1 segundos — categoria "Ruim". Com WebP 800px o mesmo cartão cai para 1,2-1,8 segundo, dentro de "Bom".

LCP impacta diretamente o SEO. Restaurantes nos top-3 mobile têm LCP médio abaixo de 1,9 s; acima de 4 s caem para página 2-3.

Por que 800px WebP basta

Telas modernas (iPhone 14, Galaxy S23) têm 390-430px CSS. Com retina ×2 = 860px máximo. WebP 800px já atinge o teto físico. Os 3.200 pixels extras do 4K não correspondem a nenhum pixel visível.

WebP é 25-35% menor que JPEG na mesma qualidade. WebP 800px (180 KB) vs JPEG 4K (5,2 MB) = 96,5% de economia de banda.

Serviço de imagens responsivas thMenu

Ao subir um original 4K, thMenu gera automaticamente derivados 320px, 640px, 800px, 1200px em WebP+AVIF. O navegador escolhe via srcset.

Lazy loading ativo por padrão. First Contentful Paint abaixo de 600 ms; o resto carrega no scroll.

FAQ

Devo apagar o 4K original? Não. thMenu mantém em R2 para futuros displays 8K.

Quanto AVIF é menor? 50% menor que JPEG, 20% menor que WebP em qualidade equivalente. Suportado por 94% dos navegadores.

A qualidade da foto sofre? Não. A 800px no celular, 4K é indistinguível — o olho não resolve além de 300 PPI à mão.

Achou útil? Compartilhe.