Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

[Bug] Imagem não aparece

Depois que eu fiz o deploy no site Vercel a imagem não aparece. Segue link https://portfolio-ah7b.vercel.app/ Não tinha feito a página sobre mim ainda. tela no site

7 respostas

Boa noite, O upload da imagem foi feito corretamente nos arquivos do site? Pode verificar se o path relativo bate?

Olá Samuel,

Então, não foi feito. No site da Vercel dá um erro '404 not found', mas a imagem está no meu repositório do GitHub. Ele está pegando o endereço certo "/img/imagem.png" mesmo assim dá o erro.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Bom dia, olhando mais de perto temos certeza que ./img/* é um path que funciona, pois os icones do Github, Linkedin e Instagram carregaram normalmente. De relance, eu diria que os nomes dos arquivos (imagem.png) podem não estar batendo ou que "imagem.png" talvez esteja fora de ./img/

O repositório está publico? Queria dar uma olhada na estrutura das pastas.

Observei tbm que que as outras imagens carregam normalmente. Alterei a visibilidade do repositório como público.

https://github.com/Delcio-Torres/portfolio

Delcio, boa tarde.

O problema se encontra na linha 35 do seu index.html:

Note que imagem está com i minúsculo, porém o arquivo de imagem em sua pasta de imagens, tem o nome "Imagem.png", com i maiúsculo. Essa é a raiz do problema. Sempre tome cuidado com o path dos recursos que vai usar, leve sempre em consideração o nome do arquivo e o caminho relativo.

A alteração de ./img/imagem.png para ./img/Imagem.png provavelmente vai solucionar seu problema.

Show Samuel.

Deu certo. Case-sensitive joga a gente no buraco de vez em quando.

Muito obrigado.

solução!

Acontece com os melhores!! Você consegue alterar o tópico para solucionado?