Was ist eine PNG-Datei?
PNG (Portable Network Graphics) ist ein Bildformat, das ideal für Webdesign, Social Media, Logos und Bilder mit Transparenz ist.
Ein PNG unterstützt:
- Transparente Hintergründe
- Hohe Qualität
- Verlustfreie Kompression
1. Erstelle eine neue Datei
Verwende die untenstehenden Einstellungen für eine gute Photoshop-Datei.
| Einstellung | Wert |
| Farbmodus | RGB |
| Auflösung Web | 72 dpi |
| Auflösung Print | 300 dpi |
| Hintergrund | Transparent |
| Maße | Exaktes Endmaß (kann später noch zugeschnitten werden) |
2. Arbeite in RGB
Arbeite immer in RGB. Die Dateien werden in der Druckerei automatisch in ein geeignetes CMYK-Profil umgewandelt.
Wichtig: Das manuelle Umwandeln in CMYK kann Farbunterschiede verursachen.
3. Verwende die richtige Auflösung
- Für Web/Social Media: 72 dpi
- Für Print: 300 dpi
Eine zu niedrige Auflösung führt zu unscharfen oder pixeligen Dateien.
4. Verwende einen transparenten Hintergrund
PNG unterstützt Transparenz. Dadurch kannst du Designs ohne Hintergrund exportieren.
Hinweis: Die gewählte Produktionsmethode muss ebenfalls Transparenz unterstützen.
5. Arbeite ordentlich mit Ebenen
Eine gut strukturierte Photoshop-Datei verhindert Fehler bei der Produktion und bei Anpassungen.
Empfohlene Arbeitsweise:
- Verwende klare Ebenennamen
- Gruppiere Ebenen logisch
- Entferne ungenutzte Ebenen
- Entferne ausgeblendete Ebenen
6. Bilder korrekt freistellen
Bei PNG-Dateien mit transparentem Hintergrund ist es wichtig, dass Objekte sauber freigestellt werden.
Prüfe immer, ob keine losen oder „verirrten“ Pixel um das Objekt herum zurückbleiben.
Schlechte Freistellungen können unerwünschte weiße Ränder oder Punkte beim DTF- und UV-Druck verursachen.
Wichtig: Vermeide die Verwendung der weichen Kante. Dies verursacht oft weiße Ränder um Elemente.
7. Bilder korrekt zuschneiden
Verwende zum Zuschneiden von Bildern das Freistellungswerkzeug (Crop Tool).
Prüfe immer, ob das Bild korrekt zentriert ist und das richtige Endmaß hat.
8. Korrekt als PNG exportieren
Gehe in Photoshop zu:
Datei → Exportieren → Exportieren als
Wähle anschließend als Dateiformat:
PNG
Häufige Fehler
| Problem | Ursache |
| Weißer Hintergrund sichtbar | Hintergrund nicht transparent gemacht |
| Datei ist riesig | Bild zu groß oder Auflösung zu hoch |
| Farben weichen ab | CMYK in Kombination mit RGB verwendet |
| Unscharfes oder pixeliges Bild | Falsche Abmessungen oder niedrige Auflösung |
| Weiße Punkte/Flecken auf dem design | Nicht sauber freigestellt |
| Weiße Ränder um Elemente | Weiche Kante verwendet |
Zusammenfassung
Eine gute PNG-Datei aus Photoshop:
- ✅ Ist in RGB angelegt
- ✅ Hat die richtige Auflösung
- ✅ Nutzt Transparenz korrekt
- ✅ Ist scharf exportiert
- ✅ Hat eine angemessene Dateigröße
- ✅ Ist korrekt freigestellt