Was ist eine PNG-Datei?

Sind Sie verwirrt darüber, was eine PNG-Datei in Adobe Photoshop ist? Wenn ja, ist das durchaus verständlich, da Fotografen viele Bilddateiformate zur Verfügung stehen. Die häufigsten sind Jpeg, GIF, TIFF und natürlich PNG.

Was die Dinge noch kniffliger macht, ist, dass jeder einen bestimmten Zweck hat. In diesem Artikel werden wir uns das PNG-Format ansehen. Sie erfahren, was eine PNG-Datei ist, wozu sie dient und wie man sie erstellt.

PNG, das wie „ping“ ausgesprochen wird und dessen Dateiname lautet .png steht für Portable Network Graphics. Es ist eine Art Bildformat, mit dem Webdesigner Websites erstellen, da es transparente Hintergründe und / oder halbtransparente Bilder unterstützt (tatsächlich ist es die einzige Art von Bildformat, das Transparenz unterstützt).

Diese Funktion macht PNG ideal für Logos und dynamische Website-Grafiken. Wenn Sie also eine fantastisch aussehende Website wünschen, die Ihre Besucher lieben werden, sollten Sie auf jeden Fall Bilder im PNG-Format verwenden.

Wahrscheinlich haben Sie PNG-Bilder schon einmal gesehen, z. B. wenn sich ein transparentes Logo auf dem Bild eines Fotografen befindet, sodass Sie das Foto durch das Logo sehen können. In diesem Fall besteht der Zweck der Transparenz darin, den Fotografen, der das Bild aufgenommen hat, subtil zu fördern (und zu verhindern, dass jemand anderes es verwendet).

Eine Datenreduktionstechnik namens verlustfreie Komprimierung erstellt PNG-Dateien. Dies bedeutet, dass beim Komprimieren eines Bildes keine der darin enthaltenen Daten verloren geht. Mit anderen Worten, die PNG-Datei bleibt identisch mit der ursprünglichen Bilddatei. Dies unterscheidet sich von der verlustbehafteten Komprimierung, bei der Informationen verloren gehen, wenn ein Dateibild komprimiert wird.

Ein weiterer Vorteil von PNG ist, dass es Graustufen- und PNG-8-, PNG-24- und PNG-32-Farbräume unterstützt, sodass es eine breite Palette von Farben anzeigen kann.

Dies bedeutet jedoch, dass PNG-Dateien groß sein können, weshalb Bilder normalerweise im JPEG-Format vorliegen (JPEG-Dateien sind verlustbehaftet, was bedeutet, dass jedes Mal, wenn sie dekomprimiert werden, Daten gelöscht werden).

Ein weiteres Plus des PNG-Formats ist, dass es patentfrei ist, was bedeutet, dass jeder es ohne Lizenz verwenden kann.

Welche Programme öffnen PNG-Dateien?

Viele Programme öffnen PNG-Dateien. Dazu gehören Standard-Foto-Viewer-Programme, Fotobearbeitungsprogramme wie Lightroom und Adobe Photoshop sowie Webbrowser. In jedem dieser Programme können Sie eine PNG-Datei anzeigen, indem Sie ‚Öffnen‘ aus dem Dropdown-Menü auswählen oder einfach per Drag & Drop in das Programm oder einen Webbrowser ziehen.

Wenn Sie Photoshop und Lightroom noch nicht haben, können Sie sie über den Creative Cloud-Plan von Adobe für nur 9,99 USD / Monat beziehen.

Adobe Photoshop und Lightroom und einige der beliebtesten Tools, die von Fotografen, Grafikdesignern und Webentwicklern aufgrund ihrer Fähigkeiten verwendet werden.

Einfachste Möglichkeiten zum Erstellen einer PNG-Datei in Adobe Photoshop

Das Erstellen einer PNG-Datei in Adobe Photoshop ist ein einfacher Vorgang. Je nachdem, was Sie mit einem Bild oder einer Grafik erreichen möchten, kann es nur wenige oder mehrere Schritte geben.

Schritte zum Erstellen einer PNG-Datei in Photoshop:

• Klicken Sie im oberen Menü auf Datei und wählen Sie dann Öffnen
• Wählen Sie die Bilddatei aus und klicken Sie auf Öffnen
• Klicken Sie im oberen Menü auf Datei und wählen Sie dann Speichern unter

• Wählen Sie im Dialogfeld PNG aus dem Menü Format aus

• Klicken Sie auf Speichern

Dies ist zwar eine schnelle Möglichkeit, eine PNG-Datei zu erstellen, ändert jedoch das Bild in keiner Weise, z. B. indem es transparent gemacht oder der Hintergrund entfernt wird, um das Motiv zu isolieren. Dies sind die häufigsten Aktionen für PNG-Dateien. Befolgen Sie die folgenden Schritte, um zu erfahren, wie Sie beides tun können.

2. Erstellen Sie ein transparentes Photoshop-Bild

• Öffnen Sie die Datei, indem Sie die in Nummer 1 beschriebenen Schritte wiederholen.
• Öffnen Sie das Ebenenbedienfeld, falls es nicht bereits rechts sichtbar ist. Klicken Sie dazu auf Fenster und wählen Sie Ebenen aus.

• Klicken Sie im Ebenenbedienfeld auf die Hintergrundebene, und klicken Sie dann im angezeigten Dialogfeld auf OK. Dadurch wird die Ebene entsperrt, sodass Sie sie ändern können.

• Klicken Sie im Ebenenbedienfeld auf das Dropdown-Menü Deckkraft und wählen Sie einen niedrigeren Prozentsatz als 100%. Je tiefer Sie gehen, desto transparenter wird das Bild.
• Klicken Sie im oberen Menü auf Datei, wählen Sie Speichern unter und wählen Sie PNG aus dem Dropdown-Menü. Sie haben jetzt ein transparentes Photoshop-Bild.

Entfernen Sie den Hintergrund, um das Motiv zu isolieren

• Öffnen Sie die Datei, indem Sie die in Nummer 1 beschriebenen Schritte wiederholen.
• Transparenzebene hinzufügen: Klicken Sie im oberen Menü auf Ebene und wählen Sie Neu. Sie sehen nun eine neue leere Ebene im Ebenenbedienfeld, die wie ein grau-weißes Schachbrett aussieht. Photoshop setzt es automatisch auf transparent.

• Ziehen Sie die neue Ebene im Ebenenbedienfeld unter die Hintergrundbildebene.
• Klicken Sie auf die neue Ebene, um sie auszuwählen.

Tipp: Anstatt eine neue Ebene zu erstellen, können Sie auch auf das kleine Schlosssymbol klicken, um die Hintergrundebene zu entsperren. Was auch immer Sie aus dem Bild löschen, wird transparent.

• Wählen Sie das Thema: Wählen Sie in der Symbolleiste auf der linken Seite das Zauberstab-Werkzeug aus.

• Klicken Sie oben im Fenster auf Betreff auswählen. Photoshop wählt automatisch aus, was es denkt, dass das Thema (s) ist. Sie werden sehen, ‚marching Ameisen‘ umliegenden Auswahl anzeigt.

• Hintergrund löschen: Klicken Sie im oberen Menü auf Auswählen und dann auf Invers. Dadurch wird der Bereich des Bildes ausgewählt, den Sie um das Motiv entfernen möchten.

• Drücken Sie Entf auf Ihrer Tastatur. Das grau-weiße Schachbrettmuster des transparenten Hintergrunds ist nun sichtbar.
• Drücken Sie Befehlstaste (Ctrl auf PCs) + D, um die marschierenden Ameisen zu entfernen.

Tipp: Es kann vorkommen, dass die Auswahl einige Bereiche verfehlt. Zum Beispiel kann es denken, Schatten sind die Kanten des Motivs. Um dies zu beheben, klicken Sie oben im Fenster auf das Symbol
„Von Auswahl subtrahieren“ und entfernen Sie mit dem Zauberstab weitere unerwünschte Bereiche.

Die Vor- und Nachteile von PNG-Dateien

Sie lesen am Anfang dieses Artikels, was eine PNG-Datei ist und wofür sie verwendet wird. Sie haben auch einige seiner Vorteile kennengelernt, darunter die verlustfreie Komprimierung (keine Daten gehen verloren und die Bildqualität bleibt gleich) und die Unterstützung von PNG-8 (256 Farben), PNG-24 (über 16 Millionen Farben) und PNG-32 (PNG 24 + 8 für transparente Hintergründe) Farbräume.

Weitere Vorteile sind die große Auswahl an Transparenz von unsichtbar (0%) bis vollständig sichtbar (100%), Sie können Metadaten hinzufügen und PNG-Dateien mit mehreren Ebenen erstellen. Außerdem können PNG-Dateien 10-30% stärker komprimiert werden als GIF-Dateien.

Das PNG-Format hat einige Nachteile. Im Gegensatz zu GIF, das für Graphics Interchange Format steht, unterstützt PNG keine Animation. Wie oben angegeben, sind PNG-Dateigrößen normalerweise größer als JPEG-Dateien. Dies kann ein Problem sein, wenn Sie nicht viel Speicherplatz haben.

Zum Glück sind diese Probleme für die meisten Menschen im Allgemeinen kein Problem, da PNG-Dateien hauptsächlich für Websites entwickelt wurden.

Das war’s also! Sie sollten auf dem besten Weg sein, PNG-Dateien in Photoshop mithilfe der Informationen zu erstellen, die Sie in diesem Lernprogramm gelernt haben. Schon bald können Sie ein Logo erstellen, das Sie auf Ihre Bilder setzen oder eine attraktive Website erstellen können.

Wenn Sie dieses Tutorial hilfreich fanden, könnten Sie auch an diesen Artikeln interessiert sein:

• So optimieren Sie Ihre Bilder für das Web (Schritt für Schritt)
• So fügen Sie ein Wasserzeichen mit Photoshop und Lightroom hinzu
• Ihre Kurzanleitung zu Ebenen in Photoshop

Wenn Sie diesen Artikel hilfreich fanden, folgen Sie uns bitte auf Twitter und Facebook, um mehr über unsere kostenlosen WordPress-Tutorials und andere Ressourcen zu erfahren.