@-grapheuse's Blog

Les favicons

agrapheuse — Thu, 03 Sep 2009 18:09:52 +0000

C’est quoi un favicon ???

Un favicon, c’est une (toute) petite image (icône) qui représente l’identité visuelle d’un site Web. Un peu comme un logo, mais en plus simplifié. On la trouve dans la barre d’adresse d’un navigateur, dans l’onglet de navigation et dans la liste de nos favoris. Elle peut également servir de puce pour les textes d’énumération.

Le favicon se trouve juste devant le “http”.

A quoi ça sert ?

Outre le côté esthétique et “dans le coup”, elle permet surtout au visiteur d’un site Web de reconnaître facilement le site qu’il visite par cette petite marque distinctive, surtout s’il a plusieurs onglets de navigation ou de pages Web ouverts. Pour l’entreprise, ou le propriétaire du site Web, il permet de consolider son image de marque et de perfectionner sa panoplie d’outils de communication.

Techniquement…

Le favicon doit être en mode 256 couleurs et de taille 32×32 ou 16×16 pixels. Les extensions (format de fichier) possibles sont multiples (.png, .gif, etc.) mais Internet Explorer est quant à lui plus difficile que Firefox ou autre navigateur, et ne prend que le format “.ico”

J’en veux un !!!! Je fais comment ???

Vous avez 4 solutions :

Vous me contactez et je vous le dessine et vous le mets dans le bon format !
Vous pouvez en trouver des tout-faits et gratuits sur la toile, notamment sur favicon.fr
Vous le créez dans le bon format à partir d’une image existante que vous possédez (vérifiez les droits d’auteur le cas échéant !) grâce à des sites spécialisés comme http://www.html-kit.com/favicon/ (site en anglais). (Merci à Voyage-Ecosse pour ce lien !)
Vous le dessinez vous-même. Si vous utilisez Photoshop, il vous faudra télécharger et installer les plug-in qui vont bien ! Vous pouvez les télécharger ici. Une fois téléchargés et décompressés, mettez-les dans le dossier des plug-in de votre version de Photoshop :

Procédure d’installation des Plug-in pour Photoshop.

Ensuite, vous pouvez ouvrir votre Photoshop (ou le fermer puis le rouvrir s’il était ouvert pendant l’installation), et enregistrer votre fichier en .ico grâce au menu “Fichier / enregistrer sous…. “. L’idéal étant de lui donner le nom suivant : “favicon.ico”.

Vous pouvez vous procurer d’autres plug-in gratuits pour faire vos favicons, notamment avec d’autres logiciels (Paint par exemple). En voici une liste pour les utilisateurs de Windows.

Enfin, il vous reste à l’installer sur votre site Web ! C’est un petit bout de code à mettre dans votre “Head” de votre site.

VOTRE-SITE.com/favicon.ico”>

RESO Management : étape 1 – logo et carte d’affaires

agrapheuse — Fri, 28 Aug 2009 13:24:43 +0000

Un logo dynamique, une carte d’affaires recto-verso épurée et tendance… Voilà mes premières réalisations pour RESO Management, un réseau d’experts en solutions organisationnelles…

Vous souhaitez voir TOUT MON PORTFOLIO ?

Un signet plutôt qu’une carte d’affaires ?

agrapheuse — Sun, 12 Jul 2009 20:14:09 +0000

Et pourquoi pas ?!?

Voici le travail réalisé pour Michel Racicot pour les besoins de sa nouvelle entreprise Écoménage Tocicar, après avoir réalisé son logo. Un bel outil promotionnel qui se distinguera sur les babillards !

Visualisez TOUT MON PORTOLIO en ligne!

Nouvelles réalisations…

agrapheuse — Tue, 16 Jun 2009 17:04:10 +0000

Dépliant (pamphlet) de Go Mesures d’urgence

Logotype de l’entreprise Écoménage Tocicar

Vous souhaitez voir TOUT MON PORTFOLIO ?

Créations toutes fraîches !

agrapheuse — Fri, 15 May 2009 19:00:14 +0000

Mes dernières réalisations au mois de mai 2009… logo, certificat cadeau, …

Logo et cartes d’affaires de Go Mesures d’urgence, une entreprise indépendante de services qui conçoit des plans de mesures d’urgence et des plans d’évacuation pour différents établissements et qui offre également des formations en réanimation, en premiers soins, en sauvetage et en mesures d’urgence.

Certificat cadeau de Louise Leboeuf, Massothérapeute

Vous souhaitez visualiser tout mon portfolio ?

Graphiste à Montréal… Archive de mon portfolio au 31 mars 2009

agrapheuse — Tue, 31 Mar 2009 14:00:56 +0000

Les logos…

Logo des produits Solo Fruit, de Caribbean Juice Canacol inc.

Logo de Z’ailes Communication

Logo de Émigé, ureau d’études

……………………………………………………………………………………………………….

Les cartes d’affaires et autre papeterie corporative

Offre de service pour un département de la banque Nationale du Canada (BNC) et, ci-dessous, sa pochette cartonnée (chemise, cartable)

Papeterie de Caribbean Juice

Papeterie des Jardin Urbains, pour une campagne de presse

Papeterie de Émigé,ureau d’études

……………………………………………………………………………………………………….

Autres réalisations de documents marketing et pulicitaire

De Solo Fruit, pour Caribean Juice : étiquettes produit, outils promotionnels (publicité sur le lieu de vente, etc.)…

Carte d’affaires et site web de Yann Laguna, Guide de pêche

Carte d’affaires de Martin Bilodeau, journaliste

Brochure de Média Film

Vous souhaitez voir mon portfolio au complet ?