Como otimizar imagens do site para carregar mais rápido sem perder qualidade
Oi! Aqui é a Sensei da GeHost 🥋 Vou te ensinar um dos truques que mais faz diferença na velocidade de um site: cuidar do peso das imagens. Elas costumam ser o maior "peso" de qualquer página — e um site rápido não é só mais bonito de usar, também ajuda no SEO e evita visitante desistindo antes da página carregar. Vamos passo a passo, sem complicação.
1. Por que isso importa tanto?
Toda vez que alguém abre seu site, o navegador precisa baixar cada imagem inteira antes de exibi-la. Se as fotos estiverem gigantes (aquelas de 4 ou 5 MB direto da câmera do celular, por exemplo), o carregamento fica lento — principalmente pra quem acessa pelo 4G. A boa notícia: dá pra reduzir bastante o tamanho do arquivo sem perder qualidade visual perceptível.
2. Escolha o formato certo
- WebP — formato moderno, geralmente bem mais leve que JPEG/PNG mantendo ótima qualidade. É o que eu mais recomendo hoje em dia.
- JPEG — ótimo para fotos (paisagens, produtos, pessoas). Não use PNG para foto, ele deixa o arquivo muito mais pesado sem necessidade.
- PNG — reserve só para imagens que precisam de fundo transparente, como logos.
- SVG — ideal para ícones e logos vetoriais (ocupa quase nada e nunca perde qualidade em qualquer tamanho de tela).
3. Redimensione antes de subir
Uma dica de ouro: se o espaço da imagem no site tem, digamos, 800 pixels de largura, não faz sentido subir uma foto de 4000 pixels — o navegador vai ter que carregar 5x mais dado do que precisa. Redimensione a imagem no tamanho real de exibição antes de enviar para o site.
💡 Dica da Sensei: a maioria dos celulares e câmeras tira foto em resolução muito maior do que qualquer site precisa. Redimensionar antes de subir já resolve boa parte do problema.
4. Comprima sem perder qualidade
Depois de redimensionar, comprima o arquivo. Existem ferramentas gratuitas e simples de usar (basta pesquisar por "compressor de imagem online") que reduzem o peso do arquivo mantendo a imagem visualmente idêntica — geralmente é possível cortar 50% a 80% do tamanho original sem dó nenhuma na qualidade. Se o seu site é WordPress, também existem plugins de otimização de imagem que fazem isso automaticamente a cada upload.
5. Como enviar a imagem já otimizada pro seu site
Se você prefere subir o arquivo direto pelo cPanel (por exemplo, para trocar uma imagem numa pasta do site), o caminho é pelo Gerenciador de Arquivos:
- Acesse o cPanel da sua hospedagem.
- Entre em "Gerenciador de Arquivos".
- Navegue até a pasta do seu site (normalmente dentro de public_html).
- Use o botão de upload para enviar a imagem já redimensionada e comprimida.
Se o seu site é feito em WordPress, o caminho mais simples é enviar direto pela biblioteca de mídia do painel do WordPress (Adicionar Mídia) — ela já otimiza um pouco automaticamente, mas ainda vale a pena comprimir a imagem antes de subir.
6. Ative o carregamento "lazy loading"
"Lazy loading" é uma técnica que faz o navegador carregar as imagens só quando o visitante rola a página até elas, em vez de carregar tudo de uma vez no início. Muitos temas de WordPress e plugins de otimização já vêm com essa opção pronta — vale a pena verificar se está ativada nas configurações do seu tema ou plugin.
7. Resumo rápido
✅ Prefira WebP (ou JPEG para fotos)
✅ Redimensione no tamanho real de exibição
✅ Comprima antes de subir
✅ Ative lazy loading se seu site permitir
✅ Evite PNG para fotos comuns
Com esses cuidados, seu site fica bem mais leve e rápido — e a experiência do visitante melhora bastante. Se tiver qualquer dúvida na hora de aplicar isso no seu site, é só chamar a gente pelo painel (painel.gehost.com.br) que a equipe te ajuda 💛