Operation Manual

Niet alleen de grootte, maar ook de resolutie kan per apparaat
verschillen. Wanneer u een responsief webontwerp plant, moet u er
rekening mee houden dat u afbeeldingen met verschillende resoluties
gebruikt zodat deze op alle apparaten correct worden weergegeven.
Het kan echter een hele klus zijn om voor alle afbeeldingen in uw
project allemaal versies met verschillende resoluties te maken.
Met Extract in Dreamweaver wordt echter veel gemakkelijker. Bij het
extraheren van een afbeelding uit uw Photoshop-compositie biedt de
2015-versie van Dreamweaver u de mogelijkheid versies met
verschillende resoluties van de desbetreffende afbeelding te
extraheren. De afbeelding in Photoshop wordt tijdens het extraheren
automatisch geschaald naar verschillende, vooraf gedefinieerde
resoluties.
Videozelfstudie: middelen batchgewijs
extraheren
(Probeer nu, 5 min.)
Meer informatie over hoe u voor het
web geoptimaliseerde afbeeldingen met
meerdere resoluties, waaronder
afbeeldingen voor HiDPI-schermen,
batchgewijs kunt extraheren uit een
Photoshop-document.
Extract voor apparaten
Ondersteuning voor percentages
Extract voor apparaten
U kunt deze afbeeldingen vervolgens aanroepen met JavaScript of mediaquery's zodat ze worden
weergegeven op basis van het apparaat waarop ze worden bekeken. Voor Retina-displays met een hoge
resolutie kunt u bijvoorbeeld de 2X-versie van de afbeelding gebruiken.
Zie Afbeeldingen extraheren uit PSD-bestanden voor meer informatie.
Meerdere afbeeldingsversies met verschillende resoluties extraheren
Ondersteuning voor percentages
In het deelvenster Extract kunt u de hoogte en breedte van afbeeldingen zowel in pixels als in percentages
weergeven. U kunt ook de afmetingen in percentages bekijken.
11