Transparantie en matte gebruiken

Over transparante en matte webafbeeldingen

Transparantie maakt het mogelijk om niet-rechthoekige afbeeldingen voor het web te maken.Achtergrondtransparantie, ondersteund door de GIF- en PNG-indelingen, behoudt transparante pixels in de afbeelding en laat de achtergrond van de webpagina door de transparante gebieden van je afbeelding heen schijnen.(Hoewel de JPEG-indeling geen transparantie ondersteunt, kun je een matte kleur opgeven om het uiterlijk van transparantie in de oorspronkelijke afbeelding te simuleren.)

Bij achtergronden met een matte wordt transparantie gesimuleerd door transparante pixels te vullen of te vermengen met een mattekleur die overeenkomt met de achtergrond van de webpagina. Dit wordt ondersteund in de GIF-, PNG- en JPEG-indeling. Achtergronden met een mattekleur werken het beste bij webpagina's met een effen achtergrondkleur en als u weet welke kleur dat is.

Als u achtergrondtransparantie of achtergronden met een matte in de geoptimaliseerde afbeelding wilt maken, moet u beginnen met een afbeelding die transparantie bevat. U kunt transparantie maken als u een nieuwe laag maakt of het achtergrondgummetje of het tovergummetje gebruikt.

Als u met GIF- of PNG-8-bestanden werkt, kunt u transparantie met harde randen maken waarbij alle pixels die in de oorspronkelijke afbeelding voor meer dan 50% transparant zijn, volledig transparant worden in de geoptimaliseerde afbeelding. Alle pixels die in de oorspronkelijke afbeelding voor meer dan 50% dekkend zijn, worden in de geoptimaliseerde afbeelding dekkend. Gebruik transparantie met harde randen als u niet weet wat de achtergrondkleur van een webpagina is of als de achtergrond van een webpagina een structuur of een patroon bevat. Houd er echter rekening mee dat transparantie met harde randen gekartelde randen kan veroorzaken in de afbeelding.

Achtergrondtransparantie bewaren in een GIF- of PNG-afbeelding

GIF en PNG‑8-indelingen ondersteunen één niveau van transparantie—pixels kunnen volledig transparant of volledig ondoorzichtig zijn, maar niet gedeeltelijk transparant.(PNG‑24-indeling daarentegen ondersteunt transparantie op meerdere niveaus; dat wil zeggen, je kunt tot 256 graden van transparantie in een afbeelding hebben, variërend van ondoorzichtig tot volledig transparant.)

Een GIF- of PNG-afbeelding met matte maken

Wanneer je de Achtergrondkleur van de webpagina waarop een Afbeelding wordt weergegeven kent, kun je de matting-functie gebruiken om transparante pixels te vullen of te Overvloeien met een matte kleur die overeenkomt met de webpagina Achtergrond.

Harde transparantie maken in een GIF- of PNG‑8-bestand

Gebruik harde transparantie wanneer je de Achtergrondkleur van een webpagina niet kent of wanneer de webpagina-Achtergrond een textuur of Patroon bevat.Houd er echter rekening mee dat transparantie met harde randen grillige randen in de afbeelding kan veroorzaken.

Een JPEG-afbeelding met matte maken

Hoewel het JPEG-formaat geen transparantie ondersteunt, kun je een randkleur opgeven om de weergave van transparantie in de oorspronkelijke afbeelding te simuleren.De matkleur vult volledig transparante pixels en vermengt zich met gedeeltelijk transparante pixels.Wanneer je de JPEG op een webpagina met een achtergrond plaatst die overeenkomt met de randkleur, lijkt de afbeelding over te vloeien met de achtergrond.

Als u Geen selecteert, wordt wit als mattekleur gebruikt.

Verwante informatie

• Lagen toevoegen
• Geoptimaliseerde bestandsindelingen voor het web
• De GIF-indeling