{"id":1017,"date":"2011-01-30T00:00:58","date_gmt":"2011-01-29T18:30:58","guid":{"rendered":"http:\/\/techpackets.com\/?p=1017"},"modified":"2011-01-30T00:00:58","modified_gmt":"2011-01-29T18:30:58","slug":"how-to-make-background-image-as-transparent","status":"publish","type":"post","link":"https:\/\/mastergadgets.com\/blog\/how-to-make-background-image-as-transparent\/","title":{"rendered":"How to make background image as transparent"},"content":{"rendered":"<p><a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/transparent-logo.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1026\" title=\"transparent logo\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/transparent-logo.png\" alt=\"transparent logo\" width=\"153\" height=\"47\" \/><\/a>Want to edit an image so that you can make the same as a transparent one? Then we will guide you in doing so. Basically making an image transparent helps in embedding the same on any of the image or can be added as a background image of your website page. A background image which is in GIF format can be made transparent which can then be added wherever you want.<\/p>\n<p><a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/image.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1018\" title=\"image\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/image-300x214.png\" alt=\"image\" width=\"300\" height=\"214\" srcset=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/image-300x214.png 300w, https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/image.png 413w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Be it a multicolored image or a colored background with variable colour schemes, you can make an image look with an transparent background as this will look better than having an image with an ugly looking square background. So, let\u2019s proceed and see how we can make the background of an image into transparent.<\/p>\n<p><strong>Parameters for Choosing an Image for making its background transparent:<\/strong><\/p>\n<ul>\n<li>First and foremost choose an image which has a background which is either linear or a plain background colour as then only you can make the background part as the transparent one.<\/li>\n<p><a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Selection-of-Image.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1019\" title=\"Selection of Image\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Selection-of-Image-300x260.png\" alt=\"Selection of Image\" width=\"300\" height=\"260\" srcset=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Selection-of-Image-300x260.png 300w, https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Selection-of-Image.png 309w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/ul>\n<ul>\n<li>As shown above, you will have to make sure that colour is not spilled all across as in the case of right side image above, as this makes the software tool difficult in deciding what is the main image and what\u2019s the background, due to which background can\u2019t be made transparent accurately. Also, most importantly make sure the background color does not appear in the image itself. When you make the background of the image transparent, every part of the image with that same background color will be made transparent.<\/li>\n<\/ul>\n<p><strong>How to do it<\/strong><\/p>\n<ul>\n<li>For making an image\u2019s background as transparent you will need to download a software tool which is called as the Paint Shop Pro. This software can be downloaded easily from any of the software provider websites. Though this software is not free software, but a trial version of 30 days is provided after the download. If you like this software and want to continue using the same then you need to shell out 99$ to use it the way you want. Please note that this only makes the background images as transparent if the image is in GIF format. After downloading and installing the software, you need to go to <strong>File<\/strong>, and then you need to click on <strong>Open<\/strong> and <strong>choose the image<\/strong> from the path where you have stored the image.<\/li>\n<\/ul>\n<ul>\n<li>Now, just click on the <strong>Doppler<\/strong> Icon <a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/dopler-icon.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1020\" title=\"doppler icon\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/dopler-icon.jpg\" alt=\"doppler icon\" width=\"17\" height=\"18\" \/><\/a>and need to position your mouse over the background area of your image, and then just right click (don\u2019t left click) on it.<\/li>\n<\/ul>\n<ul>\n<li>Now, when you see the background colour appear in the background color palette as shown below, then you need to click on the <strong>colors<\/strong> tab and then go down to <strong>Set Palette Transparency <\/strong>as per your choice. Choose maximum for 100% background transparency.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Transparent-image.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1021\" title=\"Transparent image\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Transparent-image-300x223.png\" alt=\"Transparent image\" width=\"300\" height=\"223\" srcset=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Transparent-image-300x223.png 300w, https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Transparent-image.png 567w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul>\n<li>Now, after setting the pallete transparency as shown above you can see that image has more than 256 colors, now a message will come up asking you to reduce the image to a single, palleted, background color, here you just have to click on <strong>YES<\/strong> as seen in the above figure. Now, after this you need to then Decrease color depth window which will come up, just click <strong>OK<\/strong> on that.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Set-Pallete-Transparency.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1022\" title=\"Set Pallete Transparency\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Set-Pallete-Transparency-300x223.png\" alt=\"Set Pallete Transparency\" width=\"300\" height=\"223\" srcset=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Set-Pallete-Transparency-300x223.png 300w, https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Set-Pallete-Transparency.png 567w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul>\n<li>Note that if your image is already under 256 colors, you will not get these 2 messages as shown below,<\/li>\n<\/ul>\n<p><a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Warning.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1023\" title=\"Warning\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/Warning-300x118.png\" alt=\"Warning\" width=\"300\" height=\"118\" \/><\/a><\/p>\n<ul>\n<li>Next up, you will need to click on yes if you see the above message. Now, after clicking on Yes, you will see a dialog box wherein you need to clock on the depth of the colour as shown below. You just need to click on the <strong>Set the transparency value to the current background color<\/strong> option, and then click <strong>OK <\/strong>as shown below:<\/li>\n<\/ul>\n<p><a href=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/set-pallete-transparency-to-ok.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1024\" title=\"set pallete transparency to ok\" src=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/set-pallete-transparency-to-ok-300x170.png\" alt=\"set pallete transparency to ok\" width=\"300\" height=\"170\" srcset=\"https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/set-pallete-transparency-to-ok-300x170.png 300w, https:\/\/mastergadgets.com\/blog\/wp-content\/uploads\/2011\/01\/set-pallete-transparency-to-ok.png 389w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Now, that\u2019s it after selecting the option as mentioned above, you will find that the background has been successfully made transparent and then you can save the same and can upload on your web page. Basically, here the background doesn\u2019t appear to be changed but seems transparent on the web page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to edit an image so that you can make the same as a transparent one? Then we will guide you in doing so. Basically making an image transparent helps in embedding the same on any of the image or can be added as a background image of your website page. A background image which [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1026,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-1017","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info"],"_links":{"self":[{"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/posts\/1017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/comments?post=1017"}],"version-history":[{"count":0,"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/posts\/1017\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/media\/1026"}],"wp:attachment":[{"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/media?parent=1017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/categories?post=1017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mastergadgets.com\/blog\/wp-json\/wp\/v2\/tags?post=1017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}