Diz o velho ditado que "uma imagem vale mais que mil palavras." Este slogan brilha na web, onde a atenção se estende são notoriamente curtos - a imagem certa pode fazer ou quebrar um site, atraindo a atenção certa e a página envolvente visitantes.
Ainda assim, quando um gráfico não carrega, faz com que o design pareça quebrado e, em alguns casos, pode degradar a experiência do usuário naquele site. As "mil palavras" que a imagem quebrada envia certamente não são positivas!
1. Caminhos de arquivo incorretos
Quando você adiciona imagens a um site HTML ou CSS arquivo, você deve criar um caminho para o local em sua estrutura de diretório onde esses arquivos residem. Este é o código que informa ao navegador onde procurar e buscar a imagem. Na maioria dos casos, isso estaria dentro de uma pasta chamada imagens. Se o caminho para esta pasta e os arquivos dentro dela estiverem incorretos, as imagens não serão carregadas corretamente porque o navegador não poderá recuperar os arquivos corretos. Ele seguirá o caminho que você indicou, mas chegará a um beco sem saída e, em vez de exibir a imagem apropriada, ficará em branco.
2. Nomes de arquivos com erros ortográficos
Enquanto você examina o caminhos de arquivo para seus arquivos, verifique se você digitou o nome da imagem corretamente. Nomes incorretos ou erros ortográficos são a causa mais comum de problemas de carregamento de imagens.
3. Extensões de arquivo erradas
Em alguns casos, você pode ter o nome do arquivo digitado corretamente, mas a extensão do arquivo pode estar incorreta. Se sua imagem é um arquivo .jpg, mas seu HTML está procurando por um .png, haverá um problema. Use o tipo de arquivo correto para cada imagem e fazer referência a essa mesma extensão no código do seu site.
Além disso, procure a diferenciação de maiúsculas e minúsculas. Se o seu arquivo terminar com .JPG, com as letras todas em maiúsculas, mas seu código fizer referência a .jpg, todas em letras minúsculas, certos servidores da web veem esses dois como diferentes, embora sejam os mesmos conjuntos de letras. Sensibilidade a maiúsculas e minúsculas conta.
É uma prática recomendada sempre salvar os arquivos com todas as letras minúsculas. Isso nos permite usar sempre letras minúsculas em nosso código, eliminando um possível problema que poderíamos ter com nossos arquivos de imagem.
4. Arquivos ausentes
Se os caminhos para seus arquivos de imagem estiverem corretos, e o nome e extensão de arquivo também não apresentam erros, verifique se os arquivos foram carregados no servidor da web. Negligenciar o upload de arquivos para aquele servidor quando um site é lançado é um erro comum que pode ser facilmente esquecido.
Faça upload dessas imagens, atualize sua página da web e os arquivos deverão ser exibidos imediatamente, conforme o esperado. Você também pode tentar excluir a imagem do servidor e carregá-la novamente. Às vezes, os arquivos são corrompidos durante as transferências (por exemplo, por texto em vez de transferência binária durante o FTP), então esse método de "excluir e substituir" às vezes ajuda.
5. O site que hospeda as imagens está fora do ar
Normalmente, você hospedará as imagens que seu site usa por conta própria servidor, mas em alguns casos, você pode usar imagens hospedadas em outro lugar. Se o site que hospeda a imagem cair, suas imagens também não serão carregadas.
6. Problemas de transferência
Quer um arquivo de imagem seja carregado de um domínio externo ou do seu próprio, sempre há uma chance de que possa haver um problema de transferência para esse arquivo quando ele é solicitado pela primeira vez pelo navegador. Esse problema não deve ser comum (se for, talvez você precise procurar um novo provedor de hospedagem), mas pode acontecer de vez em quando.
Um motivo comum para essa falha é que o servidor está sobrecarregado e não pode servir todos os ativos de página com rapidez suficiente antes que a solicitação expire. Você verá esse problema mais comumente com servidores da Web virtuais provisionados de maneira barata que lutam para lidar com sites mais complicados e com muitos scripts. Se esse problema ocorrer com freqüência, considere atualizar os recursos do servidor ou encontre um novo host.
7. Problemas de banco de dados
Os aplicativos da web dinâmicos modernos, como o WordPress, contam com um banco de dados para armazenar informações sobre tudo em um site, incluindo as imagens. Se o seu site não carregar imagens, é possível que o banco de dados esteja com algum problema.
Existem várias maneiras pelas quais os problemas de banco de dados podem acontecer. Seu aplicativo pode nem mesmo estar conectado ao banco de dados, porque está inativo ou inacessível em um servidor diferente. Algo pode ter sido corrompido no próprio banco de dados ou as informações do usuário do seu banco de dados foram alteradas, desconectando você. Mesmo alterações simples nas configurações podem desencadear consequências indesejadas que alteram o banco de dados ou o tornam inacessível. Verifique os logs do servidor para ver se o banco de dados pode ser o culpado.
Algumas notas finais
Considere o uso adequado de tags ALT e a velocidade e o desempenho geral do seu site.
ALT, ou “texto alternativo”, as tags são exibidas por um navegador se uma imagem não for carregada. Eles também são um componente importante na criação de sites acessíveis que podem ser usados por pessoas com certas deficiências. Cada imagem embutida em seu site deve ter uma tag ALT apropriada. Imagens aplicadas com CSS não oferecem este atributo.