Afbeeldingen optimaliseren

Optimaliseren

Optimalisatie voor het web is het proces van comprimeren van afbeeldingen en het instellen van weergaveopties voor optimaal gebruik op internet. Wanneer je afbeeldingen op internet plaatst, wordt bestandsgrootte belangrijk; je wilt een bestandsgrootte bereiken die klein genoeg is voor een redelijke downloadtijd, maar groot genoeg om kleuren en details naar tevredenheid te behouden. Er zijn drie belangrijke grafische bestandstypes die op het web worden gebruikt: GIF, JPEG en PNG.

Wanneer je afbeeldingen op het web plaatst, moet je nadenken over bestandsgrootte. Het doel is een bestandsgrootte die klein genoeg is voor redelijke download- tijden maar die kleuren en details naar tevredenheid behoudt.

Drie belangrijke grafische bestandsindelingen worden op het web gebruikt: GIF, JPEG en PNG. Je kunt afbeeldingen in deze indelingen optimaliseren met een van de volgende methoden:

• Voor nauwkeurige optimalisatie van een afbeelding voor gebruik in web authoring applicaties, zoals Adobe® Dreamweaver®, kun je de opdracht Opslaan voor web gebruiken. Het dialoogvenster Opslaan voor web laat je een voorvertoning van je afbeelding zien in verschillende bestandsindelingen en met verschillende optimalisatie-instellingen. Je kunt ook transparantie- en animatie-instellingen instellen.

• Voor een basisoptimalisatie gebruikt u de opdracht Opslaan als. Afhankelijk van de bestandsindeling kun je afbeeldingskwaliteit, achtergrond- transparantie of matting, kleurweergave en downloadmethode specificeren.

Using the Save For Web dialog box

Gebruik het dialoogvenster Opslaan voor web voor een voorvertoning van de effecten van verschillende optimalisatieopties op een foto die je wilt delen op het web. Het proces is eenvoudig: Open een foto en kies Bestand > Opslaan voor web. Kies vervolgens een indeling uit het bestandsindeling- menu (GIF, JPEG, PNG‑8 of PNG‑24) en stel naar wens opties in. (Het menu met de bestandsindelingen bevindt zich vlak onder het menu Voorinstelling.) Dit slaat een kopie van je bestand op, zonder het originele beeld te overschrijven.

Optimalisatieopties staan aan de rechterkant van het dialoogvenster Opslaan voor web. Behalve dat u een webindeling voor het bestand kiest, kunt u ook compressie- en kleuropties selecteren, de transparantie van de achtergrond behouden of de matte voor de achtergrond instellen en de grootte van de afbeelding wijzigen. U kunt vooraf gedefinieerde instellingen gebruiken (door een indeling te kiezen in het menu Voorinstelling), of opties selecteren die specifiek zijn voor de indeling om de optimalisatie te verfijnen.

In de afbeeldingsvensters wordt links de oorspronkelijke afbeelding weergegeven en ziet u rechts een voorvertoning van de geoptimaliseerde afbeelding. Onder elk venster staat optimalisatie-informatie: de huidige instellingen, de grootte van het geoptimaliseerde bestand en de geschatte downloadtijd. Als u aanpassingen doorvoert, worden de nieuwe instellingen onder de geoptimaliseerde afbeelding weergegeven.

In de linkerbovenhoek van het dialoogvenster vindt u een kleine gereedschapset. Als u andere gebieden van een afbeelding wilt bekijken, selecteert u het gereedschap Handje en sleept u om deze gebieden weer te geven. Om in te zoomen op een afbeelding, selecteer je het zoomgereedschap en klik je in een weergave; houd vervolgens de Option-toets ingedrukt en klik opnieuw om uit te zoomen.(U kunt ook het vakje Zoomen onder aan het dialoogvenster gebruiken.) Gebruik het pipet Kleur om mattekleuren te maken.

Geoptimaliseerde bestandsindelingen voor het web

Je kunt kiezen tussen vier indelingen voor het web. Gebruik de volgende richtlijnen bij het kiezen van de indeling voor je webafbeelding:

Doorgaans is deze indeling de beste keuze voor het opslaan van foto's.

Deze indeling is net als JPEG geschikt voor het opslaan van foto's. Kies alleen PNG‑24 in plaats van JPEG wanneer je afbeelding transparantie bevat.(JPEG ondersteunt geen transparantie; je moet het vullen met een matte kleur.) PNG‑24-bestanden zijn vaak veel groter dan JPEG-bestanden van dezelfde afbeelding.

GIF is de indeling voor lijnkunst, illustraties met grote gebieden van effen kleur en scherpe details, en tekst. Ook als je een geanimeerde afbeelding wilt exporteren, moet je GIF gebruiken.

PNG-8 is een minder bekend alternatief voor GIF. Gebruik het voor dezelfde doeleinden (behalve animatie).

Afbeeldingen in GIF- en PNG-8-formaten, ook wel afbeeldingen met geïndexeerde kleuren genoemd, kunnen tot 256 kleuren weergeven. Om een afbeelding naar het formaat met geïndexeerde kleuren te converteren, bouwt Photoshop Elements een kleurentabel. Als een kleur in de oorspronkelijke afbeelding niet voorkomt in de kleurentabel, kiest de applicatie de dichtstbijzijnde kleur in de tabel of simuleert de kleur met een combinatie van beschikbare kleuren.

JPEG- en PNG-24-bestanden ondersteunen 24-bits kleur, dus ze kunnen tot 16 miljoen kleuren weergeven. Afhankelijk van het formaat kun je de kwaliteit van de afbeelding, achtergrondtransparantie of matting, kleurweergave en de methode opgeven die een browser moet gebruiken om de afbeelding weer te geven tijdens het downloaden.

Het uiterlijk van een afbeelding op het web hangt ook af van de kleuren die worden weergegeven door het computerplatform, besturingssysteem, monitor en browser.Het kan zijn dat je afbeeldingen wilt bekijken in verschillende browsers en op verschillende platforms om te zien hoe ze op het web worden weergegeven.

Een vooraf ingestelde optimalisatie-instelling toepassen

Je kunt snel en eenvoudig een afbeelding voor web optimaliseren door een vooraf gedefinieerde optimalisatie-instelling te kiezen, een voorinstelling genaamd, uit het menu Voorinstelling rechtsboven in het dialoogvenster Opslaan voor web. Voorinstellingen zijn op maat gemaakt om te voldoen aan de optimalisatiebehoeften van verschillende soorten afbeeldingen.

De naam van elke voorinstelling geeft het bestandstype en kwaliteitsniveau weer. Kies bijvoorbeeld JPEG Hoog om een afbeelding in JPEG-formaat te optimaliseren met hoge beeldkwaliteit en lage compressie. Kies GIF 32 Dithered om een afbeelding in GIF-formaat te optimaliseren, het aantal kleuren terug te brengen tot 32 en dithering toe te passen.

Verwante informatie

• Een voorvertoning van een geoptimaliseerde afbeelding in een webbrowser bekijken
• Variaties in de kleurenweergave voorvertonen
• Geschatte downloadtijd weergeven