Categories: Uncategorized

How to save image background as transparent image (.PNG) ,What is transparent image in detail

Ok ,lets start so you want to know how to save image as a transparent picture yep so buddy you are at right place i will tell you the steps how to save image as a transparent image but before this lets know what is a transparent picture ok.

A transparent GIF (Graphics Interchange Format) is an image file that has one color assigned to be “transparent” so that the assigned color will be replaced by the browser’s background color, whatever it may be.

A transparent image is a photo or a piece of clip art that has a see-through background around it, allowing the webpage to show through, without having a square or a rectangle area of white (or another color) surrounding the image or clip art.

Download the Image to do Practical : Download Image

How to Create a Transparent background image here are the following steps which you need to follow :

Step 1 : Open the PhotoShop and press Ctrl + O to open the image which you want to edit.

Step 2 : Select the selection tool (Quick Selection Tool) and then choose the area of image which you wanted.

Step 3 : Now you have selected the image which you wanted now simply right click on it and you will see lots of options choose “Layer Via Copy” click on it.

Step 4 : now see the Layers option you will see 2 layers one will be your background image and one will be your selected image click on the background image and delete it (Why we deleting it because we don’t want it we already selected the image or area which we wanted)


Step 5 : ok all is done , now go to file then click on save as and choose extension .PNG (others extension are also supported eg : SVG) after this name the image and save it.

Yeppy finally you saved it and congrats you created a transparent background image 🙂

reecry

View Comments

Recent Posts

Insta360 – Videos keep exporting backwards | Wrong side render in insta360

https://youtu.be/0RRUOIvmuWA I realized that I had my camera set up incorrectly, so when I upload…

3 months ago

Make Animated progress step bar using Figma

https://youtu.be/C3oFfV20K_c Make Animated progress step bar using Figma

5 months ago

How to Hide All Grids in Figma

https://youtu.be/o3pSH_oRzko How to Hide All Grids in Figma

5 months ago

How to Create Responsive Tool tip in figma

https://youtu.be/hdSUylKSsho How to Create Responsive Tool tip in Figma

5 months ago

Pixel Grid not visible in figma | How to Turn on figma Pixel Grid

https://youtu.be/AEiH7dSDhKo Having issue in figma pixel grid? learn how to show/ hide figma pixel grid…

5 months ago

Fix External Monitor Lag on Mac OS Ventura

https://youtu.be/iilYzHg9LwQ There are some issues going on in ventura OS its still in development phase…

1 year ago