Création d'une favicon

Question

Comment puis-je créer un favicon pour mon site web ?

Answer 1

Si vous souhaitez créer des fichiers .ico, vous pouvez également utiliser GIMP pour créer des favicons. Les navigateurs modernes peuvent utiliser des fichiers images normaux, mais à l'origine, je pense qu'il s'agissait uniquement de fichiers .ico. Il s'agit d'un éditeur d'images open source similaire à Photoshop. Créez et modifiez une image de la bonne taille (disons 32 x 32), aplatissez-la en un seul calque (à moins que vous ne vouliez plusieurs icônes dans le même fichier) et enregistrez-la au format .ico. L'image sera formatée correctement, puis vous pourrez utiliser la méthode de Stefano pour créer des icônes. <link rel="SHORTCUT ICON" href="http://stackoverflow.com/favicon.ico"> pour l'utiliser dans votre page web.

Answer 2

J'utilise le logiciel libre Paint.net ainsi que le programme Plugin d'icônes .

Vous pouvez ensuite créer et enregistrer une image au format .ico avec toutes les tailles différentes intégrées dans le fichier .ico.

Answer 3

Lorsque vous créez un favicon, vous devez tenir compte des facteurs suivants :

• Plates-formes prises en charge Il y a dix ans, vous ne vouliez prendre en charge que les navigateurs de bureau et la solution consistait à générer le classique favicon.ico image. Aujourd'hui, vous souhaitez prendre en charge iOS (et iOS Safari) et Android (et Android Chrome). Peut-être aussi Windows 10 (et Edge) et le nouveau Mac Book Pro Touch Bar (macOS Safari). Vous ne pouvez plus vous contenter d'une image unique.
• Conception Dès que vous prenez en charge plusieurs plates-formes, vous êtes confronté à plusieurs lignes directrices en matière de conception. Par exemple, Google utilise des icônes transparentes pour ses propres applications natives sur Android, alors que les icônes iOS ne peuvent pas être transparentes du tout. Vous ne pouvez pas vous contenter d'une approche "unique".
• Icônes et code HTML générés Depuis deux ou trois ans, la référence a été de générer autant d'icônes que possible afin de couvrir tous les cas. Je crains d'avoir créé cette tendance tout seul :-/ Le problème est que l'on se retrouve avec une vingtaine de lignes de HTML, ce qui est beaucoup trop. Pour obtenir une solution technique satisfaisante, il faut trouver un équilibre entre la quantité d'icônes et de HTML générés et les plates-formes prises en charge.

Comme d'habitude, vous pouvez créer tous ces actifs manuellement. À moins que vous n'ayez des besoins très, très spécifiques et un budget, ce n'est certainement pas la voie à suivre.

Pour la plupart des gens, la bonne solution consiste à utiliser un générateur de favicon qui vous permet de décider de l'apparence de toutes les icônes et qui s'occupe de tous les détails. Le seul qui fait cela est Générateur de Favicon réel . Divulgation complète : je suis l'auteur de ce site.

Answer 4

Je crée mes favicons en 16 x 16 ou 32 x 32 à l'aide de Photoshop. Je les enregistre ensuite en tant que gif et j'utilise IrfanView pour convertir le gif en ico.

Answer 5

Et si vous utilisez asp.net, essayez cette méthode pour appliquer la favicon à votre page :

<link runat="server" rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
<link runat="server" rel="icon" href="~/favicon.ico" type="image/ico" />

mais vous pouvez trouver plus d'informations ici : http://doctype.com/