Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Photoshop, webdesign - opslaan voor web en apparaten
1. PHOTOSHOP CS4 GEBRUIKEN 563
Webafbeeldingen
Afbeeldingen optimaliseren
Optimalisatie
Wanneer u een afbeelding voorbereidt voor het web en andere onlinemedia, zult u een afweging moeten maken tussen
de kwaliteit en de bestandsgrootte van de afbeelding.
Opslaan voor web en apparaten
U kunt de optimalisatiefuncties in het dialoogvenster Opslaan voor web en apparaten gebruiken om een voorvertoning
van geoptimaliseerde afbeeldingen te bekijken in verschillende bestandsindelingen en met verschillende
bestandskenmerken. U kunt meerdere versies van een afbeelding tegelijk weergeven en optimalisatie-instellingen
wijzigen terwijl u een voorvertoning van de afbeelding bekijkt om de beste combinatie van instellingen te selecteren.
Verder kunt u de transparantie en randkleur opgeven, opties voor de besturing van dithering selecteren en de
afbeelding verkleinen of vergroten tot specifieke pixelafmetingen of een specifiek percentage van de oorspronkelijke
grootte.
Als u een geoptimaliseerde afbeelding opslaat met de opdracht Opslaan voor web en apparaten, kunt u een HTML-
bestand voor de afbeelding genereren. Dit bestand bevat alle vereiste gegevens voor het weergeven van uw afbeelding
in een webbrowser.
Photoshop Opslaan als en Afbeeldingsprocessor
In Photoshop kunt u de opdracht Opslaan als gebruiken om een afbeelding op te slaan als een GIF-, JPEG- of PNG-
bestand. Afhankelijk van de bestandsindeling kunt u instellingen voor afbeeldingskwaliteit, achtergrondtransparantie
of randkleur, kleurenweergave en downloadmethode opgeven. Webfuncties (zoals segmenten, koppelingen en
animaties) die u aan een bestand hebt toegevoegd, blijven echter niet behouden.
U kunt ook de Photoshop Afbeeldingsprocessor gebruiken om kopieën van een map met afbeeldingen in de JPEG-
indeling op te slaan. U kunt de Afbeeldingsprocessor gebruiken om het kleurprofiel van de afbeeldingen te vergroten
of te verkleinen en het te converteren naar de webstandaard sRGB.
Opslaan voor web en apparaten: overzicht
U gebruikt het dialoogvenster Opslaan voor web en apparaten (Bestand > Opslaan voor web en apparaten) om
optimalisatieopties te selecteren en een voorvertoning van de geoptimaliseerde illustraties te bekijken.
2. PHOTOSHOP CS4 GEBRUIKEN 564
Webafbeeldingen
A
C
B
D
E
F G H I
Dialoogvenster Opslaan voor web en apparaten
A. Weergaveopties B. Gereedschapset C. Pop-upmenu Optimaliseren D. Pop-upmenu Kleurentabel E. Animatiebesturingselementen (alleen
Photoshop) F. Tekstvak Zoomen G. Menu Voorvertoning in Browser H. Oorspronkelijke afbeelding I. Geoptimaliseerde afbeelding
Afbeeldingen voorvertonen in het dialoogvenster
O Klik op een tab bovenaan het afbeeldingsgebied om een weergaveoptie te kiezen:
Origineel Hierbij wordt de afbeelding weergegeven zonder optimalisatie.
Optimaal Hierbij wordt de afbeelding weergegeven met de toepassing van de huidige optimalisatie-instellingen.
2-maal tonen Hierbij worden twee versies van de afbeelding naast elkaar weergegeven.
4-maal tonen Hierbij worden vier versies van de afbeelding naast elkaar weergegeven.
Navigeren in het dialoogvenster
Als niet de hele illustratie zichtbaar is in het dialoogvenster Opslaan voor web en apparaten, kunt u met het Handje
een ander gedeelte van de afbeelding zichtbaar maken. Gebruik het gereedschap Zoomen om de weergave te vergroten
of te verkleinen.
• Selecteer het gereedschap Handje (of houd de spatiebalk ingedrukt) en versleep in het weergavegebied om
verschillende gedeelten van de afbeelding weer te geven.
• Selecteer het gereedschap Zoomen en klik in een weergave om in te zoomen; houd Alt (Windows) of Option
(Mac OS) ingedrukt en klik in een weergave om uit te zoomen.
U kunt ook een vergrotingspercentage invoeren of een percentage kiezen onder in het dialoogvenster.
3. PHOTOSHOP CS4 GEBRUIKEN 565
Webafbeeldingen
Informatie over geoptimaliseerde afbeeldingen en downloadtijd weergeven
In het notitiegebied onder elke afbeelding in het dialoogvenster Opslaan voor web en apparaten vindt u informatie
over het optimaliseren. De notities bij de oorspronkelijke afbeelding geven de naam en de grootte van het bestand aan.
In de notities bij de geoptimaliseerde afbeelding ziet u de huidige opties voor optimalisatie, de grootte van het
geoptimaliseerde bestand en de geschatte tijd die nodig is om het bestand met de geselecteerde modemsnelheid te
downloaden. Selecteer een modemsnelheid in het pop-upmenu Voorvertoning.
Een afbeelding voorvertonen met verschillende gammawaarden
De gammawaarde van een computermonitor bepaalt hoe licht of donker een afbeelding wordt weergegeven in een
webbrowser. In Windows-systemen wordt een gamma van 2.2 gebruikt, dus lijken afbeeldingen op Windows-
systemen donkerder dan op Mac OS-systemen, die normaal gesproken zijn ingesteld op een gamma van 1.8. In
Photoshop kunt u een voorvertoning bekijken van hoe uw afbeeldingen er op systemen met verschillende
gammawaarden zullen uitzien en kunt u gamma-aanpassingen aan de afbeelding aanbrengen ter compensatie. Een
voorvertoningsoptie activeren heeft geen gevolgen voor de uiteindelijke afbeelding.
O Kies één van de volgende opties met het pop-upmenu Voorvertoning in het dialoogvenster Opslaan voor web en
apparaten.
Monitorkleur Hiermee past u het gamma van een afbeelding niet aan. Monitorkleur is de standaardinstelling.
Macintosh (geen kleurbeheer) Hiermee wordt een aanpassing weergegeven die op het standaard Macintosh-gamma
is gebaseerd.
Windows (geen kleurbeheer) Hiermee wordt een aanpassing weergegeven die op het standaard Windows-gamma is
gebaseerd.
Documentprofiel gebruiken Hiermee stemt u het gamma af op een kleurprofiel van een bijgesloten document met
kleurbeheer.
Een afbeelding voor het web optimaliseren
1 Kies Bestand > Opslaan voor web en apparaten.
2 Klik op een tabblad boven in het dialoogvenster om een weergaveoptie te kiezen: Optimaal, 2-maal tonen of 4-maal
tonen. Als u 4-maal tonen selecteert, klikt u op de voorvertoning die u wilt optimaliseren.
3 (Optioneel) Als uw afbeelding meerdere segmenten bevat, selecteert u een of meer segmenten die u wilt
optimaliseren.
4 Selecteer een vooraf ingestelde optimalisatie-instelling in het menu Voorinstelling of stel afzonderlijke
optimalisatieopties in. Welke opties beschikbaar zijn, hangt af van de bestandsindeling die u selecteert.
Als u werkt in de modus 4-maal tonen, kiest u Weergave opnieuw vullen in het menu Optimaliseren, zodat er
automatisch een kwalitatief minder goede versie wordt gegenereerd van de afbeelding nadat u de optimalisatie-
instellingen hebt gewijzigd.
5 Stel de optimalisatie-instellingen nauwkeurig af totdat u tevreden bent met de balans tussen beeldkwaliteit en
bestandsgrootte. Als uw afbeelding meerdere segmenten bevat, zorg er dan voor dat u alle segmenten optimaliseert.
Om de oorspronkelijke versie van een geoptimaliseerde voorvertoning te herstellen, selecteert u deze en vervolgens
kiest u Oorspronkelijk in het menu Voorinstellingen.
6 Als u een afbeelding optimaliseert met een ander ingesloten kleurprofiel dan sRGB, moet u de kleuren van de
afbeelding converteren naar sRGB voordat u de afbeelding opslaat voor gebruik op het web. Zo zorgt u ervoor dat
de kleuren in de geoptimaliseerde afbeelding er hetzelfde uitzien in verschillende webbrowsers. De optie Omzetten
in sRGB is standaard geselecteerd.
4. PHOTOSHOP CS4 GEBRUIKEN 566
Webafbeeldingen
7 (Alleen Photoshop) Kies in het menu Metagegevens welke XMP-metagegevens u wilt opslaan bij het
geoptimaliseerde bestand. Metagegevens worden volledig ondersteund door de JPEG-bestandsindeling en
gedeeltelijk door de bestandsindelingen GIF en PNG. Dit kunnen alle metagegevens met bestandsinformatie zijn
die aan het document zijn toegevoegd (kies Bestand > Bestandsinfo om de metagegevens van het document te
bekijken of in te voeren).
Geen Er worden geen metagegevens opgeslagen. Zo krijgt u de kleinste bestanden.
Copyright Hiermee worden de copyrightkennisgeving, gebruiksvoorwaarden, copyrightstatus en de URL met de
copyrightinfo opgeslagen.
Copyright en Contactinfo Hiermee wordt naast alle copyrightinformatie ook de volgende informatie opgeslagen:
maker, functie van de maker, e-mailadres(sen), adres(sen), woonplaats, provincie, postcode, land, telefoonnummer(s)
en website(s).
Alles, met uitzondering van Camera-info Hiermee slaat u alle XMP-metagegevens op, met uitzondering van de EXIF-
gegevens. Tot de EXIF-gegevens behoren camera-instellingen en informatie over de opname, zoals sluitersnelheid,
datum en tijd, brandpuntsafstand, belichtingscompensatie, meetpatroon en of de flits is gebruikt.
Alle Hiermee worden alle XMP-metagegevens opgeslagen in het bestand.
8 Klik op Opslaan.
9 In het dialoogvenster Optimale opslaan als voert u de volgende handelingen uit en vervolgens klikt u op Opslaan:
• Voer een bestandsnaam in en selecteer vervolgens een locatie voor het resulterende bestand of de bestanden.
• Selecteer een indelingsoptie om aan te geven welk type bestanden u wilt opslaan: een HTML-bestand en
afbeeldingsbestanden, alleen afbeeldingsbestanden of alleen een HTML-bestand.
• (Optioneel) Stel uitvoerinstellingen voor HTML en afbeeldingsbestanden in.
• Als uw afbeelding meerdere segmenten bevat, selecteert u een optie voor het opslaan van segmenten in het menu
Segmenten: Alle segmenten of Geselecteerde segmenten.
Om de laatste opgeslagen versie van de optimalisatie-instellingen te herstellen, houdt u Alt (Windows) of Option (Mac
OS) ingedrukt en klikt u op Herstellen. Om de instellingen te bewaren voor een volgende keer dat u het dialoogvenster
Opslaan voor web en apparaten opent, drukt u op Alt/Option en vervolgens op Herinneren.
Als u een video wilt bekijken over het opslaan van bestanden voor het web in Illustrator, gaat u naar
www.adobe.com/go/vid0063_nl.
Zie ook
Video over het opslaan voor het web in Illustrator
“Optimalisatieopties voor webafbeeldingen” op pagina 570
“Geoptimaliseerde afbeeldingen voorvertonen in een webbrowser” op pagina 569
“Uitvoeropties instellen” op pagina 582