Les favicons sont de minuscules images qui navigateurs Web placez-le à côté du titre sur un onglet de page Web. Les navigateurs modernes utilisent également des favicons dans la section des signets, la barre de liens et les cartes sur la page la plus visitée. Dans la plupart des cas, le favicon sera un logo d’entreprise. Les favicons sont essentiellement de très petits actifs de marque qui sont également utiles pour améliorer l’expérience utilisateur.
Créer une icône favorite
À l’origine, un favicon était une simple image de 16 pixels sur 16 pixels dans .ico
Format. Vous aurez maintenant besoin d’une pléthore de tailles et de formats de favicon différents pour s’adapter à la grande variété d’appareils et de systèmes d’exploitation disponibles dans la nature. Cette Astuces CSS article décrit ces différences en détail.
Les favicons sont faciles à mettre en œuvre sur un site Web, mais créer une image attrayante dans un si petit nombre de pixels n’est pas une tâche anodine. Une option consiste à utiliser un générateur de favicons. Un bon exemple qui expliquera toutes les différentes tailles requises est Véritable générateur de favicons. Téléchargez votre logo en taille réelle et le générateur créera une collection de fichiers image. Vous pouvez également créer des favicons à partir de rien à l’aide de packages d’images tels que Photoshop. Ceci est généralement préférable pour créer une image nette.
Icônes de sites Web tiers
Très probablement, les favicons ne sont pas la seule icône dont vous avez besoin. Pour chaque profil de réseau social que vous créez pour votre entreprise, vous aurez besoin d’une image d’icône distincte. Chaque site de réseautage social utilise différentes tailles d’image pour les icônes. L’image est généralement carrée, mais pas toujours. La plupart des sites de réseaux sociaux fourniront un guide pour les tailles et les formats d’image de leurs différentes icônes. un exemple est Page de taille de profil Facebook. gravatar est un autre endroit utile pour avoir une icône.
Lire la suite
Pour en savoir plus sur les favicons, consultez ces liens utiles :