Adobe Illustrator ist ein Vektor- Grafik-Programm mit einer Vielzahl von Funktionen für den Export von Bildern. Ein hilfreiches Feature ist die Möglichkeit, Bilder in Scheiben schneiden und exportieren Sie dann die Bilder und eine HTML-Datei mit CSS -Code, der die geschnittenen Bilder versammelt wieder zusammen. Dies ist nützlich beim Erstellen von Bild -intensive Layouts für das Web , als Benutzer mit eingeschränkten Internet-Konnektivität ( DFÜ-Benutzer , mobile Netzwerk-Benutzer , etc.) laden können und zeigt eine Reihe von kleineren Bildern , wo ein großes Bild kann eine Zeitüberschreitung . Die einzelnen Bilder können auch auf verschiedenen Web-Seiten verknüpft werden. Anleitung
1
Starten Sie Adobe Illustrator und klicken Sie dann auf "Datei" und "Öffnen".
2
Sie eine Adobe Illustrator ( " . AI" ) Datei auswählen und dann klicken Sie auf " Öffnen ".
3
klicken, um das " Slice" -Tool aus der Symbolleiste aus , wenn das Bild nicht bereits in Scheiben geschnitten. Klicken und ziehen Sie das Slice-Werkzeug , um das Bild in mehrere rechteckige Stücke , je nach Bedarf.
4
Klicken Sie auf das Menü "Datei" und klicken Sie dann auf trennen "Save for Web & Devices . "
< Br > 5
Klicken Sie auf den "Layers "-Reiter auf der rechten Seite des "Save for Web & Devices "-Fenster.
6
klicken, um einen Scheck in der " Export As CSS-Ebenen "-Box platzieren .
7
Klicken Sie , um eine Schicht aus dem Dropdown-Menü auswählen und dann auf zur Wahl von " Visible ", "Hidden " oder " Nicht exportieren " für die Schicht . Dieser legt fest, wie jede Schicht auf der Web -Seite mit dem generierten CSS-Code wird angezeigt.
8
Wiederholen Sie Schritt 7 für jede Schicht .
9
klicken, um einen Check-in legen die "Vorschau Nur ausgewählte Layer"- Feld, um die Schicht in der Drop -Down-Menü in der Haupt- Vorschaufenster ausgewählt anzusehen.
10
Klicken Sie auf die Schaltfläche "Speichern" . Klicken Sie auf " HTML und Bilder (*. Html) " aus dem Drop -Down-Menü " als Dateityp " wählen . Geben Sie einen Dateinamen ein und wählen Sie einen Speicherort .
11
Klicken Sie auf die Schaltfläche "Speichern" , um ein HTML-Dokument und Ordner "Images" bei der als Speicherort zu generieren. Das HTML-Dokument enthält die erzeugte CSS -Code und die "Bilder"- Ordner enthält die geschnittenen Bild -Datei (en ) .
