{"id":1068,"date":"2020-06-18T06:45:05","date_gmt":"2020-06-18T06:45:05","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2020\/06\/18\/add-watermark-to-product-images-in-magento-2\/"},"modified":"2025-07-22T17:37:09","modified_gmt":"2025-07-22T12:07:09","slug":"add-watermark-to-product-images-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-watermark-to-product-images-in-magento-2\/","title":{"rendered":"How to Add Watermark to Product Images in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You can also refer to the video tutorial to configure pagination controls in Magento 2 from our Magento 2 video tutorial series:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A watermark is usually a logo, stamp, or a signature superimposed on a photo with a degree of transparency so that it does not distract the objective of the picture.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A watermark is used to show the authenticity, ownership or copywrites of an image or product. It is used to prevent unethical competitors or spammers to steal your quality hard work and gain from it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Magento 2 offers Images Watermark for the store owners to protect the copyrights of the store products and prevent the unauthorized use of the store images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apart from this, watermarks can also be leveraged to increase the brand awareness of a Magento 2 store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The store admin can use the watermarks of various format like jpg, jpeg, gif or png, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Check the steps to&nbsp;<em><strong>add watermark to&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/display-product-image-in-order-create-page-in-magento-2\/\">product images in Magento 2<\/a><\/strong><\/em>&nbsp;and experiment using the watermarks with different sizes, opacity, and position from the admin panel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to Add Watermark to Product Images in Magento 2:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">For Magento 2.0<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to admin panel<\/li>\n\n\n\n<li>Navigate to Stores &gt; Settings &gt; Configuration<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For Magento 2.1 or above<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to admin panel<\/li>\n\n\n\n<li>Navigate to Content &gt; Design &gt; Configuration<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Now, follow the below steps, for both the versions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select your current theme<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/06\/Annotation-on-2020-06-15-at-11-34-27.png\" alt=\"Annotation-on-2020-06-15-at-11-34-27\" class=\"wp-image-9338\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Expand \u201cProduct Image Watermarks\u201d and configure the&nbsp;<strong>Base<\/strong>,&nbsp;<strong>Thumbnail<\/strong>,&nbsp;<strong>Small<\/strong>, and&nbsp;<strong>Swatch Image<\/strong>&nbsp;image settings<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/06\/Screenshot-at-June-15th-2020-11.51.51-am.png\" alt=\"Screenshot-at-June-15th-2020-11.51.51-am\" class=\"wp-image-9339\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Upload<\/strong>&nbsp;the watermark image<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the&nbsp;<strong>Image Opacity<\/strong>&nbsp;as percentage<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the&nbsp;<strong>Image Size<\/strong>&nbsp;in pixels<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Set the&nbsp;<strong>Image Position<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Similarly, configure the fields for&nbsp;<strong>Thumbnail<\/strong>&nbsp;and&nbsp;<strong>Small<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/06\/Screenshot-at-June-15th-2020-11.52.08-am.png\" alt=\"Screenshot-at-June-15th-2020-11.52.08-am\" class=\"wp-image-9341\"\/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/06\/Screenshot-at-June-15th-2020-11.52.22-am-1024x379.png\" alt=\"Screenshot-at-June-15th-2020-11.52.22-am\" class=\"wp-image-9340\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Save<\/strong>&nbsp;the configuration<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Delete Watermark Image in Magento 2:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the&nbsp;<strong>Delete<\/strong>&nbsp;icon as shown here:<br><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2020\/06\/Annotation-on-2020-06-15-at-12-13-49.png\" alt=\"Annotation-on-2020-06-15-at-12-13-49\" class=\"wp-image-9342\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Save the configuration<\/li>\n\n\n\n<li>Refresh cache.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also refer to the video tutorial to Add Watermark to Product Images in Magento 2 from our&nbsp;<a href=\"https:\/\/www.youtube.com\/playlist?list=PLBTOxSAJzwEjM5MilmEqj98Ib80tKBu7r\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 video tutorial<\/a>&nbsp;series:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add Watermark to Product Images in Magento 2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/R1gPp8MvdRo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Also, please share the post with the Magento community via social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can also refer to the video tutorial to configure pagination controls in Magento 2 from our Magento 2 video tutorial series: A watermark is&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1068","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1068"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1068\/revisions"}],"predecessor-version":[{"id":14850,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1068\/revisions\/14850"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}