Operation Manual

Aanbevolen procedures voor het maken van webafbeeldingen
Naar boven
Naar boven
Webafbeeldingen
De modus Voorvertoning pixels
Adobe Device Central gebruiken met Illustrator
Illustrator bevat allerlei gereedschappen voor het maken van een lay-out voor webpagina's of voor het maken en optimaliseren van
webafbeeldingen. Gebruik bijvoorbeeld webveilige kleuren, zorg dat de kwaliteit van de afbeelding en de bestandsgrootte op elkaar zijn afgestemd
en kies de beste bestandsindeling voor uw afbeelding. Webafbeeldingen kunnen de voordelen van segmenten en afbeeldingen met hyperlinks
benutten, u kunt diverse optimaliseringsopties gebruiken en met Adobe Device Central controleren of uw bestanden goed op het web worden
weergegeven.
Webafbeeldingen
Wanneer u afbeeldingen ontwerpt voor het web, dient u rekening te houden met andere kwesties dan bij het ontwerpen van afbeeldingen die
worden afgedrukt. Op www.adobe.com/go/vid0063_nl vindt u een video over het opslaan van afbeeldingen voor het web. Op
www.adobe.com/go/vid0193_nl vindt u een video over het importeren en het kopiëren en plakken tussen webtoepassingen.
Houd daarom rekening met de volgende drie richtlijnen voor verstandige beslissingen over webafbeeldingen:
1. Gebruik webveilige kleuren.
Kleur is vaak een belangrijk aspect van illustraties. De kleuren die u in het tekengebied ziet, komen echter niet altijd overeen met de kleuren die in
de webbrowser van een andere gebruiker worden weergegeven. U kunt dithering (het simuleren van onbeschikbare kleuren) en andere
kleurproblemen voorkomen door tijdens het maken van webillustraties twee voorzorgsmaatregelen te treffen. Werk ten eerste altijd in de RGB-
kleurmodus. Ten tweede kunt u het beste webveilige kleuren gebruiken.
2. Zorg voor een balans tussen afbeeldingskwaliteit en bestandsgrootte.
Voor de distributie van afbeeldingen op het web is het van essentieel belang dat u kleine afbeeldingsbestanden maakt. Webservers kunnen kleine
bestanden efficiënter opslaan en overdragen en bezoekers kunnen ze sneller downloaden. U kunt de grootte van en de geschatte downloadtijd
voor een webafbeelding bekijken in het dialoogvenster Opslaan voor web en apparaten.
3. Kies de beste bestandsindeling voor de afbeelding.
Verschillende typen afbeeldingen moeten voor optimale weergave en voor geschikte bestandsgrootte voor het web in verschillende
bestandsindelingen worden opgeslagen. Zie Optimalisatieopties voor webafbeeldingen voor meer informatie over specifieke indelingen.
Illustrator bevat een groot aantal sjablonen die speciaal voor het web zijn gemaakt, met inbegrip van webpagina's en webbanners. Kies
Bestand > Nieuw van sjabloon als u een sjabloon wilt kiezen.
Overzicht van het venster Opslaan voor web en apparaten
Een afbeelding voor het web optimaliseren
Overgaan naar een webveilige kleur
De modus Voorvertoning pixels
Om webontwerpers in staat te stellen accurate pixelontwerpen te maken, is de eigenschap 'pixeluitlijning' toegevoegd aan Illustrator CS5. Wanneer
de eigenschap 'pixeluitlijning' is ingeschakeld voor een object, worden alle horizontale en verticale segmenten in het object uitgelijnd op het
pixelraster, zodat lijnen een zuivere weergave krijgen. Bij transformaties wordt een object opnieuw uitgelijnd op het pixelraster op basis van de
nieuwe coördinaten, zolang deze eigenschap is ingesteld voor het object. U kunt deze eigenschap inschakelen door de optie Uitlijnen op
pixelraster te selecteren in het deelvenster Transformeren. Illustrator CS5 bevat ook de optie Nieuwe objecten uitlijnen op pixelraster op
documentniveau. Deze optie is standaard ingeschakeld voor webdocumenten. Wanneer deze eigenschap is ingeschakeld, is voor nieuwe objecten
die u tekent de eigenschap 'pixeluitlijning' standaard ingesteld.
Zie Paden met pixeluitlijning tekenen voor webworkflows voor meer informatie.
Wanneer u een illustratie opslaat in bitmapindeling, zoals JPEG, GIF of PNG, wordt de illustratie in Illustrator gerasterd op 72 pixels per inch. Als u
een voorvertoning van gerasterde objecten wilt weergeven, kiest u Weergave > Voorvertoning pixel. Deze opdracht is met name handig als u de
exacte plaatsing, grootte en anti-aliasing van objecten in een gerasterde afbeelding wilt bepalen.
Ga als volgt te werk om te begrijpen hoe objecten in pixels worden verdeeld: open een bestand met vectorobjecten, kies Weergave >
Voorvertoning pixels en vergroot de afbeelding, zodat u de afzonderlijke pixels kunt zien. De plaatsing van pixels wordt bepaald door het
pixelraster dat het tekengebied verdeelt in stappen van 1 punt (1/72 inch). U kunt het pixelraster weergeven als u inzoomt met 600%. Als u een
object verplaatst, toevoegt of transformeert, wordt het object uitgelijnd op het pixelraster. Het resultaat is dat eventuele anti-aliasing langs de
446