Prepare as imagens para um site mais rápido
Leve as fotos e os gráficos da página para WebP, na largura que a página realmente usa. Esse é o caminho comum quando a página inicial parece pesada e as imagens ainda estão na resolução cheia da câmera.
- Rápido
- 100% privado
- Sempre grátis
- Qualquer navegador
Solte imagens em qualquer lugar desta página
JPG, PNG, WebP, GIF, SVG, HEIC ou AVIF. Suas fotos ficam neste dispositivo.
Quando usar isto
WebP é o padrão aqui porque, em fotos, costuma ganhar do JPG e pode guardar a transparência de elementos da interface. Todos os navegadores modernos mostram WebP.
Fique no JPG se um CMS, um boletim por e-mail ou um parceiro ainda recusar WebP. Fique no PNG para um logo que precisa continuar exatamente como foi desenhado.
Se a velocidade da página é o que preocupa, reduzir a largura pesa tanto quanto o formato. Um WebP de 4000 px ainda ocupa muitos bytes.
Se você também precisar formatar JSON ou conferir um token sem colar num site público, use ToolBuddy. Isso também fica no navegador.
Como fazer
- Solte as imagens que você pretende colocar numa página.
- Deixe a saída em WebP e a qualidade perto de 0,8, a menos que apareçam faixas.
- Deixe a largura máxima perto de 1600, ou em 2400 se a imagem aparecer com 1200 pixels CSS em telas Retina.
- Baixe os arquivos WebP e substitua os originais no tema ou no CDN.
Dicas
- Fotos de destaque: um WebP grande. Uma captura PNG da foto pesa à toa.
- Grades de produto: uma largura fixa ajuda o cache e a organização da página.
- Se um cliente não conseguir abrir a prévia, converta uma cópia para JPG. Deixe o WebP no site.