Afbeeldingen optimaliseren

Optimaliseren

Optimalisatie voor het web is het proces waarbij afbeeldingen worden gecomprimeerd en weergaveopties worden ingesteld voor optimaal gebruik op internet.Wanneer je afbeeldingen op internet plaatst, wordt bestandsgrootte belangrijk;\nje wilt een bestandsgrootte bereiken die klein genoeg is om een\nredelijke downloadtijd mogelijk te maken, maar groot genoeg om kleuren en\ndetails naar tevredenheid te behouden.Er zijn drie belangrijke grafische bestandsformaten die op het web worden gebruikt: GIF, JPEG en PNG.

Wanneer je afbeeldingen op het web plaatst, moet je nadenken over de bestandsgrootte.Het doel is een bestandsgrootte die klein genoeg is om redelijke downloadtijden mogelijk te maken maar die kleuren en details naar tevredenheid behoudt.

Drie belangrijke grafische bestandsformaten worden gebruikt op het web: GIF, JPEG en PNG.Je kunt afbeeldingen in deze formaten optimaliseren met een van de\nvolgende methoden:

• Om een afbeelding precies te optimaliseren voor gebruik in web authoring\napplicaties, zoals Adobe® Dreamweaver®, kun je de opdracht Opslaan voor web gebruiken.\nHet dialoogvenster Opslaan voor web laat je een voorvertoning van je afbeelding zien in verschillende bestandsformaten en met verschillende optimalisatie-instellingen.Je kunt ook transparantie- en animatie-instellingen instellen.

• Voor een basisoptimalisatie gebruikt u de opdracht Opslaan als. Afhankelijk van het bestandsformaat kun je afbeeldingskwaliteit, achtergrondtransparantie of matteringeffecten, kleurenweergave en downloadmethode opgeven.

Using the Save For Web dialog box

Gebruik het dialoogvenster Opslaan voor web om een voorvertoning te bekijken 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\nBestand > Opslaan voor web.Kies vervolgens een formaat uit het bestandsformaatmenu (GIF, JPEG, PNG‑8 of PNG‑24) en stel opties naar wens in.(Het menu met de bestandsindelingen bevindt zich vlak onder het menu Voorinstelling.) Dit slaat een kopie van je bestand op, zonder het oorspronkelijke beeld te overschrijven.

Optimalisatieopties verschijnen aan de rechterkant van het dialoogvenster Opslaan voor web.Naast het selecteren van een webbestandsformaat kun je compressie- en kleuropties kiezen, achtergrondtransparantie behouden of achtergrondmatting instellen, en de grootte van de afbeelding wijzigen.Je kunt voorgedefinieerde instellingen gebruiken (door een formaat te kiezen uit het menu Voorinstellingen) of formaatspecifieke opties selecteren om de optimalisatie te verfijnen.

De afbeeldingsvensters tonen je oorspronkelijke afbeelding (links) en een voorvertoning van de geoptimaliseerde afbeelding (rechts).Onder elk venster staat optimalisatie-informatie—de huidige instellingen, de grootte van het geoptimaliseerde bestand en de geschatte downloadtijd.Terwijl je aanpassingen maakt, verandert de informatie onder de geoptimaliseerde afbeelding om je nieuwe instellingen weer te geven.

Een kleine toolbox bevindt zich in de linkerbovenhoek van het dialoogvenster.Om verschillende gebieden van een afbeelding te bekijken, selecteer je de Handtool en sleep je om die gebieden in beeld te brengen.Om in te Zoomen op een Afbeelding, selecteer je\nhet Zoomen en klik je in een weergave; houd vervolgens Alt ingedrukt en klik\nopnieuw om uit te Zoomen.(Je kunt ook het zoomvak onderaan het dialoogvenster gebruiken.)Om matte kleuren te maken, gebruik je de Pipet-tool.

Geoptimaliseerde bestandsindelingen voor het web

Je kunt kiezen uit vier bestandstypes voor het web. Gebruik de volgende richtlijnen bij het kiezen van het bestandstype 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 PNG‑24 in plaats van JPEG alleen 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 het bestandstype om te gebruiken 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-indelingen, soms geïndexeerde kleurenafbeeldingen genoemd, kunnen tot 256 kleuren weergeven.Om een afbeelding te converteren naar geïndexeerde-kleur bestandstype, 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-bit kleur, dus ze kunnen tot 16 miljoen kleuren weergeven.Afhankelijk van het bestandstype kun je afbeeldingskwaliteit, achtergrondtransparantie of mattering, kleurweergave specificeren, en de methode 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. Je wilt misschien afbeeldingen vooraf bekijken in verschillende browsers en op verschillende platforms om te zien hoe ze eruit zullen zien op het web.

Een vooraf ingestelde optimalisatie-instelling toepassen

Je kunt snel en eenvoudig een afbeelding optimaliseren voor het web door een voorgedefinieerde optimalisatie-instelling, een voorinstelling genoemd, te kiezen uit het menu Voorinstelling in de rechterbovenhoek van 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 weerspiegelt het bestandstype en kwaliteitsniveau. Kies bijvoorbeeld JPEG hoog om een afbeelding te optimaliseren in JPEG-indeling met hoge afbeeldingskwaliteit en lage compressie.Kies GIF 32 geditherd om een afbeelding te optimaliseren in GIF bestandstype, het aantal kleuren te reduceren 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
• Png naar JPG online converteren
• Online foto verbeteren