RakkoTools

Générateur d'icônes Favicon et App

Générer des icônes de favicon (.ico) et d'application à partir de l'image

Xのアイコン
Ajouter aux Favoris

Qu'est-ce que cet outil peut

Convertit les images en fichiers d'icônes (ico), des images de différentes tailles qui peuvent être utilisées comme icônes d'application dans de nombreuses applications mobiles.

Qu'est-ce qu'un favicon?

Le favicon est une petite image d'icône qui représente un site Web et est principalement utilisée dans la liste des signets dans un navigateur Web. Habituellement utilisé en taille 16x16px ou 32x32px.

Utile pour

  • Lorsque vous créez un site Web, mais si vous ne savez pas comment créer un favicon, créez-le en un clic.
  • Lorsque vous créez une application pour smartphone, créez immédiatement une icône d'application correspondant à différents modèles

Pour utiliser le favicon généré, insérez le code suivant au début du document HTML

<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

outils connexes