Logo favicon s'affiche mal

**nonotxh** · 02/12/2018, 09h21

Mon logo au format.ico s'affiche mal,

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- Version 1.0 en HTML5 et CSS3 -->
<!DOCTYPE html> <!-- TEST.html -->
<html>
<head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/x-icon" href="logo.ico"/> <!-- Mon logo au format .ico s'affiche bizarrement est-il trop compliqué ? -->
    <title> nonotxh </title>
    <link rel="stylesheet" href="feuille.css"/>
 
</head>
<body>
    <!-- Site en développement... -->
</body>
</html>

l'icône en cliquant ici ! Icône en JPG en pièce jointe !

Voici le résultat du code et de l'icône :

Merci d'avance, nonotxh...

**Manequin** · 04/12/2018, 16h04

Bonsoir, défini tin fichier.ico en 16px x 16px.

Cordialement.

**nonotxh** · 05/12/2018, 11h45

Comment ?

**Manequin** · 09/12/2018, 12h16

Bonjour, pour le faire,
1)va sur photoshop tu crée un nouveau fichier et tu défini la hauteur et la largeur en pixel (16x16).
2) Utilise ensuite la gomme magique pour enlever le fond blanc.
3) Importe enfin l'image qui doit être comme favicon.
4) Puis enregistre en ico.

Cordialement.

**nonotxh** · 09/12/2018, 12h39

Bonjour, je n'ai pas PhotoShop, donc le télécharge, sinon il y a un site (www.canva.com) qui permet de faire ce genre de modif.

Merci.

**Manequin** · 09/12/2018, 12h46

Je suis ravi si ton problème a été résolu.

Cordialement.

**nonotxh** · 09/12/2018, 12h59

En fait , mon logo est trop compliqué !

Logo de base (200*200 px) :

Logo obtenu (16*16 px du coup) :

Visualisation ( en grand) :

**Manequin** · 09/12/2018, 13h28

Je trouve qu'il n'est pas compliqué. C'est quelque chose que je fais presque tous les jours.
Essaie un peu ceci.
Ouvre ton fichier avec Paint, redimensionne en 16x16. Enregistrer.
Modifié l'extension de ton fichier en .ico

Cordialement.

Logo favicon s'affiche mal

HTML

Partager

Partager