![]()
Travaillant dessus depuis quelques semaines déjà, c’est avec plaisir que je vous annonce aujourd’hui la mise en ligne de la première version d’Icones.pro !
Icones.pro est un moteur de recherche d’images PNG et d’icônes en français. Il propose actuellement plus de 15 000 images référencées dans sa base et je souhaite continuer à en ajouter régulièrement. Il ne s’agit pas d’un blog mais bien d’une espace de partage et de recherche d’images PNG. J’ai choisi de me lancer dans cette aventure en constatant le nombre de graphistes et webdesigners qui s’amusaient à publier des packs d’icônes ou d’images sur différents thèmes et le nombre de personnes / webmasters / blogueurs qui pouvaient en être friand et en chercher. Actuellement, il existe surtout ce genre de site en anglais (US) mais pas à ma connaissance en France.
La page d'accueil du site Icones.pro
Le site est construit essentiellement autour de son moteur de recherche. Vous entrez un ou deux mots-clé que vous cherchez et boom les résultats s’affichent.. classique mais efficace :) Dans un deuxième temps, vous pouvez continuer votre navigation depuis une image en découvrant les images du même genre ou les images issues du pack d’icônes. A date, il n’y a pas d’entrée de navigation par catégorie afin de privilégier le moteur de recherche, à vous de me dire si cela manque.
A ce titre, j’ai mis en place (dans le coin droit en bas de chaque page) un système de feedback pour me remonter toutes anomalies, tout avis ou encore une nouvelle fonctionnalité que vous aimeriez voir arriver sur Icones.pro.
Par ailleurs je compte développer pas mal de contenus éditoriaux sur tout ce qui attrait à l’utilisation des icônes, à leur création sur Mac, sur PC, etc.
Je pense qu’Icones.pro intéressera avant tout les webdesigners ou blogeurs cherchant des images pour illustrer leurs sites ou blogs, des graphistes, des personnes cherchant des illustrations pour leurs slides PowerPoint ou encore tous les utilisateurs de Windows ou Mac voulant personnaliser les icônes de leur dossier. Le référencement du site dans Google m’en dira plus en surveillant les recherches des internautes qui les mèneront sur le site.
Parmi toutes les recherches envisageables, certaines marchent déjà pas mal comme :
Même si le site semble terminé et disponible en ligne, je considère que le plus gros reste encore à faire : améliorer la pertinence des résultats. C’est un des chantiers de fond de ce projet et je ne compte pas m’arrêter là ! Pour le constaterez peut-être mais certaines recherches renvoient beaucoup (trop) de résultats. Il y a un travail de paramétrage à mener au fil des recherches qui vont être faites sur le site. J’ai donc besoin de vous pour améliorer le site ! Je pense concentrer mes efforts dans un premier temps sur les termes les plus recherchés, le moteur de recherche complet s’améliorera ainsi peu à peu.
Choix radical et sans appel, Icones.pro ne supporte pas Internet Explorer 6… du tout ! Pour le lancement et certainement pour la suite, les utilisateurs du très vieux (2001) IE 6 sont redirigés vers une page les invitant à migrer vers un navigateur plus récent. Icones.pro utilisant pas mal de JavaScript, des PNG transparents (non supportés en natif par IE6, je le rappelle) et visant une population d’utilisateurs assez habitués au web, je ne pense pas que cette page sera souvent affichée. Mais bon je vais surveiller les stats quand même :)
Ca en surprendra certains, mais Icones.pro est construit sur Wordpress ! Wordpress est en effet devenu un outil robuste et que l’on peut aisément adapter pour l’utiliser comme un véritable CMS. J’ai donc construit toute la logique du site autour de cet outil en le tordant un peu pour répondre à mon besoin. Avec une bonne gestion du cache en place, je pense que le serveur devrait tenir un bon moment avant de rencontrer des difficultés de charge. Nous verrons bien. Pour la partie rendue, j’utilise le célèbre jQuery. De manière générale, j’ai essayé d’optimiser le temps d’accès des pages en minifiant et regroupant les JS et CSS.

La page d'accueil propose plusieurs navigations transverses : les plus vues, les plus téléchargées, etc.
Le moteur de recherche propose de l'auto-complétion avec prévisualisation !

Chaque image PNG est téléchargeable en un clic dans plusieurs tailles
Pour chaque image, vous pouvez avoir toutes ces infos, la téléchager en PNG ou ICO et la partager !

Découvrez pour chaque image, toutes les images qui y ressemblent

Mais vous pouvez aussi découvrir les images du même pack d'icônes
Allez n’attendez plus, découvrez Icones.pro et donnez-moi votre avis !
1. geekafterall.fr avec Des icones de qualité avec icones.pro | Geek After All le 16 octobre 2009.
2. www.fredzone.org avec Icones.pro, un moteur de recherche dédié aux icônes… | Fredzone le 16 octobre 2009.
3. www.deldie.net avec Icones.pro : un moteur de recherche de (belles) icônes en français | Deldie le 17 octobre 2009.
4. www.presse-minute.net avec Icones.pro, le moteur de recherche d’icônes français ! | Presse-Minute le 19 octobre 2009.
5. www.maxime-viry.com avec Icones gratuites pour graphistes et webmasters le 21 octobre 2009.
6. www.pleebi.com avec Icones.pro : Collection d'images PNG et d'icônes | Services Web2.0 le 21 octobre 2009.
1. Commentaire posté par Thomas le 16 octobre 2009 à 14 h 57 min
Je trouve le concept plus que sympa !
Alors que les graphistes proposent leurs packs en vrac dans un blog, l’idée d’avoir regroupé tout cela sur un site est plutôt intéressante.
J’aime aussi l’idée du simple moteur de recherche au contraire de ceux qui proposent :
- taille
- couleur
- format
- …
Le fait de ne mettre qu’un champ pousse l’utilisateur à apprendre à chercher.
Un seule remarque : j’ai vu une petite redondance d’icônes lors d’une même recherche (facebook légo), avec des tailles différentes.
En dehors de cela, très bon travail, je pense que j’irai régulièrement faire un tour.
2. Commentaire posté par Thomas le 16 octobre 2009 à 14 h 59 min
J’ai oublié de dire « Merci », alors merci =)
3. Commentaire posté par tetageek le 16 octobre 2009 à 15 h 04 min
Site plutôt sympa, mais tu peut changer le nombre d’icones car tu en as 14422 :-)
Tu pourra voir ce que j’ai tappé dans la zone de recherche en faisant un rapprochement avec mon IP.
Sinon très bon concept
4. Commentaire posté par R0M4iN74 le 16 octobre 2009 à 15 h 08 min
Je rejoins ce que dit Thomas… le site est vraiment joli, il tourne plutôt bien mais des fonctionnalités comme la recherche d’images par taille, couleur ou format pourrait être utile.
En gros il te faudrait amélioré le moteur de recherche. Le fait de pouvoir proposer de nouveaux icônes est très intéressants.
Au final, un bon petit service à bookmarker!
5. Commentaire posté par Nico le 16 octobre 2009 à 15 h 09 min
Bravo pour ce site !
Par contre pourquoi avoir choisi Wordpress plutôt qu’un développement from scratch avec un framework comme Zend ou Symphony ?
Il faut de la motivation pour aller autant modifier un code de base si crade et mal architecturé !
Bonne chance à icones.pro anyway :)
6. Commentaire posté par Thomas le 16 octobre 2009 à 15 h 36 min
@R0M4iN74 : Romain, je me suis peut-être mal exprimé mais en fait, je disais que la fonction de recherche était très bien comme ça. Nul besoin de paramètres encombrants.
7. Commentaire posté par Julien le 16 octobre 2009 à 15 h 53 min
Très bon site !
Un petit point pourrait être améliorer c’est au niveau de la licence des icones. Quid d’une utilisation professionnelle ? LGPL et companie c’est assez difficile à comprendre pour un novice (surtout que le lien redirige vers une page en anglais).
8. Commentaire posté par Fred le 16 octobre 2009 à 17 h 20 min
Excellent, je viens de relayer l’info sur la Fredzone :)
9. Commentaire posté par Jimmy le 16 octobre 2009 à 17 h 43 min
Bon site, on ne peut que te souhaiter de devenir un référence FR, ce qui manque un peu en ce domaine.
Mes quelques remarques gratuites :
* la recherche par taille je trouve que c’est vraiment un plus en seconde couche. 1) je recherche sur un mot-clé 2) je filtre sur une échelle de taille qui m’intéresse.
* la gestion des licences, idem que Julien. Si ça pouvait être plus simple en général, ça aiderait sans doute à les respecter.
* ergonomie : tout bête, mais en cliquant sur les icônes de l’icone aux différents formats, je m’attendais à ce que l’icone s’affiche dans la zone principale, plutot que de la télécharger direct.
* un petit cookie pour enregistrer la couleur de fond serait pas de refus, ça éviterait d’avoir à la rechoisir à chaque fois.
10. Commentaire posté par Moneylib le 16 octobre 2009 à 19 h 34 min
tres bonne initiative j’utilisais iconfinder mais la navigation et le moteur de recherche de icones.pro me semblent beaucoup plus intéressant pour chercher et surtout trouver la bonne icône ! merci fred pour ce super outil !
11. Commentaire posté par Fardeen le 16 octobre 2009 à 22 h 40 min
Bon site. Meilleure présentation que IconFinder. Manque plus que l’API est ca deviendra la ref FR de l’icone gratuit ;)
12. Commentaire posté par Nicolas le 16 octobre 2009 à 23 h 07 min
Sobre, efficace !
Il laisse la part belle aux icônes, les stars de ce site.
J’ai été surpris de quitter aussi vite le site en cliquant sur le titre d’une série ou d’un auteur.
Une simple remarque sur la pagination des listes réponses :
- sur le 24″, c’est facile de changer de page, l’écran est grand
- sur le macbook pro, besoin de scroller vers le bas pour atteindre la page suivante
et on ne voit pas tous les icônes d’un coup d’oeil.
Soit pouvoir choisir le nombre d’icône par page, et réduire la longueur de page
Soit dupliquer les liens pour changer de page
En tout cas une 1ère version déjà pertinente.
Bonne chance à icones.pro !
13. Commentaire posté par Fred le 16 octobre 2009 à 23 h 09 min
Bravo pour cette belle réalisation, autant pour le design que pour la technique.
14. Commentaire posté par Pierre le 17 octobre 2009 à 19 h 07 min
Bravo, un site pro qui met en avant le sujet.
Le site donne envie de rester dessus et de parcourir la bibliothèque en détail.
Je rejoint les quelques remarques au niveau du nombre de résultats, et de la résulution d’écran.
Bonne continuation,
Pierre
15. Commentaire posté par kéké le 17 octobre 2009 à 21 h 24 min
C’est un site joli et pratique !
Ce que je trouve dommage, c’est qu’il n’est pas prévu de modifier ses images de manière dynamique pour ensuite les proposer… ça pourrait rajouter un peu de diversité. J’avais bidouillé un truc pour mon jeu :
http://www.magdales.com/i_liste_type_sol.php?modification_image=1
Le principe est simple : on reprend une image, on la modifie, et on la sauvegarde du côté serveur.
Bonne continuation à toi !
kéké
16. Commentaire posté par eRiiic le 18 octobre 2009 à 11 h 36 min
bonjour,
petite question : étant en phase de réflexion sur une nouveau site, j’aimerais savoir quel ont-été tes choix pour l’hébergement de ton nouveau site : mutualisé ou dédié ? et chez quel hébergeur si ce n’est pas trop indiscret ? C’est tellement difficile de trouver un bon hébergeur que j’aimerais avoir l’avis d’un pro comme toi ;-) Merci d’avance.
Sinon, j’ai également créé récemment un site avec wordpress comme CMS et c’est génial… quel gain de temps tout en restant très professionnel comme ton nouveau site ! c’est nickel !!!
17. Commentaire posté par Frédéric Cozic le 19 octobre 2009 à 10 h 50 min
Tout d’abord un grand merci à tous pour votre accueil chaleureux et vos nombreux retours notamment via le système de Feedback du site (plus de 70 feedbacks reçus !). Le site démarre plutôt pas mal et je compte bien continuer à bosser dessus !
Pour vous répondre dans l’ordre :
@Thomas : ta remarque sur la possibilité de filtrer les recherches par taille / couleur, etc est quelque chose de très demandé par plusieurs utilisateurs. Je vais donc travailler dessus. Pour la redondance de certains résultats je vais enquêter sur le sujet.
@tetageek : eh eh petit malin !! effectivement mais j’en ai bien 20 000 de côté et les 5000 manquantes vont arriver très vite !
@R0M4iN74 : comme je l’ai dit à Thomas et dans l’article, c’est bien une première version… le site va évoluer et vous en proposer plus très vite !
@Nico : Pourquoi Wordpress au lieu de Symphony ou Zend ? et bien tout simplement parce que je connais très bien ce CMS, qu’il répond à tous mes besoins. Et pour info, je n’ai pas du tout touché au code de base mais juste travailler par plugin ou hack propres. Quand WP évoluera, icones.pro aussi ! Avec le recul, le résultat final me conforte dans mon choix tant que le fonctionnel que sur la technique/performance.
@Julien : Bonne remarque sur les licences. Pour rappel, chaque image/icône possède bien sa licence et celle-ci est indiquée dans la barre de droite : voir capture. Je vais essayer de clarifier tout cela et d’expliquer les différentes licences directement sur le site.
@Fred : Merci !
@Jimmy : j’ai déjà répondu sur les deux premiers points. Pour ton point sur l’ergonomie, je n’avais pas pensé à ce comportement. Je vais voir si je le mets en place ou non. Pour le cookie sur le choix de la couleur de fond, c’est une très bonne remarque : je l’inscris dans la roadmap…
@Moneylib : merci et heureux que cela te plaise !
@Fardeen : intéressant ta remarque sur l’API car je ne vois pas quel usage tu pourrais en faire. dis-moi en plus !!! ^_^
@Nicolas : très bonne remarque sur les aspects navigation et pagination. Je vais mettre des petits ajustement en place très rapidement…
@Fred : Merci !! ravi qu’il te plaise…
@Pierre : merci, tu pourras lire mes retours sur tes remarques juste au dessus !
@kéké : pas mal ce petit script ! pour l’instant la soumission de nouvelles icônes est proposer par mail uniquement : Proposer une série d’icônes ou d’images
@eRiiic : OUi Wordpress comme CMS est génial et puissant ! j’adore. Pour l’hébergement, icones.pro est sur un de mes serveurs dédiés chez OVH. je suis chez eux depuis pas mal de temps et j’en suis ravi !
D’autre remarques / questions ?
18. Commentaire posté par Sarlat le 20 octobre 2009 à 11 h 48 min
ya pas mal de choix, c’est bien fait, on si retrouve facilement, bravo et merci
19. Commentaire posté par Martin Leblanc le 20 octobre 2009 à 16 h 53 min
Interesting site you have made – it reminds me a bit of my own, Iconfinder.net
20. Commentaire posté par Frédéric Cozic le 21 octobre 2009 à 7 h 28 min
@Sarlat : merci !
@Martin Leblanc : yep, iconfinder is one of the reference on this topic ! nice job… i’m focusing on french market for beginning…
21. Commentaire posté par Martin Leblanc le 21 octobre 2009 à 12 h 35 min
Seriously, you have just copied/scraped Iconfinder and you’re launching it as a new search engine without even mentioning where you downloaded all the icons or giving any credits to Iconfinder.
Take for example these two screen shots:
Icones.pro: http://farm4.static.flickr.com/3479/4031833072_dc9369a7ca.jpg
Iconfinder: http://farm3.static.flickr.com/2619/4031834314_a181633f27.jpg
Notive how it says ‘Oliver Schotz (and others)’ – nowhere else on the internet does it say ‘(and others)’ because I wrote after that part when the icons where added to Iconfinder. You have just copied the text directly.
What would you say if people copied your blogposts?
Come on, man.
22. Commentaire posté par David le 21 octobre 2009 à 15 h 41 min
Bonjour ! Tout d’abord, merci beaucoup pour ce site, très pratique ! J’utilisais déjà régulièrement iconlook, ne connaissais pas iconfinder, je trouve les attaques de « Martin Leblanc » un peu abusives, le principe est le même, donc il me semble inévitable qu’il y ai des similitudes…
Et je doute que même si le « stock » d’icone avait été repris de la bas, il y aurait quand même un gros travail d’indexation, etc.
Bref, perso j’apprécie particulièrement de pouvoir faire des recherches d’icones avec des mots clés en français, donc merci :)
23. Commentaire posté par 3d le 27 octobre 2009 à 12 h 34 min
je rejoins tout le monde en vous félicitant pour ce nouveau site, pratique.
24. Commentaire posté par mumuri le 30 octobre 2009 à 15 h 04 min
bon courage
25. Commentaire posté par Cryptocoryne le 02 novembre 2009 à 13 h 56 min
Très bonne idée. Bon courage pour la suite
26. Commentaire posté par hdmi le 03 novembre 2009 à 19 h 25 min
Très bonne initiative.
27. Commentaire posté par cathy B le 09 novembre 2009 à 15 h 10 min
Doublement merci! Je cherchais des icônes pour mon portfolio, qui est un site hébergé chez OVH. Si je cherche des icônes, c’est pour refaire complètement ce site sous wordpress (en restant chez OVH)!… Et découvrir ton site me confirme qu’il est vraiment possible de réaliser autre chose qu’un blog avec wordpress. (Je suis preneuse de ton avis sur la question: priorité aux galeries photo, plus quelques pages « reportages documentaires », sous Wordpress, c’est tout à fait possible, non?)
Pour revenir au vrai sujet, je rejoins les précédents commentaires: très pratique, en français, et direct dans mes favoris!
28. Commentaire posté par depannage informatique le 23 novembre 2009 à 19 h 33 min
Je trouve l’idée bonne et le design bien propre et sobre.