Afbeeldingen optimaliseren voor de GIF- of PNG-8-indeling

Laatst bijgewerkt op 17 mei 2022

De GIF-indeling

Het GIF-formaat gebruikt 8‑bits kleur en comprimeert effen kleurgebieden efficiënt terwijl scherpe details zoals die in lijntekeningen, logo's of tekst behouden blijven. Je gebruikt het GIF-formaat ook om een geanimeerde afbeelding te maken en transparantie in een afbeelding te behouden. GIF wordt ondersteund door de meeste browsers.

Het GIF-formaat gebruikt LZW-compressie, wat een lossless compressiemethode is. Omdat GIF-bestanden echter beperkt zijn tot 256 kleuren, kan het optimaliseren van een originele 24‑bits afbeelding als een 8‑bits GIF kleuren uit een afbeelding wegnemen.

GIF-afbeelding met selectieve kleur (links) en GIF-afbeelding met webkleur (rechts)

Je kunt het aantal kleuren in een GIF-afbeelding kiezen en bepalen hoe kleuren dithering toepassen in een browser. GIF ondersteunt achtergrondtransparantie of achtergrondmatting, waarmee je de randen van de afbeelding vervaagt met een achtergrondkleur van een webpagina.

De PNG-8-indeling

Het PNG‑8-formaat gebruikt 8‑bits kleur. Net als het GIF-formaat comprimeert PNG‑8 efficiënt gebieden met effen kleur terwijl scherpe details zoals die in lijntekeningen, logo's of tekst behouden blijven.

Omdat PNG-8 niet door alle browsers wordt ondersteund, wil je misschien dit formaat vermijden wanneer je de afbeelding naar een breed publiek verspreidt.

Het PNG‑8-formaat gebruikt meer geavanceerde compressieschema's dan GIF doet, en een PNG‑8-bestand kan tien tot dertig procent kleiner zijn dan een GIF-bestand van dezelfde afbeelding, afhankelijk van de kleurpatronen van de afbeelding. Hoewel PNG‑8-compressie lossless is, kan het optimaliseren van een originele 24‑bits afbeelding als een 8‑bits PNG-bestand kleuren uit de afbeelding verwijderen.

Notitie

Bij bepaalde afbeeldingen, vooral die met eenvoudige patronen en weinig kleuren, kan GIF-compressie een kleiner bestand opleveren dan PNG-8-compressie.Bekijk geoptimaliseerde afbeeldingen in GIF- en PNG‑8-formaat om\nbestandsgrootte te vergelijken.

Net als bij het GIF-formaat kun je het aantal kleuren in\neen afbeelding kiezen en bepalen hoe kleuren dithering uitvoeren in een browser.Het PNG-8-formaat ondersteunt achtergrondtransparantie en achtergrondmaskering, waarmee je de randen van de afbeelding vermengt met een achtergrondkleur van de webpagina.

PNG‑8 met 256 kleuren en geen dithering (links), en PNG‑8 met\n16 kleuren en dithering (rechts)

Optimaliseren als GIF- of PNG-8-indeling

GIF is het standaardformaat voor het comprimeren van afbeeldingen met grote vlakken effen kleuren en scherpe details zoals in lijnillustraties, logo's of tekst.Net als het GIF-formaat ondersteunt PNG‑8 transparantie en comprimeert het efficiënt gebieden van effen kleur terwijl scherpe details behouden blijven. Niet alle webbrowsers kunnen echter PNG‑8-bestanden weergeven.

Open een afbeelding en kies Bestand > Opslaan voor web.
Kies GIF of PNG-8 in het menu voor de optimalisatie-indeling.
Om een afbeelding met lage resolutie weer te geven terwijl de afbeelding met volledige resolutie\nwordt gedownload, selecteer je Interlaced.Interlacing kan de downloadtijd\nkorter laten lijken en geeft kijkers feedback dat het downloaden\nin uitvoering is.
Onder het optimalisatieformaatmenu kies je een kleurenreductie-\nalgoritme voor het genereren van de CLUT:" ] } ```

Perceptueel

Maakt een eigen kleurtabel door prioriteit te geven aan kleuren waarvoor het menselijk oog gevoeliger is.

Selectief

Maakt een kleurtabel vergelijkbaar met de perceptuele kleurtabel, maar geeft de voorkeur aan grote kleurvlakken en het behoud van webkleuren.Deze kleurtabel produceert meestal afbeeldingen met zeer goede kleurintegriteit.(Selectief is de standaardoptie.)

Aangepast

Maakt een aangepaste kleurtabel door kleuren te nemen uit het spectrum dat het meest voorkomt in de afbeelding.Een afbeelding met alleen groentinten en blauw produceert bijvoorbeeld een kleurtabel die voornamelijk uit groen en blauw bestaat. De meeste afbeeldingen concentreren kleuren in bepaalde gebieden van het spectrum.

Restrictief (web)

Gebruikt de standaard, 216-kleurige, webveilige kleurtabel die gewoon is voor de 8-bits (256-kleuren) panelen van Windows en Mac OS. Deze optie zorgt ervoor dat er geen browser-dithering wordt toegepast op kleuren wanneer de afbeelding wordt weergegeven met 8-bits kleur.Als je afbeelding minder dan 216 kleuren heeft, worden ongebruikte kleuren uit de tabel verwijderd.

Om het maximale aantal kleuren in het kleurpaneel op te geven, selecteer je een getal uit het menu Kleuren, voer je een waarde in het tekstvak in of klik je op de pijlen om het aantal kleuren te wijzigen.Als de afbeelding minder kleuren bevat dan het paneel, geeft de kleurtabel het kleinere aantal kleuren in de afbeelding weer.
Als je Restrictief (Web) hebt gekozen voor het kleurreductie-algoritme, kun je Auto kiezen uit het menu Kleuren.Kies Auto als je wilt dat Photoshop Elements het optimale aantal kleuren in de kleurtabel bepaalt op basis van de frequentie van kleuren in de afbeelding.
Kies een dithering-percentage door een percentage in te voeren in het tekstvak Dithering of door op de pijl van het menu Dithering te klikken en de schuifregelaar die verschijnt te slepen.
Als de afbeelding transparantie bevat, selecteer je Transparantie om transparante pixels te behouden; deselecteer Transparantie om volledig en gedeeltelijk transparante pixels te vullen met de matkleur.
Selecteer Animatie als u een bewegende GIF wilt maken.
U slaat de geoptimaliseerde afbeelding op door op OK te klikken. Voer in het dialoogvenster Geoptimaliseerd opslaan als een bestandsnaam in en klik op Opslaan.

Een bewegende GIF maken

Plaats de afbeeldingen die je in elk frame van de animatie wilt laten verschijnen op aparte lagen van het paneel Lagen. Om bijvoorbeeld een animatie van een knipperend oog te maken, plaats je een afbeelding van het open oog op één laag en een afbeelding van het gesloten oog op een andere laag.
Kies Bestand > Opslaan voor web.
Notitie

Als je afbeelding meerdere lagen heeft, kun je ook het dialoogvenster Opslaan voor web openen vanuit het dialoogvenster Opslaan als door CompuServe GIF-indeling te kiezen en Lagen als frames te selecteren.

Optimaliseer de afbeelding in GIF-indeling.
Selecteer Animeren.
Stel aanvullende opties in het gedeelte Animatie van het dialoogvenster in:

Herhalingsopties

Herhaal de animatie continu in een webbrowser, of animeer slechts één keer. Je kunt ook Ander kiezen om op te geven hoe vaak de animatie moet worden herhaald.

Framevertraging

Geeft het aantal seconden aan dat elk frame wordt weergegeven in een webbrowser. Gebruik een decimale waarde om breuken van een seconde op te geven. Geef bijvoorbeeld ,5 op om een halve seconde op te geven.