{"id":9959,"date":"2022-05-07T13:13:46","date_gmt":"2022-05-07T13:13:46","guid":{"rendered":"https:\/\/ecomclips.com\/v2\/?p=9959"},"modified":"2026-01-31T07:41:30","modified_gmt":"2026-01-31T07:41:30","slug":"how-to-do-an-image-customization-on-amazon-using-clipping-mask-sell-personalize-product-on-amazon","status":"publish","type":"post","link":"https:\/\/ecomclips.com\/blog\/how-to-do-an-image-customization-on-amazon-using-clipping-mask-sell-personalize-product-on-amazon\/","title":{"rendered":"How to Do an Image Customization on Amazon Using Clipping Mask | Sell Personalize Product on Amazon"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Amazon <\/strong>custom is a storefront on Amazon that offers customizable products from professional sellers. It allows shoppers to customize products with text, images, logos, or any other options provided by the seller. So sellers can combine this customization option for the shoppers to upload a photo and text. <strong>Image customizations<\/strong> allow the shoppers to add text too. For image customization, the images should have a specific format that sellers can control from the Seller Central by using the <strong>Clipping Mask<\/strong> option. In this guide, we will recap <strong>how to do Image Customization on Amazon using the Clipping Mask<\/strong> feature. But before showing you the whole process, you need to know about Clipping Mask.<\/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 Do an Image Customization on Amazon Using Clipping Mask | Sell Personalize Product on Amazon\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/kyjT5wXPaHc?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\"><strong>Clipping Mask:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Clipping Mask<\/strong> is like combining two images in a layer so that one image appears to peek through the outline of the other. It is used to cut or edit an image to produce the right shape. <strong>Clipping Mask<\/strong> is keeping the images that are inside of the path and other portions extracted from the images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Image Customisation on Amazon:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to work with any rectangular frame image then it needs very simple steps, but to customize an image on any other shape like circle shape we can not do this easily, and therefore you need to take the help of a clipping mask. We will cover both options here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s dive down into the process of image customization on Amazon by using the Clipping Mask.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Go to your amazon seller central account and hover over the <strong>Inventory<\/strong> tab and click on the <strong>Manage Inventory<\/strong> option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/tG43LUdb7HCSHzocXuy2bhhDgC7lmCUI9uHeRbAy9wkmULr5Wx5dyF4jPso5CqN5J0NXKWsOE49tGBCg1gkV6VfLEdHQNWSWko4Tam3R8P2TpHV4VsaLJPgFGa4gQ3-mpkh4im0xGZriuY9T1Q\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong>&nbsp; Now find your product for which you want to add a custom option then click on the <strong>down arrow<\/strong> on the very right side to the <strong>Edit <\/strong>button and click on the <strong>Add\/Edit Customization Information<\/strong>. It will take you to the <strong>Edit customization<\/strong> page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/JMLWAw-dGaxJw0fKBVQfdqlQPjwMHOnuu5BoM1-IKORHpvVwShDk8_tVEJDn8MlZghtYCMA54ctvJYW80eXig5mBkc21SsCJ53cp62a5WU2BayogVl7wP-EmMPSd0RiDzHCDk-BdW-VKerV4Rw\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/6rSUrETjWuwnAwZxWbuaY7InIAxr8WFNZz2fjRwbm7Vvx9ys5QcoRDvktCZcQM7XGGT_gCfkeAgYVsFQajdmZ5D6lMs7fwnqVFmVD1TCm6wsHNbrZD4XqoIcAr8SaEpuZOITdaNcQcQ7V-zK8Q\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> For doing any type of customization-<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">i) The listing should be in stock. You can not add customization to an out of stock product listing.<br>ii) And the listing needs to have only <strong>one offer<\/strong> running at a time. Listing having multiple offers will not be eligible for customization.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Customizing Image on Rectangular Frame:&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, you need to upload an image on the customization page. But before that, you need to make sure that the image resolution is 400 x 400 pixels and that&#8217;s why you need to edit the image in photoshop to resize.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resizing Image:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>If your image is already in square shape then the job is pretty simple. Just press<strong> Ctrl+Alt+I<\/strong>&nbsp; from the keyboard and select the image resolution 400 x 400px and press <strong>Ok.<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/Ja9gBaEpsz5UieZJoibx_Q1onY53L1XsyVxcOE6aBXdQEj1hhb4Sjd-tb_BJDoZfcevesqM6tFL0CSXepQjy6KB5uw4UICUmzrElU79Ium1_ub7u0pfrh8xas6-uZEr-9d_M9n3TfXXrxTjd5g\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>But let\u2019s say, you need to resize a rectangular shape image. So, press <strong>Ctrl+N<\/strong> to open a new document. In the new document page, select <strong>width <\/strong>and <strong>height <\/strong>of 400 pixels. After that click on the <strong>Create <\/strong>button.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/B9cVxWNLgfbmY20vkfeZSz-lib448sG5LNuQlvSHTYlwpnzesoWIT7FjQf0V28566wFwlAqCAgxWTupGup-e1z4rIST88dRwm9fk-tqCQRaEhXsxdXvTxJFwHwzr7WbHGDS0aLTyMARZex7Tjg\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Now press <strong>Ctrl+O<\/strong> to open that rectangular shape image you want to resize. Select the image from your computer and click on the <strong>Open <\/strong>button to get the image in photoshop.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/tr3WKytpmZAjdbYSCAWmAKlDfWIu34Olu3eUxa44bWk-_lgzoYIXEQKmgub8rHTJvVG9cy_5mqGXmQCCFfP7WOANFC4FTXMVqIT-qhxg6KVQYa3OdfBRfUUzPSBPGF6200cxxdtA0m9OdA617Q\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Now press the <strong>Ctrl <\/strong>button to drag the image to that window to the new document that you created 400x400px. Now you can see the new image is imported. Please press <strong>Ctrl+T<\/strong> to transform or resize or reposition the image until you are satisfied.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/tNd4sM0bop_0_faarHWWtpVVULlAIuHaTHsyYHu9UuX9IEBAWhAHOoDO5jebWT5UaQ8DkzrehnPY80sO6eO_dk1tJI1DhXAMYuLN6szeSSDs4sLKdLgFNntCRzRyfl1FDkyw-UH8EdVsODB-DQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Now, press <strong>Ctrl+Shift+S<\/strong> to save the image. You can save the image in either jpg or png format. Select any of them and click on the <strong>Save <\/strong>button.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/ACk8e_AKoiws_FlChi61wzqcpFGlDVtAMmqj6O1llFAOhcV2lmsRugsEo3WFNVV8uagKKuvVne5c6llQ6sjNoRR5v3yRjTyPDR2jSt0H35_9E7k1U2m5ulWRYaKtdVcI_Ki3blal1LrsFOwU8A\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Now, go to the back end of the Amazon customization page. After that click on the <strong>Drag or upload a square image<\/strong> option and upload the image from your computer that you resized earlier. Now, click on the <strong>Add customization<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/3zMoGvyCMRHGqdBs2qMJ3y73DCgmwEGoZybEGE8-qGDdyVW18nAF6xO8tbyr7m-lKEgZ85zyfUiUcTg2sV7ZT1FGitL7QESU0WEqH1zcZAZtPLven5Qm3IIClqwiJM5GbqP2asFoNU1--ral0A\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> After that, a new window will open on this page. As you are doing image customization, so you need to select the <strong>Image <\/strong>option and then click on the <strong>Add customization<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/OjIx7jpEFbj6YMdXnOq3hI6FtKpggnIZcXdy3ihHi4HJwc5wcxmZbaDFU6Xm94V8w_rqIlcvDKSMlwwWCpqm9TU0IjLpf12teJ0MA6lP-kT3r0iFz-FJfxdkpN4Py9xBw8F52KyOuHvkaW13pQ\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5:<\/strong> Now you need to write down the name for the <strong>label <\/strong>from the <strong>Label <\/strong>section. Also, you can write <strong>instructions <\/strong>for the customers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note: <\/strong>We don&#8217;t need to input the surface name here. We only need to input surface names when we will work with two different surfaces to distinguish the surfaces.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/w_nPqDpy65HVs6EysadqTsSReBpClFnFGoCpQtxcxViNbOnv3ij_HScOuxKf4rl3wlwqiwnZEUAlPDmk561fU9xGpbvFaIbFwbkl_mUKcL9uP8e8EurYdZIpsw76QkMC6jAKlKur0ZTOJ0nU0g\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 6:<\/strong> After that, you need to select the area where the customizable image will show. You can select the area by simply dragging the mouse. Or, you can also do that manually by giving the value in the <strong>Position <\/strong>and <strong>Size <\/strong>option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/-Qer2dOTMk8WjDbYkH3FD0SVgLAu6HlJMQocpEz0WGininPqnR3jUYea0qtnJlLP2-OW1injrU22fWvsF1FedpQrMkxzlQ3HdcKVU_R7kTIb4PRNYwNh18g_iE-K9cEg9X1bSXqL-oqvqSgZKA\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 7:<\/strong> Now click on the <strong>Preview<\/strong> button to see the result.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/-c0_NAPjJCJz4iXfPVd1cSheLs25PLASvICIPdkdaYew_L4BBUy1hpZavMPTqkw-HxnxG98mjMvytAal1Oz_WLalCtFcxE0lQ86pDp5c3jhL9xu28jkdaczYl6NfXIBzJQcH1HkTMElxLRly6g\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 8:<\/strong> You can preview an interface from the customer&#8217;s point of view. When they click on the <strong>customization <\/strong>option they will be asked to browse an image. To check, click on the <strong>Browse <\/strong>option and select an image from your computer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/yz-zAJsFFTEIWVDlmLSGOVohvrcRZIZ0DHBmf_J_cs9zyy5R2A4kFNEqCOX22PERlcR6reEc4F-_Afs8fFEYwRfM41axPIGMJH0wE6jihc3kw2C-as2M5PyY0g56C5CeKAE7dL5vP6XFbMNzLw\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can drag and increase the size, rotation, or reposition the image. If everything is working smoothly then you are done. So this is the customization for any rectangular surface.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can see the level and instruction that you have given earlier in <strong>step 5<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/VQXOS0BI532iQd6I_1IhnEKDqwrZY48ceAOFzG8sDiVUF5cwqCtKNmVRJIOFH2OJKgE0yq3Y_YcAyezJy2aTMrTk-SyEmaZ78vQ_0cuU03t844lSdRCwaIUcHuxPAPL3ULCur1K2wJg00YgTHA\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Customizing Image on Any Other Shape Except Rectangular (Using Clipping Mask)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Customizing an image with a round shape is not an easy task. For doing so, you need to upload 2 images. 1 is for the main image surface and another image is for clipping. For doing this, follow <strong>step 1<\/strong> and <strong>step 2<\/strong> again.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resizing and editing Image:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This time, you need to edit those 2 images with photoshop to resize them with 400&#215;400 px. We already discussed earlier to resize the image. Here we are showing how to edit images for clipping Mask.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the round shape image and resize it to 400x400px. Now select the round area with the <strong>selection <\/strong>tool on which part the customer\u2019s image will be visible. Then delete it by pressing the <strong>Delete <\/strong>button on your keyboard.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/heq6Q8bAPzcgd1yn66d2MmkzAnh-LkJOj0H-wsmOcvqvFC90PcVRJDXkLOksDB0NyUZuGwiJOea98m8R1WVkS2JjV06GpqgiNxUCSxQA2L535ew-vI9s7Jrr97a0jk3X-OQQ8ijx7uRpqbLVyg\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Now save the image with png format. Remember, you have to save it as PNG as we want to work on a transparent background. Otherwise, the clipping will not work.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3: <\/strong>ad .<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/3zMoGvyCMRHGqdBs2qMJ3y73DCgmwEGoZybEGE8-qGDdyVW18nAF6xO8tbyr7m-lKEgZ85zyfUiUcTg2sV7ZT1FGitL7QESU0WEqH1zcZAZtPLven5Qm3IIClqwiJM5GbqP2asFoNU1--ral0A\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> Now additionally, you need to upload another image, that transparent PNG image for the clipping area. Click on the <strong>Upload mask <\/strong>button and upload the image you saved for clipping.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/ffViTR7C8yy9yVCU5Rie5EWsIGvYsygNw-XrVAMNi-bOH4LA0_qmD9he5__BRkU2KR6grdcA0UuuFVyGEgP9OWLy21Vq3sytJnLcNukyYBIc8sCXKm9YfyBC8OxDTyR92YbEFgDZZLrZ2zPrjA\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now, click on the <strong>Add customization<\/strong> button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After that, please follow the process of previous <strong>Step 5<\/strong> to <strong>Step 8<\/strong> as before.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 9:<\/strong> Now you can preview the customization if you wish to as we showed before. If you think everything is okay just click on the <strong>Published <\/strong>button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/ApWdYJAHjas1oC5M2R8rE5dl-jbPjOdr7gCjykPwfp0HOcw7YnqyvqvKSW80wNBskM238XGWxpgYSppiSRHz5HjMc2-yX8DIAvVNupycNQ3EW_zQWE0n8Oqa_7jpb_1qBEUGTz7zMOG_MYkwSw\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To sum up, Amazon Custom offers your business a free program for generating sales from customizable products. <strong>Customization image by using the clipping mask<\/strong> is might sound complicated but if you follow our instructions properly, you can easily do it by yourself. If you like our discussion, please comment, share, and subscribe to our blog. Also, do not hesitate to ask if you have any queries regarding the image customization on Amazon by using Clipping Mask. Our experts are always there for you to answer your queries. You can also watch the video on our YouTube channel <strong>Ecomclips<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Amazon custom is a storefront on Amazon that offers customizable products from professional sellers. It allows shoppers to customize products with text, images, logos, or any other options provided by the seller. So sellers can combine this customization option for the shoppers to upload a photo and text. Image customizations allow the shoppers to add &#8230; <a title=\"How to Do an Image Customization on Amazon Using Clipping Mask | Sell Personalize Product on Amazon\" class=\"read-more\" href=\"https:\/\/ecomclips.com\/blog\/how-to-do-an-image-customization-on-amazon-using-clipping-mask-sell-personalize-product-on-amazon\/\" aria-label=\"Read more about How to Do an Image Customization on Amazon Using Clipping Mask | Sell Personalize Product on Amazon\">Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":14420,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,498],"tags":[],"class_list":["post-9959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-amazon-market-place-store","category-graphics-design"],"_links":{"self":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts\/9959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/comments?post=9959"}],"version-history":[{"count":3,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts\/9959\/revisions"}],"predecessor-version":[{"id":14421,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts\/9959\/revisions\/14421"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/media\/14420"}],"wp:attachment":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/media?parent=9959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/categories?post=9959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/tags?post=9959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}