{"id":2101,"date":"2016-03-23T21:40:15","date_gmt":"2016-03-23T21:40:15","guid":{"rendered":"http:\/\/www.dpscomputing.com\/blog\/?p=2101"},"modified":"2021-03-01T22:04:34","modified_gmt":"2021-03-01T22:04:34","slug":"making-an-image-with-a-transparent-background","status":"publish","type":"post","link":"https:\/\/www.dpscomputing.com\/blog\/2016\/03\/23\/making-an-image-with-a-transparent-background\/","title":{"rendered":"Making an Image with a Transparent Background"},"content":{"rendered":"

An often asked question is how to make a image have a transparent background. \u00a0The good thing is that the answer is it is relatively simple. \u00a0I’ve seen that a number of sites have appeared offering to take the background off your images for a fee – usually a few dollars or a couple of pounds per time (i.e. per image).<\/p>\n

Whilst I can see this may be useful if it’s a particularly complex image (I stress may – I’m still not convinced!), I’ve never really had the need to call on one of these paid-for-image-transparent-background services on the Internet.<\/p>\n

It really is quite simple to do, yourself, in the comfort of your own home. \u00a0No expensive software, specialist hardware or high power computer required – just follow these quick and simple steps.<\/p>\n

Tools for the Job<\/h2>\n

Note: If you’ve already got Paint.net – feel free to skip onto the next section!<\/em><\/p>\n

Windows Paint really isn’t going to cut it here unfortunately. \u00a0And for basic imaging needs Photoshop<\/a> is not only pricey but totally overkill. \u00a0A great free piece of software to use is Paint.net – it’s like Windows Paint but with a few more extra bells and whistles. \u00a0If you don’t have it installed yet, go ahead and download it<\/a> – it’ll make your life easier.<\/p>\n

Let’s Begin<\/h2>\n

Open your image in Paint.net:<\/p>\n

\"make-a-transparent-background-image-1\"<\/a><\/p>\n

I doesn’t matter what type of image it is at the moment – for example in this case the image is jpeg (.jpg). \u00a0However, JPEG’s don’t support transparency – we’ll deal with this later when we’re saving.<\/p>\n

Go to your toolbox – should be floating around the left hand side (unless you’ve moved it previously! \ud83d\ude09 ):<\/p>\n

\"paint-net-toolbox\"<\/a><\/p>\n

Grab your magic wand (by clicking it):<\/p>\n

\"paint-net-wand\"<\/a><\/p>\n

Click on your white background to select it:<\/p>\n

\"make-a-transparent-background-image-2\"<\/a><\/p>\n

Then press the ‘Delete’ key on your keyboard and you should be left with a nice transparent background:<\/p>\n

\"make-a-transparent-background-image-3\"<\/a><\/p>\n

Notice the grey\/white hatching effect where the white background used to be – this shows that those areas are now transparent. \u00a0As you can see, some parts of the white background haven’t been got yet. \u00a0To get to those additional white areas, use your magic wand to click on these areas and press ‘Delete’.<\/p>\n

Once your happy go to save your image (‘Save As’ if you don’t want to overwrite your original image or you want to enter a new name or place in a new folder etc).<\/p>\n

Select an image format that supports transparency<\/a> (in this case I’ve chosen PNG):<\/p>\n

\"paint-net-save-as-png\"<\/a><\/p>\n

Rinse and repeat for all your images. \u00a0And voila! \u00a0You have your transparent images, it didn’t cost you a penny and it barely took any time at all!<\/p>\n","protected":false},"excerpt":{"rendered":"

An often asked question is how to make a image have a transparent background. \u00a0The good thing is that the answer is it is relatively simple. \u00a0I’ve seen that a number of sites have...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[55],"tags":[1799,1800,1804,1803,1802,1801,1805,1797,1798,1796],"class_list":["post-2101","post","type-post","status-publish","format-standard","hentry","category-articles","tag-image","tag-image-editing","tag-make-background-transparent","tag-make-image-transparent","tag-paint","tag-paint-net","tag-photoshop","tag-transparency","tag-transparent-background","tag-transparent-image"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p3nsfA-xT","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/posts\/2101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/comments?post=2101"}],"version-history":[{"count":2,"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/posts\/2101\/revisions"}],"predecessor-version":[{"id":3118,"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/posts\/2101\/revisions\/3118"}],"wp:attachment":[{"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/media?parent=2101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/categories?post=2101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dpscomputing.com\/blog\/wp-json\/wp\/v2\/tags?post=2101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}