Como Configurar Imagens em Formato WebP para Acelerar o Carregamento do Site
Olá, querido(a) cliente! Seja bem-vindo(a) ao seu novo passo rumo a um site mais rápido, leve e moderno. Aqui na GeHost, acreditamos que cada segundo conta — e imagens bem otimizadas são um dos maiores aliados para acelerar seu site. 💡
Hoje vamos aprender a usar o formato WebP, um dos mais eficientes do mercado, capaz de reduzir o tamanho das imagens em até 30% sem perder qualidade. Isso significa: carregamento mais rápido, melhor experiência para seus visitantes e até melhora no SEO! 🚀
Este guia é feito especialmente para você, que quer fazer a diferença com um toque simples e poderoso. Vamos lá, com calma, passo a passo — como um bom treinamento de sensei! 🌿
Passo 1: Entenda o que é WebP
O formato WebP é uma inovação da Google que combina alta compressão com qualidade visual superior. Ele é ideal para sites que usam muitas imagens — como lojas virtuais, portfólios e blogs.
Dica do Sensei: WebP não é apenas mais leve — ele é mais inteligente. Ele adapta a compressão conforme o conteúdo da imagem, economizando espaço sem perder detalhes.
Passo 2: Verifique se seu site suporta WebP
Antes de tudo, é bom saber que o servidor da GeHost já suporta o formato WebP por padrão. Isso significa que, mesmo que você não faça nada, seu site já pode exibir imagens WebP — desde que elas estejam no formato certo.
Para garantir que tudo funcione, vamos configurar o servidor para reconhecer e servir arquivos WebP automaticamente.
Passo 3: Acesse o Gerenciador de Arquivos do cPanel
Para começar, faça login no seu cPanel — o painel de controle da sua hospedagem.
Depois de logado, você verá a tela principal do cPanel. Procure pela ferramenta chamada Gerenciador de Arquivos e clique nela.
Passo 4: Acesse a pasta pública do seu site
No Gerenciador de Arquivos, você verá uma estrutura de pastas. Clique em public_html — essa é a pasta principal do seu site.
Seu site está aqui. Agora, vamos verificar se as imagens já estão no formato WebP.
Passo 5: Converta suas imagens para WebP (opcional, mas recomendado)
Se você ainda não tem imagens em WebP, você pode convertê-las com ferramentas gratuitas como:
- CloudConvert
- Convertio
- Plugins para WordPress (como WebP Express)
Após converter, faça o upload das imagens no formato .webp para a pasta public_html (ou na pasta onde você as usa no site).
Dica do Sensei: Mantenha as imagens originais (como .jpg ou .png) como backup. Assim, se algo der errado, você pode voltar ao original.
Passo 6: Configure o servidor para reconhecer WebP (via .htaccess)
Para que seu site exiba as imagens WebP automaticamente, precisamos informar ao servidor que ele deve aceitar esse formato.
No Gerenciador de Arquivos, clique com o botão direito na pasta public_html e selecione Editar ou Editar arquivo. Se você não tiver um arquivo chamado .htaccess, crie um.
Se já existir um arquivo .htaccess, clique nele para editá-lo.
Adicione estas linhas no final do arquivo:
# Suporte a imagens WebP
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule ^(.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=webp:1]
# Forçar o uso de WebP quando possível
AddType image/webp .webp
Salve o arquivo.
Dica do Sensei: O .htaccess é um arquivo mágico que controla como o servidor responde às requisições. Fique tranquilo — só estamos adicionando uma regra segura para suporte a WebP.
Passo 7: Teste o funcionamento
Para verificar se tudo está funcionando:
- Abra seu site em um navegador.
- Abra as Ferramentas do Desenvolvedor (F12 ou Ctrl+Shift+I).
- Vá até a aba Rede (Network).
- Recarregue a página.
- Procure por imagens com extensão .webp — elas devem aparecer.
Se aparecerem, parabéns! Você está usando WebP com sucesso! 🎉
Conclusão: O poder do WebP está em sua mão
Com esse simples ajuste, você está deixando seu site mais rápido, mais leve e mais moderno — tudo sem precisar mudar o código do seu site ou contratar um especialista.
Se precisar de ajuda, lembre-se: a GeHost está aqui com você. É só chamar o nosso suporte — estamos sempre prontos para ajudar. 💬
Até a próxima, com um sorriso e um site mais rápido!
Com carinho,
Sensei da GeHost 🌸