Insérer une image détouré sur html

Par Traks, il y a 3 ans

Les bases HTML/CSS

Hey,
J'aimerai mettre une image détourée au préalalable avec gimp en favicon.
J'ai essayé de la mettre en .jpg ou en .png mais l'image semble tout simplement ne pas être prise en charge par le site.
J'ai essayé dechercher sur internet mais a chaque fois on me propose juste des sites pour détourer des images.
Pour info je travail sur Replit .

Un extrait de mon code a l'heure actuelle concernant l'image.

<link rel="icon" type="image/x-icon" href="images/icone_haut_de_page.jpg">

Merci d'avance ^^

1 réponse

JoolsMcFly, il y a 3 ans

Salut.

Tu dis que tu affiches image/x-icon mais ton image est jpg.
Regarde la syntaxe et tu verras comment intégrer ton image.

Si tu as détouré l'image c'est que ton fond est transparent donc :

<link rel="icon" type="image/png" href="/images/icone_haut_de_page.png">

Note le / dans href pour être sûr que ça aille bien chercher depuis la racine de ton site.
Il faut aussi que ton image soit carrée a priori.