Tempo estimado: 3–8 min | Nível: Iniciante a Intermediário
Se as imagens não aparecem no seu site, normalmente é por caminho/URL incorreto, diferença de maiúsculas/minúsculas, caracteres especiais no nome do arquivo, cache ou bloqueio (hotlink). Siga o checklist abaixo.
1) O arquivo realmente existe? Teste a URL direta
- Abra a URL completa da imagem no navegador (ex.:
https://seusite.com.br/img/banner-home.jpg). - Se aparecer 404, o caminho está errado (pasta/arquivo diferente do chamado no HTML/CSS).
- Se aparecer 403, pode ser permissão ou hotlink bloqueando.
2) Caminhos relativos x absolutos
- Confirme se você chama
img/banner-home.jpga partir da pasta correta. Se tiver dúvidas, use caminho absoluto (ex.:/img/banner-home.jpg). - Em CSS, verifique o caminho relativo ao próprio arquivo
.css(não à página).
3) Maiúsculas/minúsculas importam (Linux)
Em servidores Linux, Banner.JPG, banner.jpg e banner.JPG são nomes diferentes. Padronize em minúsculas.
4) Evite acentos, cedilha e espaços
Nomes com acentos (á, é), cedilha (ç) e espaços causam erros. Prefira: banner-home.jpg (sem espaços, sem acentos). Se precisar separar palavras, use - ou _.
5) Cache do navegador/servidor/CDN
- Faça um hard refresh:
Ctrl+F5(Windows) /Cmd+Shift+R(macOS). - Limpe o cache do navegador e, se usar CDN (ex.: Cloudflare) ou plugin de cache (WordPress), esvazie/purge.
- Em deploys, versionar o arquivo ajuda (ex.:
style.css?v=123).
6) Permissões e acesso
- Pastas: 755 | Arquivos: 644 (evite 777).
- Verifique se a pasta
/img(ou/uploads) permite leitura pública.
7) Hotlink Protection / bloqueios
- Regras anti-hotlink no
.htaccessou na CDN podem impedir que seu próprio domínio carregue imagens (configuração errada). - Inclua seus domínios na lista de permitidos (com e sem
www, e versãohttps).
8) HTTPS e “mixed content”
Se o site usa HTTPS e a imagem está em HTTP, o navegador pode bloquear (conteúdo misto). Use URLs https:// ou caminhos relativos (// ou /img/...).
9) Tamanho, formato e integridade
- Arquivos muito grandes podem não carregar ou demorar; otimize (WebP/AVIF quando possível).
- Confirme se a extensão bate com o conteúdo (um PNG renomeado como JPG pode falhar).
10) Dicas específicas para WordPress
- Verifique Mídia → Biblioteca e se o caminho de upload está correto (
wp-content/uploads). - Permissões:
wp-content/uploadscom leitura adequada. - Conflitos de plugins de otimização/lazy-load: desative temporariamente para testar.
- Após migrações, atualize a URL do site e limpe cache.
Como diagnosticar com o navegador (rápido)
- Aperte F12 (DevTools) → aba Network e recarregue a página.
- Filtre por Img e veja o Status (200/404/403/500) e o URL solicitado.
- Aba Console mostra avisos de mixed content e erros de carregamento.
• Nomeie arquivos em minúsculas, sem acentos/ç, sem espaços (use
-).• Organize em pastas lógicas (
/img, /uploads).• Otimize imagens (dimensões certas + compressão).
• Padronize HTTPS e revise redirects para evitar conteúdo misto.
Modelo para abrir ticket
Assunto: Imagens não carregam no site
Domínio/URL da página: [https://seusite.com.br/pagina]
URL de uma imagem com problema: [https://seusite.com.br/img/banner.jpg]
Testes realizados: [URL direta abre? cache limpo? CDN purge? DevTools status?]
Observações: [Hotlink ativo? HTTPS/HTTP? Permissões da pasta?]
Precisa de ajuda?
Abra um chamado na Central do Cliente ou fale conosco pelo WhatsApp. Podemos verificar caminhos, permissões, hotlink, cache/CDN e SSL.
- WhatsApp: Conversar no WhatsApp
- Ticket/Chat: acesse sua Central do Cliente e abra um chamado.
Palavras-chave: imagens não aparecem, imagem 404, hotlink, mixed content, cache navegador, CDN, permissões 755 644, caminho relativo, maiúsculas minúsculas, WordPress imagens, uploads, SSL
