Wat is een PNG-bestand?

bent u in de war door wat een PNG-bestand in Adobe Photoshop is? Als dat zo is, dat is perfect te begrijpen, want er zijn veel beeldbestandsformaten beschikbaar voor fotografen. De meest voorkomende zijn Jpeg, GIF, TIFF en natuurlijk PNG.

wat de zaken nog lastiger maakt, is dat elk een specifiek doel heeft. In dit artikel zullen we kijken naar het PNG-formaat. U leert over wat een PNG-bestand is, waar het voor is en hoe u er een kunt maken.

PNG, wat uitgesproken wordt als “ping” en de bestandsnaam is .png, staat voor Portable Network Graphics. Het is een type beeldformaat dat webdesigners gebruiken om websites te maken omdat het transparante achtergronden en/of semi-transparante afbeeldingen ondersteunt (het is in feite het enige type beeldformaat dat transparantie ondersteunt).

deze mogelijkheid maakt PNG geweldig voor logo ‘ s en dynamische website graphics. Dus als je een fantastisch uitziende website wilt die je bezoekers geweldig zullen vinden, moet je zeker PNG-geformatteerde afbeeldingen gebruiken.

de kans is groot dat u eerder PNG-afbeeldingen hebt gezien, zoals wanneer een transparant logo op de foto van een fotograaf staat, zodat u de foto door het logo kunt zien. In dit geval is het doel van transparantie om de fotograaf die de foto nam subtiel te promoten (en om te voorkomen dat iemand anders hem gebruikt).

een datareductietechniek genaamd lossless compressie creëert PNG-bestanden. Dit betekent dat wanneer iemand ervoor kiest om een afbeelding te comprimeren, geen van de gegevens erin verloren gaat. Met andere woorden, het PNG-bestand blijft identiek aan het originele image-bestand. Dit is anders dan lossy compressie, die informatie verliest wanneer het comprimeert een bestand afbeelding.

een ander voordeel van PNG is dat het grijswaarden en PNG-8, PNG-24 en PNG 32 kleurruimten ondersteunt, waardoor het de mogelijkheid heeft om een breed scala aan kleuren weer te geven.

dit betekent echter wel dat PNG-bestanden groot kunnen zijn, daarom zijn afbeeldingen meestal in het Jpeg-formaat (Jpeg-bestanden zijn lossy, wat betekent dat elke keer dat ze worden gedecomprimeerd, gegevens worden verwijderd).

een ander pluspunt van het PNG-formaat is dat het patentvrij is, wat betekent dat iedereen het zonder licentie kan gebruiken.

welke programma ‘ s openen PNG-bestanden?

veel programma ‘ s openen PNG-bestanden. Deze omvatten standaard foto viewer programma ‘s, fotobewerkingsprogramma’ s zoals Lightroom en Adobe Photoshop, en webbrowsers. In een van deze programma ‘s, kunt u een PNG-bestand te bekijken door het selecteren van’ open ‘ in het drop-down menu of gewoon slepen en neerzetten in het programma of een webbrowser.

Als u Photoshop en Lightroom nog niet hebt, kunt u ze via het Creative Cloud-abonnement van Adobe krijgen voor slechts $9,99/maand.

Adobe Photoshop en Lightroom en enkele van de meest populaire tools die door fotografen, grafisch ontwerpers en webontwikkelaars worden gebruikt vanwege hun mogelijkheden.

makkelijkste manieren om een PNG-bestand te maken in Adobe Photoshop

een PNG-bestand maken in Adobe Photoshop is een eenvoudig proces. Afhankelijk van wat u wilt bereiken met een afbeelding of afbeelding, kunnen er slechts een paar stappen of meerdere.

stappen voor het maken van een PNG-bestand in Photoshop:

• Klik op Bestand op de menubalk en selecteer vervolgens Openen
• Selecteer de afbeelding en klik op Openen
• Klik op Bestand van de menubalk en selecteer vervolgens Opslaan Als

• In het dialoogvenster selecteer PNG in het menu Opmaak

• Klik op Opslaan

dit is een snelle manier om een PNG-bestand, houdt geen wijziging in van de afbeelding op geen enkele manier, zoals het maken van het transparante of het verwijderen van de achtergrond te isoleren van het onderwerp(s). Dit zijn de meest voorkomende acties voor PNG-bestanden. Volg de onderstaande stappen om te leren hoe beide te doen.

2. Maak een transparante Photoshop-afbeelding

• Open het bestand door de stappen in nummer 1 te herhalen.
• Open het paneel lagen als het rechts nog niet zichtbaar is. Om dat te doen, klikt u op Venster en selecteert u lagen.

• klik op de achtergrondlaag in het paneel lagen en klik vervolgens op OK in het dialoogvenster dat verschijnt. Dit ontgrendelt de laag, zodat u deze kunt wijzigen.

• klik op het vervolgkeuzemenu dekking in het paneel lagen en kies een percentage lager dan 100%. Hoe lager je gaat, hoe transparanter de afbeelding zal zijn.
• klik op Bestand in het bovenste menu en kies Opslaan als en selecteer PNG in het vervolgkeuzemenu. Je hebt nu een transparante Photoshop afbeelding.

verwijder de achtergrond om het onderwerp te isoleren

• Open het bestand door de stappen in nummer 1 te herhalen.
• een transparantielaag toevoegen: Klik in het bovenste menu op laag en selecteer vervolgens Nieuw. U ziet nu een nieuwe lege laag in het paneel lagen die eruit ziet als een grijs-wit schaakbord. Photoshop stelt deze automatisch in op transparant.

• sleep de nieuwe laag onder de laag achtergrondafbeelding in het paneel lagen.
• klik op de nieuwe laag om deze te selecteren.

Tip: in plaats van een nieuwe laag te maken, kunt u ook op het kleine slotpictogram klikken om de achtergrondlaag te ontgrendelen. Wat u uit de afbeelding verwijdert, wordt transparant.

• selecteer het onderwerp: Selecteer op de werkbalk aan de linkerkant het Toverstafgereedschap.

• Klik boven in het venster op onderwerp selecteren. Photoshop selecteert automatisch wat het denkt dat het onderwerp (en) is. U zult zien ‘marcherende mieren’ rond selectie aan te geven.

• de achtergrond verwijderen: Klik op Selecteren in het bovenste menu en kies vervolgens Inverse. Hiermee selecteert u het gebied van de afbeelding die u wilt verwijderen rond het onderwerp.

• druk op verwijderen op uw toetsenbord. Het grijze en witte dambordpatroon van de transparante achtergrond is nu zichtbaar.
• druk op Command (Control on PCs) + D om de marcherende mieren te verwijderen.

Tip: Het kan zijn dat de selectie een aantal gebieden mist. Het kan bijvoorbeeld denken dat schaduwen de randen van het onderwerp zijn. Om dit op te lossen, klikt u op het
“aftrekken van selectie” icoon bovenaan het venster, gebruik dan het toverstaf gereedschap om meer van de ongewenste gebieden te verwijderen.

de voor-en nadelen van PNG-bestanden

u leest aan het begin van dit artikel wat een PNG-bestand is en waarvoor het wordt gebruikt. U leerde ook over enkele van de voordelen, waaronder verliesloze compressie (geen gegevens verloren gaan en de beeldkwaliteit blijft hetzelfde) en dat het PNG-8 (256 kleuren), PNG-24 (meer dan 16 miljoen kleuren) en PNG-32 (PNG 24 + 8 voor transparante achtergronden) kleurruimten ondersteunt.

andere voordelen zijn het brede bereik van transparantie van onzichtbaar (0%) tot volledig zichtbaar (100%), U kunt metadata toevoegen en u kunt PNG-bestanden maken met meerdere lagen. Ook PNG-bestanden kunnen worden gecomprimeerd 10-30% meer dan GIF-bestanden.

het PNG-formaat heeft een paar nadelen. In tegenstelling tot GIF, wat staat voor Graphics Interchange Format, ondersteunt PNG geen animatie. Ook, zoals hierboven aangegeven, PNG-bestandsgroottes zijn meestal groter dan Jpeg-bestanden. Dit kan een probleem zijn als je niet veel opslagruimte hebt.

gelukkig zijn deze problemen over het algemeen geen probleem voor de meeste mensen, omdat PNG-bestanden meestal zijn ontworpen voor websites.

dus dat is het! Je zou goed op weg moeten zijn om PNG-bestanden te maken in Photoshop met behulp van de informatie die je hebt geleerd in deze tutorial. Binnenkort kunt u een logo maken dat u op uw foto ‘ s kunt zetten of een aantrekkelijke website maken.

als u deze tutorial nuttig vond, bent u misschien ook geïnteresseerd in het bekijken van deze artikelen:

• Hoe kunt u uw afbeeldingen optimaliseren voor het Web (stap voor stap)
• hoe kunt u een watermerk toevoegen met Photoshop en Lightroom
• uw korte handleiding voor lagen in Photoshop

als u dit artikel nuttig vond, volg ons dan op Twitter en Facebook om meer te lezen van onze Gratis WordPress-tutorials en andere bronnen.