{"id":2326,"date":"2026-03-12T14:22:39","date_gmt":"2026-03-12T13:22:39","guid":{"rendered":"https:\/\/sparkles.support.krachtwerkmedia.nl\/kennisbank\/photoshop-api-preview-templates-erstellen-und-im-cms-hochladen\/"},"modified":"2026-03-13T09:19:10","modified_gmt":"2026-03-13T08:19:10","slug":"photoshop-api-preview-templates-erstellen-und-im-cms-hochladen","status":"publish","type":"ht_kb","link":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/kennisbank\/photoshop-api-preview-templates-erstellen-und-im-cms-hochladen\/","title":{"rendered":"Photoshop-API: Preview-Templates erstellen und im CMS hochladen"},"content":{"rendered":"\n<p>Mit der Photoshop-API im CMS k\u00f6nnen Sie Previews von verschiedenen Freeform-Produkten generieren.<\/p>\n\n<h2 class=\"wp-block-heading\"><strong>Wichtig zu wissen<\/strong><\/h2>\n\n<p>Freeform-Produkte mit einem Spread, Produkte mit einer freien Stanzform und Produkte auf St\u00e4nder k\u00f6nnen nicht zur Generierung von Preview-Templates verwendet werden.<\/p>\n\n<p>Beispiele hierf\u00fcr sind:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Baby-G\u00e4steb\u00fccher<\/li>\n\n\n\n<li>G\u00e4steb\u00fccher<\/li>\n\n\n\n<li>Aufsteller<\/li>\n\n\n\n<li>Hochzeitsschilder mit origineller Form<\/li>\n\n\n\n<li>Adressaufkleber<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><strong>1. Photoshop-Einstellungen<\/strong><\/h2>\n\n<p>Erstellen Sie in Photoshop ein Template im Format der Featured Images, die Sie normalerweise verwenden.<\/p>\n\n<p>Folgen Sie danach diesen Schritten:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Platzieren Sie auf Ihrem Bild eine Form in der Form des Produkts.<\/li>\n\n\n\n<li>Wandeln Sie die Form in ein Smartobjekt um.<\/li>\n\n\n\n<li>Geben Sie dem Objekt die Bezeichnung des Produkts.\n<ul class=\"wp-block-list\">\n<li>Geben Sie einen Namen ohne Leerzeichen und Gro\u00dfbuchstaben an<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Erstellen Sie eine Preview f\u00fcr Aufkleber und befinden sich auf Ihrem Bild mehrere verschiedene Previews des Aufklebers? Erstellen Sie dann mehrere Smartobjekte. <\/li>\n\n\n\n<li>Die \u00fcbrigen Ebenen der Bilder lassen Sie als Pixel bestehen.<\/li>\n\n\n\n<li>F\u00fcr bestimmte Produkte m\u00f6chten Sie auch die Struktur unter dem design zeigen. Stellen Sie hierf\u00fcr die Transparenz ein. <\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\"><strong>2. Zus\u00e4tzliche Einstellung f\u00fcr Produkte, die in einem Winkel stehen<\/strong><\/h2>\n\n<p>Erstellen Sie eine Preview f\u00fcr ein Produkt, das in einem Winkel steht, zum Beispiel ein Fensterschild, das an einem Fenster befestigt ist? Ber\u00fccksichtigen Sie dann Folgendes: <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Beginnen Sie immer mit einer flachen Form.\n<ul class=\"wp-block-list\">\n<li>f\u00fcr ein Fensterschild ein Rechteck<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Erstellen Sie aus dieser flachen Form ein Smartobjekt.<\/li>\n\n\n\n<li>\u00c4ndern Sie danach die Form des Rechtecks so, dass sie mit der Form des Schildes auf dem Bild \u00fcbereinstimmt.<\/li>\n\n\n\n<li>Nun wird die Preview so generiert, als ob sie in einem Winkel st\u00fcnde.<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\"><strong>3. Template im CMS hochladen<\/strong><\/h2>\n\n<p>Wenn Ihr Template in Photoshop fertig ist, k\u00f6nnen Sie dieses im CMS hochladen.<\/p>\n\n<p>Folgen Sie hierf\u00fcr diesen Schritten:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Speichern Sie Ihr neues Template im Format der Featured Images, die Sie normalerweise verwenden.<\/li>\n\n\n\n<li>Gehen Sie zum CMS &gt; Tools &gt; Photoshop-API.<\/li>\n\n\n\n<li>W\u00e4hlen Sie oben \u201eFreeform\u201c aus und laden Sie Ihr Template hoch.<\/li>\n\n\n\n<li>Gehen Sie nun zum CMS &gt; Karten entwerfen.<\/li>\n\n\n\n<li>Gehen Sie zu dem design, bei dem Sie das Template verwenden m\u00f6chten.<\/li>\n\n\n\n<li>W\u00e4hlen Sie rechts unter der Option \u201eFeatured Image Template w\u00e4hlen\u201c das Template aus.<\/li>\n\n\n\n<li>W\u00e4hlen Sie nun \u201ePage 0 Vorderseite\u201c und \u201eFeatured Image generieren\u201c.<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\"><strong>4. Featured Image nach der Generierung optimieren<\/strong><\/h2>\n\n<p>Nach der Generierung der Preview ist es wichtig, das Featured Image noch zu verkleinen.<\/p>\n\n<p>Die Preview wird nun generiert, aber die Gr\u00f6\u00dfe der Previews ist noch zu gro\u00df. Dies kann sich nachteilig auf die Ladegeschwindigkeit Ihrer PLP und PDP auswirken. <\/p>\n\n<p>Daher empfehlen wir, das Featured Image noch zu verkleinern.<\/p>\n\n<p>Folgen Sie hierf\u00fcr diesen Schritten:<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Gehen Sie nach der Generierung der Preview zur PDP des Produkts.<\/li>\n\n\n\n<li>Speichern Sie das Featured Image.<\/li>\n\n\n\n<li>Gehen Sie zu <a href=\"https:\/\/pixelied.com\/convert\/png-converter\/png-to-webp\">https:\/\/pixelied.com\/convert\/png-converter\/png-to-webp<\/a> und konvertieren Sie Ihr Bild.<\/li>\n\n\n\n<li>Speichern Sie das Bild und laden Sie es im CMS erneut als Featured Image hoch.<\/li>\n\n\n\n<li>L\u00f6schen Sie dabei das zuvor generierte Featured Image.<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\"><strong>Zusammenfassung<\/strong><\/h2>\n\n<p>Verwenden Sie die Photoshop-API, um Preview-Templates f\u00fcr Freeform-Produkte zu generieren, aber ber\u00fccksichtigen Sie die Einschr\u00e4nkungen bestimmter Produkttypen. Erstellen Sie in Photoshop ein gut aufgebautes Template mit Smartobjekten, laden Sie dieses \u00fcber das CMS hoch und generieren Sie danach das Featured Image. Verkleinern Sie die endg\u00fcltige Preview immer noch manuell, um die Ladegeschwindigkeit der PLP und PDP zu verbessern.<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"qua-blog-post-description\">Mit der Photoshop-API im CMS k\u00f6nnen Sie Previews von verschiedenen Freeform-Produkten generieren. Wichtig zu wissen Freeform-Produkte mit einem Spread, Produkte mit einer freien Stanzform und Produkte auf St\u00e4nder k\u00f6nnen nicht zur Generierung von Preview-Templates verwendet werden. Beispiele hierf\u00fcr sind: 1. Photoshop-Einstellungen Erstellen Sie in Photoshop ein Template im Format der Featured Images, die Sie normalerweise [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"ht-kb-category":[286],"ht-kb-tag":[287,288],"class_list":["post-2326","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-cms","ht_kb_tag-photoshop-api","ht_kb_tag-photoshop-template"],"featured_img":false,"coauthors":[],"author_meta":{"author_link":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/author\/admin\/","display_name":"Sparkles Support"},"relative_dates":{"created":"Ver\u00f6ffentlicht 1\u00a0Monat vor","modified":"Aktualisiert 1\u00a0Monat vor"},"absolute_dates":{"created":"Ver\u00f6ffentlicht am 12\/03\/2026","modified":"Aktualisiert am 13\/03\/2026"},"absolute_dates_time":{"created":"Ver\u00f6ffentlicht am 12\/03\/2026 14:22","modified":"Aktualisiert am 13\/03\/2026 09:19"},"featured_img_caption":"","tax_additional":{"ht_kb_category":{"linked":["<a href=\"https:\/\/sparkles.support.krachtwerkmedia.nl\/artikel-categorieen\/cms\/\" class=\"advgb-post-tax-term\">CMS<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">CMS<\/span>"],"slug":"ht_kb_category","name":"Article Categories"},"ht_kb_tag":{"linked":["<a href=\"https:\/\/sparkles.support.krachtwerkmedia.nl\/artikel-tags\/photoshop-api\/\" class=\"advgb-post-tax-term\">Photoshop-API<\/a>","<a href=\"https:\/\/sparkles.support.krachtwerkmedia.nl\/artikel-tags\/photoshop-template\/\" class=\"advgb-post-tax-term\">Photoshop-Template<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Photoshop-API<\/span>","<span class=\"advgb-post-tax-term\">Photoshop-Template<\/span>"],"slug":"ht_kb_tag","name":"Article Tags"}},"series_order":"","_links":{"self":[{"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/ht-kb\/2326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/comments?post=2326"}],"version-history":[{"count":3,"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/ht-kb\/2326\/revisions"}],"predecessor-version":[{"id":2592,"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/ht-kb\/2326\/revisions\/2592"}],"wp:attachment":[{"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/media?parent=2326"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/ht-kb-category?post=2326"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/sparkles.support.krachtwerkmedia.nl\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=2326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}