{"id":6661,"date":"2026-05-18T09:27:09","date_gmt":"2026-05-18T08:27:09","guid":{"rendered":"https:\/\/support.sparkles.io\/kennisbank\/korrekte-png-dateien-in-photoshop-erstellen\/"},"modified":"2026-06-26T12:59:38","modified_gmt":"2026-06-26T11:59:38","slug":"korrekte-png-dateien-in-photoshop-erstellen","status":"publish","type":"ht_kb","link":"https:\/\/support.sparkles.io\/de\/kennisbank\/korrekte-png-dateien-in-photoshop-erstellen\/","title":{"rendered":"Korrekte PNG-Dateien in Photoshop erstellen"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Was ist eine PNG-Datei?<\/h2>\n\n<p class=\"wp-block-paragraph\">PNG (Portable Network Graphics) ist ein Bildformat, das ideal ist f\u00fcr:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Webdesign<\/li>\n\n\n\n<li>Social Media<\/li>\n\n\n\n<li>Logos<\/li>\n\n\n\n<li>Bilder mit Transparenz<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Ein PNG unterst\u00fctzt:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>transparente Hintergr\u00fcnde<\/li>\n\n\n\n<li>hohe Qualit\u00e4t<\/li>\n\n\n\n<li>verlustfreie Kompression<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Erstelle eine neue Datei<\/h2>\n\n<p class=\"wp-block-paragraph\">Empfohlene Einstellungen:<\/p>\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Farbmodus<\/strong><\/td><td>RGB<\/td><\/tr><tr><td><strong>Aufl\u00f6sung Web<\/strong><\/td><td>72 dpi<\/td><\/tr><tr><td><strong>Aufl\u00f6sung Print<\/strong><\/td><td>300 dpi<\/td><\/tr><tr><td><strong>Hintergrund<\/strong><\/td><td>Transparent<\/td><\/tr><tr><td><strong>Ma\u00dfe<\/strong><\/td><td>Exaktes Endma\u00df (dies kann auch sp\u00e4ter zugeschnitten werden)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<h2 class=\"wp-block-heading\">Arbeite in RGB<\/h2>\n\n<p class=\"wp-block-paragraph\">Die Dateien werden in der Druckerei in ein geeignetes CMYK-Profil umgewandelt.<\/p>\n\n<h2 class=\"wp-block-heading\">Verwende die richtige Aufl\u00f6sung<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>F\u00fcr Web\/Social Media: 72 dpi<\/li>\n\n\n\n<li>F\u00fcr Print: 300 dpi<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Transparenten Hintergrund verwenden<\/h2>\n\n<p class=\"wp-block-paragraph\">PNG unterst\u00fctzt Transparenz.<\/p>\n\n<h3 class=\"wp-block-heading\">LET OP<\/h3>\n\n<p class=\"wp-block-paragraph\">Die Produktionsmethode muss dies ebenfalls unterst\u00fctzen.<\/p>\n\n<h2 class=\"wp-block-heading\">Arbeite ordentlich mit Ebenen<\/h2>\n\n<p class=\"wp-block-paragraph\">Eine gut strukturierte Photoshop-Datei beugt Fehlern vor.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>klare Ebenennamen<\/li>\n\n\n\n<li>Ebenen gruppieren<\/li>\n\n\n\n<li>unbenutzte Ebenen entfernen<\/li>\n\n\n\n<li>ausgeblendete Ebenen entfernen<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Bild korrekt freistellen<\/h2>\n\n<p class=\"wp-block-paragraph\">Bei der Erstellung von PNG-Dateien mit transparentem Hintergrund ist es wichtig, dass Objekte sauber freigestellt werden und keine \u201everirrten Pixel\u201c um das Objekt herum zur\u00fcckbleiben. Eine schlechte Freistellung verursacht unerw\u00fcnschte R\u00e4nder oder lose Pixel, die beim DTF- und UV-Druck wei\u00df ausgef\u00fcllt werden. Vermeiden Sie bei diesen Produktionsmethoden auch die Verwendung der weichen Kante, da dies wei\u00dfe R\u00e4nder um die Elemente verursacht.  <\/p>\n\n<h2 class=\"wp-block-heading\">Bild korrekt zuschneiden<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Freistellungswerkzeug (Crop Tool)<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Korrekt nach PNG exportieren<\/h2>\n\n<p class=\"wp-block-paragraph\">Gehe zu: Datei \u2192 Exportieren \u2192 Exportieren als<\/p>\n\n<ul class=\"wp-block-list\">\n<li>PNG<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fehler<\/h2>\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Fehler<\/strong><\/td><td><strong>Ursache<\/strong><\/td><\/tr><tr><td>Wei\u00dfer Hintergrund sichtbar<\/td><td>Hintergrund nicht transparent gemacht<\/td><\/tr><tr><td>Datei ist riesig<\/td><td>Bild zu gro\u00df oder zu hohe Aufl\u00f6sung<\/td><\/tr><tr><td>Gleiche Farben weichen voneinander ab<\/td><td>CMYK in Kombination mit RGB<\/td><\/tr><tr><td>Unscharfes oder pixeliges Bild<\/td><td>falsche Abmessungen oder niedrige Aufl\u00f6sung<\/td><\/tr><tr><td>Wei\u00dfe Punkte\/Flecken auf dem design<\/td><td>nicht sauber freigestellt<\/td><\/tr><tr><td>Wei\u00dfe R\u00e4nder um Elemente<\/td><td>Verwendung der weichen Kante<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"546\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/05\/PNG.png\"  alt=\"PNG Korrekte PNG-Dateien in Photoshop erstellen\"  class=\"wp-image-6893\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/05\/PNG.png 1000w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/05\/PNG-300x164.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/05\/PNG-768x419.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/05\/PNG-50x27.png 50w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n<h2 class=\"wp-block-heading\">Zusammenfassung<\/h2>\n\n<p class=\"wp-block-paragraph\">\u2705 ist in RGB angelegt<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 hat die richtige Aufl\u00f6sung<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 nutzt Transparenz korrekt<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 ist scharf exportiert<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 hat eine angemessene Dateigr\u00f6\u00dfe<\/p>\n\n<p class=\"wp-block-paragraph\">\u2705 ist korrekt freigestellt<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"qua-blog-post-description\">Was ist eine PNG-Datei? PNG (Portable Network Graphics) ist ein Bildformat, das ideal ist f\u00fcr: Ein PNG unterst\u00fctzt: Erstelle eine neue Datei Empfohlene Einstellungen: Farbmodus RGB Aufl\u00f6sung Web 72 dpi Aufl\u00f6sung Print 300 dpi Hintergrund Transparent Ma\u00dfe Exaktes Endma\u00df (dies kann auch sp\u00e4ter zugeschnitten werden) Arbeite in RGB Die Dateien werden in der Druckerei in [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":6896,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"ht-kb-category":[518],"ht-kb-tag":[754,546,593,755],"class_list":["post-6661","ht_kb","type-ht_kb","status-publish","format-standard","has-post-thumbnail","hentry","ht_kb_category-personalisierung-drucktechniken","ht_kb_tag-dateiformat","ht_kb_tag-design-live-schalten","ht_kb_tag-editor-basics","ht_kb_tag-png"],"acf":[],"featured_img":"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/05\/Vosje.png","coauthors":[],"author_meta":{"author_link":"https:\/\/support.sparkles.io\/de\/author\/isasparkles-io\/","display_name":"Sparkles Support"},"relative_dates":{"created":"Ver\u00f6ffentlicht 3\u00a0Monaten vor","modified":"Aktualisiert 2\u00a0Monaten vor"},"absolute_dates":{"created":"Ver\u00f6ffentlicht am 18\/05\/2026","modified":"Aktualisiert am 26\/06\/2026"},"absolute_dates_time":{"created":"Ver\u00f6ffentlicht am 18\/05\/2026 09:27","modified":"Aktualisiert am 26\/06\/2026 12:59"},"featured_img_caption":"","tax_additional":{"ht_kb_category":{"linked":["<a href=\"https:\/\/support.sparkles.io\/de\/artikel-categorieen\/personalisierung-drucktechniken\/\" class=\"advgb-post-tax-term\">Personalisierung &amp; Drucktechniken<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Personalisierung &amp; Drucktechniken<\/span>"],"slug":"ht_kb_category","name":"Article Categories"},"ht_kb_tag":{"linked":["<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/dateiformat\/\" class=\"advgb-post-tax-term\">Dateiformat<\/a>","<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/design-live-schalten\/\" class=\"advgb-post-tax-term\">Design live schalten<\/a>","<a href=\"https:\/\/support.sparkles.io\/artikel-tags\/editor-basics\/\" class=\"advgb-post-tax-term\">Editor Basics<\/a>","<a href=\"https:\/\/support.sparkles.io\/artikel-tags\/png\/\" class=\"advgb-post-tax-term\">png<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Dateiformat<\/span>","<span class=\"advgb-post-tax-term\">Design live schalten<\/span>","<span class=\"advgb-post-tax-term\">Editor Basics<\/span>","<span class=\"advgb-post-tax-term\">png<\/span>"],"slug":"ht_kb_tag","name":"Article Tags"}},"series_order":"","_links":{"self":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/6661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/comments?post=6661"}],"version-history":[{"count":3,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/6661\/revisions"}],"predecessor-version":[{"id":7964,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/6661\/revisions\/7964"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/media\/6896"}],"wp:attachment":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/media?parent=6661"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-category?post=6661"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=6661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}