Recherche chaud: Problèmes avec un chauffe-eau Whirlpool comment etre un vrai tomboy marketing les notions a savoir différentiel des globules blanc comment nettoyer des boyaux ondulation sur les ongles habitats naturels types surdosage et symptomes anti dépresseur
Index Loisirs Santé Technologie

Comment générer un Favicon pour toutes les plateformes majeures

Publié:2012-06-24Source: général
Advertisement

Le favicon est la petite icône affichée dans l'onglet du navigateur Web, à proximité du titre du site Web. Chaque site web est censé venir avec un favicon, ce qui contribue à son identité.

Favicon est souvent considéré comme un seul fichier nommé "favicon.ico", a déclaré dans le code HTML de chaque page. Cela est suffisant pour le bureau de navigation (par ex. Internet Explorer sur Windows), mais pas pour la plupart des environnements mobiles.

La procédure suivante explique comment générer une favicon, non seulement pour les navigateurs de bureau (le fichier "favicon.ico") mais pour toutes les plateformes majeures. Il est basé sur RealFaviconGenerator, un service en ligne gratuit qui génère tous les fichiers nécessaires et le code HTML correspondant à la fois.

Étapes

Comment générer un Favicon pour toutes les plateformes majeures


1

Préparez une photo qui servira de base pour le favicon. Cette image est probablement le logo de votre site web ou votre entreprise. Il a les conditions suivantes:

Il doit être d'équerre (ex. 500x500).

Il doit être au moins 70x70, 310x310 mais est recommandé.

Il doit être au format PNG ou JPG. PNG est préférable.

Comment générer un Favicon pour toutes les plateformes majeures


2

Aller à RealFaviconGenerator. Cherchez le lien dans les sources ci-dessous.

Comment générer un Favicon pour toutes les plateformes majeures


3

Cliquez sur le bouton «Choisissez votre image Favicon" et sélectionnez votre favicon sur votre ordinateur. Une fois que votre image est choisi, il est téléchargé vers le service, traitée, et un éditeur de favicon est affiché.

Comment générer un Favicon pour toutes les plateformes majeures


4

Editez votre favicon pour iOS et Android Dans le "Favicon pour iOS et Android - Web Clip". Section, vérifiez votre image dans le milieu de la simulation iPhone / iPad. Vous avez trois possibilités:

Gardez l'image telle qu'elle est. Ceci est un bon choix si votre image est opaque et n'a pas de frontières (depuis iOS arrondit automatiquement les coins des icônes, les frontières carrés sont coupés).

Si votre image utilise la transparence, vous avez la possibilité d'ajouter un fond opaque, de sorte que votre icône des allumettes directives d'Apple. Vous pouvez également ajouter la marge (et sa couleur) afin de vous l'image d'origine à aucun «toucher» les frontières.

Vous pouvez spécifier une photo dédié, conçu spécifiquement pour iOS.

Comment générer un Favicon pour toutes les plateformes majeures


5

Modifier votre image pour Windows 8. Dans la "Favicon pour Windows 8 - Tile" section, vérifiez votre image dans le coin inférieur gauche de la simulation de Surface Windows 8 / Windows. Sélectionnez une couleur de fond de carreaux. De préférence, choisissez une couleur suggéré, car ils sont les couleurs utilisées entre Windows Surface. Tu peux aussi:

Utilisez l'image d'origine comme elle est.

Si votre image est transparente, vous avez la possibilité d'utiliser une version saturée ("blanchi"). Depuis Windows 8 / Surface utilise telle conception, ce réglage fera de votre icône d'intégrer de façon transparente dans le bureau.

Vous pouvez spécifier une photo dédié, conçu spécifiquement pour Windows Surface.

Comment générer un Favicon pour toutes les plateformes majeures


6

Cliquez sur le bouton "Générer vos Favicons et code HTML".

Comment générer un Favicon pour toutes les plateformes majeures


7

Obtenez et installez votre favicon.

Dans la page suivante, suivez la première étape en cliquant sur le lien "paquet Favicon" pour télécharger vos photos.

Extraire le package à la racine de votre site web.

Copiez le code HTML dans le section <head> de vos pages Web.

Merci pour ton aide! S'il vous plaît nous dire ce que vous savez à propos de

...

Conseils

Une fois que votre favicon est déployé, votre peut facilement le vérifier avec http://realfavicongenerator.net/favicon_checker

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking