Imagem .PNG não aparece quando corro no Chrome ou Firefox

[Venneno]

Olá,

num site que estou a criar utilizo uma imagem .PNG e esta não aparece quando corro no Chrome nem no Firefox.

Criei a imagem .PNG no Inkscape e estou a programar no Brackets da Adobe. Nem no suport do Inkscape ou do Brackets encontro o problema muito menos a solução. No suport do Firefox o mais parecido que encontro é que como o site não tem verificação nem identidade e não é cifrada, é assumida como uma ligação não segura e então as imagens não são mostradas.

Também não mostra .JPG e no Brackets quando faço hover sobre o link mostra a imagem e por isso assumo que o problema não seja do Brackets (nem da minha programação 😛 ).

Como dou volta a isto?

---//--- Edit

Descobri pelo debug no Chrome que este vai buscar a imagem partindo de " file:///C:/ " (Porquê ???)

Eu tenho na mesma pasta do ficheiro "index.html" uma pasta "imagens", não deveria ir a essa pasta?

exemplo: desktop\website\imagens\imagem.png e desktop\website\index.html

/imagens/imagem.png

com isto vai a "C:\imagens\imagem.png" em vez de "desktop\website\imagens\imagem.png"... exeprimentei

/Users/Utilizador/desktop/website/imagens/imagem.png

e dá, mas depois terei de mudar o código todo. 😕

E a imagem de background em CSS aparece perfeitamente com

background: url("../imagens/bg.png");

[HappyHippyHippo]

retira a barra inicial dos endereços das imagens

<img src="imagens/imagem.png" alt="img" />

[Venneno]

Ah ok. Obrigado.

No dia seguinte reescrevi toda essa parte e deu, mas fiquei sem saber o porquê do erro da primeira vez. Agora percebi, obrigado.