web-dev-qa-db-fra.com

Comment puis-je utiliser l'icône du fichier .eps et les charger sur mon site?

J'ai

un fichierfile.eps que j'ai téléchargé depuis http://www.shutterstock.com/ , il ressemble à ceci:

enter image description here


Je voudrais

exporter toutes ces icônes dans son propre morceau afin que je puisse les utiliser sur mon site.


J'ai essayé

faire cela manuellement, un par un, cela prend beaucoup de temps, maintenant je cherche un meilleur moyen de les exporter tous.


J'ai des questions

Existe-t-il une application Mac qui m'aide à exporter/découper mon file.eps dans plusieurs fichiers icon.png?

Devrais-je même avoir besoin de les extraire?


Mon objectif principal est:

  • chargez-les sur mon site
  • garder le minimum de requête HTTP
  • look génial sur les appareils d'affichage rétine.
8
kyo

Je suis sûr qu'il y a plus d'un moyen d'accomplir ce genre de tâche, mais c'est comme ça que je fais le mien. Voici mes étapes:


1. Convertir .eps en .png

Je l'ai fait en ouvrant mon file.eps dans Illustrator, puis en sélectionnant Fichier> Enregistrer pour le Web> Sélectionner PNG-8> Enregistrer. Vous devriez le voir exporter vers votre destination souhaitée.


2. Créer une feuille de style pour les sprites

Allez à http://www.spritecow.com/

Je charge mon file.png exporté et sélectionne tous les objets. Un code CSS correspondant doit être généré automatiquement pour moi comme suit:

enter image description here


3. résultat

J'ai sélectionné plusieurs icônes qui me plaisaient et les affiche correctement.

Enfin, je rassemble mon résultat: ICI

J'espère que cette réponse aidera quelqu'un comme moi.

10
kyo

Pour ceux sur un Mac, vous pouvez utiliser le programme par défaut dans Preview.

Une fois l'image ouverte, sélectionnez Fichier> Exporter> Format.

Vous pouvez ensuite sélectionner le format souhaité et une option vous permettant de choisir où l’enregistrer.

J'espère que cela aide aussi :)

0
AshNaz87