2013-04-15 2 views
0

Je travaille sur plusieurs applications web qui appartiennent toutes au même site. Parce qu'il y a plusieurs projets ici, j'ai un grand nombre d'icônes qui sont nécessaires, chacun étant disponible dans environ 12 couleurs différentes. (La raison pour laquelle tant d'icônes sont des actions très spécifiques qui nécessitent une icône personnalisée spécifique). Le nombre total d'icônes avec lesquelles je travaille atteint facilement plus de 400 icônes si vous incluez toutes les variations de couleur. J'avais utilisé une image d'image-objet css pour inclure toutes ces icônes, mais à ce stade, comme je continue à devoir ajouter plus d'icônes, le CSS impliqué dans la génération de ces icônes de l'image-objet devient ridiculement long, et l'image-objet devenir beaucoup plus grand.Meilleure méthode pour inclure un grand nombre d'icônes dans un site Web?

Y at-il un meilleur moyen que je devrais inclure ces icônes dans le site? J'ai envisagé de créer une police d'icônes (ce sont toutes des icônes simples en couleur, donc ce serait bien) mais je ne suis pas sûr de la facilité de mise à jour. J'ai aussi pensé à créer des fichiers individuels pour les icônes et à les inclure en tant qu'image. Et puis il y a la route SVG aussi.

En fonction du nombre d'icônes dont j'ai besoin et de l'ajout régulier d'autres icônes, quelle serait, selon vous, la meilleure solution pour inclure les icônes? Au maximum, il peut y avoir jusqu'à 10 icônes différentes par page, mais je ne peux malheureusement pas garantir qu'il s'agirait de 10 icônes spécifiques. (comme dans, il n'y a pas de types spécifiques d'icônes que je peux regrouper).

Merci!

+1

Je recommande [Points] (http://draeton.github.io/stitches/). Je l'ai utilisé pour générer une feuille de sprites pour FamFamFam et ça marche bien. La mise à jour de vos feuilles serait plus facile, bien que vous ayez encore le problème de devoir créer la même feuille de sprites en différentes couleurs. – Bojangles

Répondre

1

Pour vous donner quelques options, essayez d'avoir un regard sur IcoMoon

Il est une application web qui fonctionne dans Chrome et vous permet d'importer vos propres SVG pour créer une police d'icône personnalisée. Il faut du bricolage, mais je ne dirais pas beaucoup plus que de générer une feuille de sprite. Vous avez alors la flexibilité que l'utilisation d'une police d'icône vous donne; l'indépendance de résolution, les modifications faciles de couleur etc.

La suggestion de Stitches de @Bojangles semble intéressante; Je vais bricoler avec ça cet après-midi! Si vous êtes sur le Mac, il y a SpriteRight, qui fournit des fonctionnalités similaires si vous préférez vos applications natives.

+0

Merci. IcoMoon a l'air intéressant. Je pense qu'une police d'icône serait la meilleure dans mon cas et cela semble la rendre très facile. C'est vraiment dommage qu'il soit hébergé sur leur site et nécessite un abonnement. Je ne suis pas sûr que mon entreprise ira pour ça. – BlueCaret

+0

On dirait que j'avais tort. Pas sûr de ce que je regardais mais je vois où je peux le faire gratuitement maintenant. Merci encore! – BlueCaret

Questions connexes