• Rédigé le 1 octobre 2009 par Christophe Schmitt
    closeCet article a été publié il y a déjà 4 mois 10 jours, il est tout à fait possible que les informations publiées ici soient à présent incomplètes ou plus à jour.

    Certains d’entre vous se demandent comment l’on peut extraire l’icône d’une application pour ensuite la réutiliser. L’opération est simple et peut être menée de deux manières : à la main ou avec une application tierce. Pour cet exemple, je me suis servi de l’application Tweetie mais cela fonctionne sur quasiment toutes les applications pour MacOS X, si elle est développée selon les règles de l’art.

    Sachez tout d’abord que le moyen utilisé par une application pour afficher son icône est un fichier au format ICNS. Ce format comporte plusieurs tailles d’icônes afin de s’afficher au mieux suivant les situations. La taille maximale est de 512 x 512 pixels (256 pixels sous Windows) et le format ICNS permet d’héberger des « imagettes » transparentes.

    Extraire un icône « à la main »

    1. Ouvrir son paquet
    Avec le bouton droit de votre souris (ou Ctrl + clic) demandez à afficher le contenu du paquet de l’application.

    2. Un paquet bien rempli
    Le paquet de l’application contient une foule de choses que je vous conseille d’éviter de déplacer ou modifier. Ouvrez le dossier « Contents » puis le sous-dossier « Resources ».

    3. Une icône parfois bien cachée
    Localisez l’icône de l’application dans ce dossier. Très souvent, elle porte le même nom que l’application ou, suivant les développeurs, le nom générique de « AppIcon ». Dans tous les cas, elle porte l’extension .ICNS.

    4. Plusieurs aperçus de l’icône
    Double-cliquez sur le fichier ICNS. Par défaut, celui-ci s’ouvre avec Aperçu. Ne tentez pas de l’ouvrir avec Photoshop, le logiciel d’Adobe ne reconnaît pas le format ICNS.

    5. Exportez votre icône
    Sélectionnez la plus grosse taille d’icône. Enregistez sous celle-ci (Cmde + Maj + S). Dans la zone de dialogue qui s’affiche, choisissez votre format d’image. Pour ma part, j’utiliser le format PNG qui conserve la qualité de l’icône ainsi que sa transparence.

    Votre icône est à présent une image à part entière. En l’ouvrant dans Photoshop, on voit bien qu’elle est tout à fait transparente et réutilisable.

    Extraire une icône avec IconBurglar

    J’ai choisi IconBurglar pour cette opération car l’application vient d’être mise à jour. Pour en savoir plus sur celle-ci, vous pouvez consulter notre article rédigé lors de sa sortie en version 1.0.

    1. Lancez IconBurglar. Glissez/déposez l’icône de l’application dont vous souhaitez extraire l’icône.

    2. IconBurglar possède plusieurs onglets (Info, Icon, Images…), choisissez « Icon ». Sélectionnez le format de l’icône à exporter à) l’aide du petit menu situé en bas de la fenêtre. Votre icône est exportée et réutilisable.

    La capture d’IconBurglar ci-dessus utilise l’icône du logiciel exportée en PNG transparent.

    Pour copier/coller une icône, vous pouvez suivre ce mini-tuto.

    Cet article vous a intéressé ? Essayez donc ceux-ci :



  • 11 commentaires à “Mini tuto : extraire l’icône d’une application”

    • Antho le 1 octobre 2009

      Vraiment très sympa cette petite astuce :)

    • OctansART le 1 octobre 2009

      Merci pour le tutos =D

    • labucque le 1 octobre 2009

      Salut !
      J’adore ce site !
      Pour récupérer l’icône des applications en PNG, j’ai pour ma part l’habitude de glisser l’icône de celle-ci sur Aperçu directement.
      Après je fais une recherche « icns » dans le module de recherche d’Aperçu et j’ai l’icône complète que je peux ouvrir dans une nouvelle fenêtre. Et voilà !

      • Christophe Schmitt le 1 octobre 2009

        Tu glisses l’icône de l’application sur Aperçu ? Ça ne marche pas, une application ne pouvant ouvrir une application… Comment fais-tu ? ;) Ou alors j’ai pas tout compris :D

    • labucque le 1 octobre 2009

      Oui, je glisse l’icône de l’application sur l’icône d’Aperçu…
      Je te jure que ça marche…
      j’ai posté une video sur Vimeo mais il faut lui laisser le temps… :-(
      le lien :
      http://www.vimeo.com/6850635

    • Arthur Monnet le 1 octobre 2009

      Sinon en plus simple « à la main » il suffit de faire « lire les informations » ou cmd +i sur une application, cliquer sur son icône et cmd+c (copier) puis ensuite faire cmd+n dans aperçu :)

      Voilà je sais pas si c’est vraiment plus court, mais en tout cas c’est plus simple :)

      • Christophe Schmitt le 1 octobre 2009

        Mais non Arthur, ça n’est pas un tuto pour copier/coller une icône ;) Il s’agit de la récupérer pour s’en servir ailleurs, comme je le montre dans le montage à la fin de l’article… il faut lire jusqu’au bout :D

        • CyNaX le 1 octobre 2009

          Ou sinon il y a aussi le tout petit et excellent freeware IconGrabber de Lipidity, qui existe depuis 2007 et qui fonctionne très bien sur Snow Leopard. Difficile de faire plus simple d’utilisation, je le conseille à tous ;)
          http://lipidity.com/software/icongrabber/

    • Jack le 1 octobre 2009

      Très utile pour Fluid qui demande toujours l’icône de l’application
      http://fluidapp.com/

    • powerpomme le 2 octobre 2009

      Nota :

      Photoshop ne sait pas ouvrir un fichier ICNS, par contre Graphic Converter lui, le fait très bien, il permet aussi la conversion, les effets, les filtres, les modifications de dimension, tout ça pour un prix dérisoire, sur Mac only ;-)

      • Christophe Schmitt le 2 octobre 2009

        Personne n’a dit que Photoshop le savait :) Graphic Converter coûte tout de même 28,00€ alors que l’astuce ci-dessus ne coûte rien ;)
        Le site de Graphic Converter ne liste pas le format ICNS dans ses formats d’import.

    Réagissez à cet article