it-swarm.com.de

Wie kann ich das Symbol aus der .eps-Datei verwenden und es auf meine Site laden?

Ich habe

eine Dateifile.eps, die ich von http://www.shutterstock.com/ heruntergeladen habe, sieht so aus:

enter image description here


Ich will

um all diese Icons in ein eigenes Stück zu exportieren, damit ich sie auf meiner Site verwenden kann.


Ich habe es versucht

es ist sehr zeitaufwendig, dies einzeln manuell zu tun. Jetzt suche ich nach einer besseren Möglichkeit, alle zu exportieren.


Ich habe ein paar Fragen

Gibt es eine Mac-Anwendung, mit der ich meinen file.eps in mehrere icon.png-Dateien exportieren/aufteilen kann?

Sollte ich sie überhaupt extrahieren müssen?


Mein Hauptziel ist:

  • laden Sie sie auf meiner Website
  • mindest-HTTP-Anforderung beibehalten
  • auf Retina-Displaygeräten sehen sie fantastisch aus.
8
kyo

Ich bin mir sicher, dass es mehr als einen Weg gibt, um diese Art von Aufgabe zu erfüllen, aber so erreiche ich meinen. Hier sind meine Schritte:


1. Konvertieren Sie .eps in .png

Dazu habe ich meinen file.eps in Illustrator geöffnet und gehe zu Datei> Für Web speichern> PNG-8 auswählen> Speichern. Sie sollten sehen, dass es an Ihr gewünschtes Ziel exportiert wird.


2. Erstellen Sie ein Sprites-Stylesheet

Gehen Sie zu http://www.spritecow.com/

Ich lade meinen exportierten file.png und wähle ein beliebiges Objekt aus. Ein entsprechender CSS-Code sollte für mich automatisch so generiert werden:

enter image description here


3. Ergebnis

Ich habe mehrere Symbole ausgewählt, die mir gefallen, und sie richtig angezeigt.

Schließlich habe ich mein Ergebnis zusammengestellt: HIER

Hoffe diese Antwort hilft jemandem wie mir.

10
kyo

Für Mac-Benutzer können Sie das Standardprogramm in Preview verwenden.

Gehen Sie nach dem Öffnen des Bildes zu Datei> Exportieren> Formatieren.

Sie können dann Ihr gewünschtes Format auswählen und es gibt auch eine Option, um auszuwählen, wo es gespeichert werden soll.

Hoffe das hilft auch :)

0
AshNaz87