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.
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.
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.
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.
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.
Acontece com os melhores!! Você consegue alterar o tópico para solucionado?