{"id":185653,"date":"2021-05-26T10:49:10","date_gmt":"2021-05-26T08:49:10","guid":{"rendered":"https:\/\/guide.jtl-software.com\/adding-watermarks-to-images\/"},"modified":"2023-08-21T13:45:38","modified_gmt":"2023-08-21T11:45:38","slug":"adding-watermarks-to-images","status":"publish","type":"page","link":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/","title":{"rendered":"Adding watermarks to images"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column width=&#8221;1\/3&#8243; responsive=&#8221;{&#8220;col&#8220;: &#8220;12&#8220;, &#8220;order-md&#8220;: &#8220;1&#8220;, &#8220;col-lg&#8220;: &#8220;4&#8220;, &#8220;order-lg&#8220;: &#8220;12&#8220;}&#8221; advanced=&#8221;{&#8220;class&#8220;: &#8220;&#8220;, &#8220;hash&#8220;: &#8220;&#8220;}&#8221;]<div id=\"toc\">\n\t<div class=\"card border-0 bg-rysywhite mt-0 mt-lg-5 mb-5 w-100\" data-toc-element>\n\t\t<div class=\"d-none d-lg-flex flex-column\">\n\t\t\t<span class=\"fa-layers mx-auto mt--4 fa-fw fa-3x text-shaftblue\">\n\t\t\t\t<span class=\"fas fa-circle\"><\/span>\n\t\t\t\t<span class=\"fas fa-inverse fa-list-ul\" data-fa-transform=\"shrink-8\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"font-weight-bold text-shaftblue text-center h5 mt-3 mb-0\">Contents<\/span>\n\t\t<\/div>\n\t\t<div class=\"d-block d-lg-none\">\n\t\t\t<a class=\"text-decoration-none card-header-link collapsed\" data-toggle=\"collapse\" href=\"#collapse-toc\" aria-expanded=\"false\" aria-controls=\"collapse-toc\">\n\t\t\t\t<div class=\"card-header d-flex bg-white align-items-center\" role=\"tab\" id=\"heading-toc\">\n\t\t\t\t\t<span class=\"h4 mb-0 d-flex align-items-center\">\n\t\t\t\t\t\t<span class=\"fa-layers fa-fw fa-2x mr-2 text-shaftblue\">\n\t\t\t\t\t\t\t<span class=\"fas fa-circle\"><\/span>\n\t\t\t\t\t\t\t<span class=\"fas fa-inverse fa-list-ul\" data-fa-transform=\"shrink-8\"><\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span>Contents<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<span class=\"flex-shrink-0 ml-auto fas fa-caret-down text-gray\"><\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<div id=\"collapse-toc\" class=\"collapse show\" data-parent=\"#toc\" role=\"tabpanel\" aria-labelledby=\"heading-toc\">\n\t\t\t<div class=\"card-body p-4 table-of-content\">\n\t\t\t\t<ul data-toc-headings=\"h2,h3\" data-toc class=\"list-shop\"><\/ul>\n\t\t\t<\/div>\n\t    <\/div>\n\t<\/div>\n<\/div>[\/vc_column][vc_column responsive=&#8221;{&#8220;col&#8220;: &#8220;12&#8220;, &#8220;col-md&#8220;: &#8220;8&#8220;, &#8220;order-md&#8220;: &#8220;12&#8220;, &#8220;order-lg&#8220;: &#8220;1&#8220;}&#8221; width=&#8221;2\/3&#8243; advanced=&#8221;{&#8220;class&#8220;: &#8220;&#8220;, &#8220;hash&#8220;: &#8220;&#8220;}&#8221;]<h1 class=\"d-flex align-items-center hl-shop\" id=\"adding-watermarks-to-images\">Adding watermarks to images <span id='anchor-adding-watermarks-to-images' data-href='#adding-watermarks-to-images' class='far fa-link' data-anchor><\/span><\/h1><div class=\"custom-box\">\n\t<div class=\"d-flex align-items-center mb-4\">\n\t\t\t\t\t\t\t<span class=\"mr-3 fa-stack flex-shrink-0 fa-1x\">\n\t\t\t<span class=\"fas fa-circle fa-stack-2x text-shaftblue\"><\/span>\n\t\t\t\t\t<span class=\"flex-shrink-0 fas fa-clipboard-list text-white fa-stack-1x\"><\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\n\t\t<h3 class=\"mb-0 \" id=\"your-task-initial-situation\">Your task\/initial situation <span id='anchor-your-task-initial-situation' data-href='#your-task-initial-situation' class='far fa-link' data-anchor><\/span><\/h3>\t<\/div>\n\t<div class=\"box-content\">\n\t\tYou take your own product images and use them in JTL-Shop. To avoid your competitors simply copying your images, you would like to have your logo displayed as a watermark in the images.\t<\/div>\n<\/div>\n<h2 class=\"d-flex align-items-center hl-wawi\" id=\"preparations\">Preparations <span id='anchor-preparations' data-href='#preparations' class='far fa-link' data-anchor><\/span><\/h2>\t<p>To insert a watermark, you first need a suitable image file. It is best to use a PNG with a transparent background. This will prevent your items from being accidentally covered by the white background of the image. The size of the image does not really matter as you can then set it separately in the back end of JTL-Shop.<\/p>\n<h2 class=\"d-flex align-items-center hl-wawi\" id=\"adding-watermarks-automatically\">Adding watermarks automatically <span id='anchor-adding-watermarks-automatically' data-href='#adding-watermarks-automatically' class='far fa-link' data-anchor><\/span><\/h2>\t<p>Under <span class=\"highlight\">Watermark<\/span>, you can protect your images from unauthorised use, for example by adding your logo or a corresponding note to the images.<\/p>\n<div class=\"media-object media-object-border d-flex align-items-top\">\n\t\n\t\t\t\t<span class=\"mt-1 mr-3 fa-stack flex-shrink-0 fa-1x columnsize-fa-2x\">\n\t\t<span class=\"far fa-circle fa-stack-2x text-shop\"><\/span>\n\t\n\t\t<span class=\"fas fa-search-plus text-shop fa-stack-1x\"><\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"media-content border-shop\">\n\t\n\t\t\t<b>Please note:<\/b> Watermarks are only displayed in the largest image size; please see<span style=\"color: #5cbcf6;\"> <a class=\"JTL-Shop-color\" style=\"color: #5cbcf6;\" title=\"Adapting the display of images in JTL-Shop\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adjusting-the-appearance-of-images\/\">Managing the display of images<\/a><\/span>.\t\t\t<\/span>\n\t\n\t<\/div>\n\n\n\t<p>Open the <span class=\"highlight\">Watermark<\/span> page:<\/p>\n<ol start=\"1\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li class=\"media-single-line\">\n\tLog in to the back end of JTL-Shop with your admin access data.<\/li><li class=\"media-single-line\">\n\tGo to <span class=\"highlight\">View &gt; Settings &gt; Watermark<\/span>.<\/li><li class=\"media-single-line\">\n\tFirst select the image category for which you want to insert the watermark.<\/li><\/ol>\t<p>You can choose between:<\/p>\n<ul class=\"list-reset ml-3 list-icons list-custom-square list-shop\">\n\t<li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tItems\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCategories\r\n\r\n\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCharacteristics\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tCharacteristic values\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tManufacturers\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tVariations\t<\/li><\/ul>\t<p>After the selection, you can make the appropriate settings for the respective category.<\/p>\n<ol start=\"4\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li >\n\t<span class=\"highlight\">Activate<\/span> the watermark. All images in this image category now get a watermark.<\/li><li class=\"media-single-line\">\n\tSelect the <span class=\"highlight\">position<\/span> of the watermark on the image.<\/li><\/ol>\t<p>You can choose from the following items:<\/p>\n<ul class=\"list-reset ml-3 list-icons list-custom-square list-shop\">\n\t<li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tat the top\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\ttop right corner\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tright\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tbottom right corner\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tat the bottom\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tbottom left corner\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tleft\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\ttop left corner\t<\/li><li >\n\t\t\t<span class=\"list-icon fas fa-square\"><\/span>\t\tcentred\t<\/li><\/ul><ol start=\"6\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li >\n\tSpecify the <span class=\"highlight\">transparency<\/span> as well as the <span class=\"highlight\">size<\/span> of the branding in relation to the whole image (in percent).<\/li><\/ol>\t<p>The higher the transparency value, the more transparent the watermark. We recommend a value of 50. A value of 30 is suitable for the size.<\/p>\n\t<p>At 0, the watermark is not scaled and is displayed in its actual size.<\/p>\n<ol start=\"7\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li >\n\tFinally, under <span class=\"highlight\">Watermark file<\/span>, select the file to be used as the watermark.<\/li><\/ol>\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/watermark-settings-jtl-shop-5-3.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/watermark-settings-jtl-shop-5-3-1024x404.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/watermark-settings-jtl-shop-5-3.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/watermark-settings-jtl-shop-5-3-1024x404.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/watermark-settings-jtl-shop-5-3-768x303.png 640w\" width=\"1024\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"404\" alt=\"Adjusting the watermark for item images in JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/watermark-settings-jtl-shop-5-3.png&quot;,&quot;w&quot;:1800,&quot;h&quot;:711}\" class=\"border-defaultgray border-w-1 border img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<ol start=\"8\" class=\"list-reset step mb-5 list-shop normal-step\">\n\t<li >\n\tClick <span class=\"highlight\">Save<\/span>. The watermark should now be visible for all item images in your online shop. For all other types of images, you must carry out a complete synchronisation of your images first.<\/li><\/ol>\t\t\t\t\t\t<div data-gallery>\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/guide.jtl-software.com\/uploads\/watermark-item-image-jtl-shop-5-2.png\" itemprop=\"contentUrl\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guide.jtl-software.com\/uploads\/watermark-item-image-jtl-shop-5-2-844x1024.png\" srcset=\"https:\/\/guide.jtl-software.com\/uploads\/watermark-item-image-jtl-shop-5-2.png 1600w,https:\/\/guide.jtl-software.com\/uploads\/watermark-item-image-jtl-shop-5-2-844x1024.png 1024w,https:\/\/guide.jtl-software.com\/uploads\/watermark-item-image-jtl-shop-5-2-633x768.png 640w\" width=\"844\" sizes=\"auto, (max-width: 20em) 30vw, (max-width: 30em) 60vw, (max-width: 40em) 90vw\" height=\"1024\" alt=\"Adjusting the watermark for item images in JTL-Shop 5\" data-pswp=\"{&quot;src&quot;:&quot;https:\\\/\\\/guide.jtl-software.com\\\/uploads\\\/watermark-item-image-jtl-shop-5-2.png&quot;,&quot;w&quot;:885,&quot;h&quot;:1074}\" class=\"border-defaultgray border-w-1 border img-fluid mb-5\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t[\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"Contents Contents Adding watermarks to images Your task\/initial situation You take your own product images and use them in JTL-Shop. <a href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/\">[...]<\/a>","protected":false},"author":2,"featured_media":0,"parent":187891,"menu_order":476,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"tags":[],"class_list":["post-185653","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Adding watermarks to images &#8211; JTL-Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding watermarks to images &#8211; JTL-Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/\" \/>\n<meta property=\"og:site_name\" content=\"JTL-Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T11:45:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/\",\"url\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/\",\"name\":\"Adding watermarks to images &#8211; JTL-Guide\",\"isPartOf\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/#website\"},\"datePublished\":\"2021-05-26T08:49:10+00:00\",\"dateModified\":\"2023-08-21T11:45:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/#breadcrumb\"},\"inLanguage\":\"en-en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"JTL-Shop\",\"item\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Appearance\",\"item\":\"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Adding watermarks to images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guide.jtl-software.com\/en\/#website\",\"url\":\"https:\/\/guide.jtl-software.com\/en\/\",\"name\":\"JTL-Guide\",\"description\":\"Dokumentation f\u00fcr die gesamte Produktfamilie von JTL\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guide.jtl-software.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-en\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding watermarks to images &#8211; JTL-Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/","og_locale":"en_US","og_type":"article","og_title":"Adding watermarks to images &#8211; JTL-Guide","og_url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/","og_site_name":"JTL-Guide","article_modified_time":"2023-08-21T11:45:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/","url":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/","name":"Adding watermarks to images &#8211; JTL-Guide","isPartOf":{"@id":"https:\/\/guide.jtl-software.com\/en\/#website"},"datePublished":"2021-05-26T08:49:10+00:00","dateModified":"2023-08-21T11:45:38+00:00","breadcrumb":{"@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/#breadcrumb"},"inLanguage":"en-en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/adding-watermarks-to-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"JTL-Shop","item":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/"},{"@type":"ListItem","position":2,"name":"Appearance","item":"https:\/\/guide.jtl-software.com\/en\/jtl-shop\/appearance\/"},{"@type":"ListItem","position":3,"name":"Adding watermarks to images"}]},{"@type":"WebSite","@id":"https:\/\/guide.jtl-software.com\/en\/#website","url":"https:\/\/guide.jtl-software.com\/en\/","name":"JTL-Guide","description":"Dokumentation f\u00fcr die gesamte Produktfamilie von JTL","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guide.jtl-software.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-en"}]}},"_links":{"self":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/comments?post=185653"}],"version-history":[{"count":5,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185653\/revisions"}],"predecessor-version":[{"id":230959,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/185653\/revisions\/230959"}],"up":[{"embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/pages\/187891"}],"wp:attachment":[{"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/media?parent=185653"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guide.jtl-software.com\/en\/wp-json\/wp\/v2\/tags?post=185653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}