101 votes

Création d'une favicon

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

3voto

Rocketmonkeys Points 1122

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.

3voto

Matthew Lock Points 3945

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.

3voto

philippe_b Points 2346

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.

2voto

Max Points 6216

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.

1voto

Tarik Points 16118

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/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X