Operation Manual

Geräte unterscheiden sich nicht nur in ihrer Größe, sondern auch in
der Auflösung. Ihre Planung für ein responsives Webdesign muss
Bildversionen für mehrere Auflösungen berücksichtigen, damit diese
korrekt auf unterschiedlichen Geräten gerendert werden. Es kann
jedoch schwierig sein, für alle Bilder in Ihrem Projekt so viele
Versionen in unterschiedlichen Auflösungen zu erstellen.
Mit Extract in Dreamweaver wird diese Aufgabe erheblich vereinfacht.
Beim Extrahieren eines Bilds aus Ihrer Photoshop-Komposition im
Release 2015 von Dreamweaver können Sie angeben, dass auch
Versionen mit unterschiedlichen Auflösungen extrahiert werden sollen.
Das Bild in Photoshop wird beim Extrahieren automatisch auf
verschiedene vordefinierte Auflösungen skaliert.
Videotutorial: Assets im Stapel
extrahieren
(Ausprobieren, 5 Min.)
Erfahren Sie, wie Sie mehrere
weboptimierte Bilder gleichzeitig in
unterschiedlichen Auflösungen – auch
für HiDPI-Bildschirme – aus einem
Photoshop-Dokument extrahieren.
Extract für Geräte
Unterstützung für %-Einheiten
Extract für Geräte
Sie können diese Bilder dann in JavaScript oder Medienabfragen aufrufen, um sie abhängig vom Gerät, auf
dem sie angezeigt werden, anzuzeigen. Für ein HD-Retina-Display können Sie z. B. die 2X-Version des
Bildes verwenden.
Weitere Informationen finden Sie unter Bilder aus PSD-Dateien extrahieren.
Versionen mit mehreren Auflösungen eines Bildes extrahieren
Unterstützung für %-Einheiten
Im Bedienfeld „Extract“ können Sie jetzt die Breite und Höhe von Bildern in Pixeln sowie in %-Werten
anzeigen. Außerdem können Sie die Maße in % anzeigen.
11