Sometimes you need to upload an image that contains transparent elements, through which the original background will show through. In these cases, it would be convenient to load PNG images as they are capable of preserving transparency.

In this article, we will tell how to make transparency in photoshop.

File creation

The first step is to create a file. To do this, open Adobe Photoshop and go to the File menu ( file) at the top of the page, select "Create" ( New).

Then, in the New Document window that appears ( New document) create a file of the correct size, and make sure the resolution of the document is 72 pixels per inch ( because the file is intended for use on the web). And also that you chose the value "Transparent" ( Transparent) in the Background content drop-down list ( background content).

*Before making a PNG with transparency in Photoshop, we need to clarify that in this example we are creating an image to upload as a background for the site, so the document size is set as follows: width 3000px, height 1730px, which are the recommended sizes for HD image downloads:

After you have set the parameters, click OK to open a new document.

Then in the Layers panel ( Layers) make sure you're working on the transparent layer and not the background:

Once you have completed creation and are ready to save the transparent image, depending on the Photoshop versions, in the File menu ( file) you can use one of the possible options:

Photoshop versions earlier than CC 2015:

Now we will tell how to make an image transparent in photoshop, which came out before CC 2015 . These versions use the Save for Web method ( Save for web& Devices) to save and optimize PNG images for use on the web. To use this method, simply go to the File menu ( file), and then - "Save for Web" ( Save for Web & Devices):

Then, in the window that appears, select PNG-24 from the drop-down menu of possible values, and then make sure that the "Transparency" options are selected ( Transparency) and " Convert to sRGB» ( Convert to sRGB). This confirms that the image will contain transparent background and his color mode will be converted to sRGB , the recommended color space for the web.

Fields " Image size» ( Image Size) are automatically populated with the values ​​you specified when you created the file. But if you want to resize the file before saving, you can do so now.

Photoshop version CC 2015:

Before, how to make photos transparent in photoshop, you need to know that since version CC 2015 the option "Save for Web" ( Save for Web & Devices) in the File menu ( file) is marked Legacy. And replaced by a new option "Export" ( Export), which offers identical functionality with faster saving in a smaller file size and better quality. To use the Export option, click the File menu ( file), and then - " Export as» ( export as).

Note: Adobe still offers a Save for Web option ( Save for Web & Devices) in Photoshop CC 2015, and it's available via File > Export ( File > Export) or when using the keyboard shortcut Command+Option+Shift+S (for Mac) or Ctrl+Alt+Shift+S (for PC):

Then, in the window that appears, select PNG from the Format drop-down menu ( Format) and make sure the "Transparency" options are selected ( Transparency) and " Convert to sRGB» ( Convert to sRGB).

Some users may need to make a transparent background on some photos. This may be due to aesthetic considerations, the need to create a watermark for commercial purposes and other reasons - the fact is that the user does not know how, and with what, this can be done. AT this material I will try to help such users and tell you how to make a transparent background online, what services exist for this, and how to use them.

The list of services capable of making a transparent background of an image

There are several services on the network that allow you to remove the background of a photo online for free. At the same time, all of them have fairly simple tools, allowing you to remove the background of photos in almost a few clicks. Below I will list these services with a detailed description of their functionality.

If you, like me, have a desire, then I hasten to please you, I tested most of them and compiled a list of the best (at the link above).

Online-Photoshop service allows you to remove the background

The first resource that allows you to create a transparent background online is Online-Photoshop. Working with it is quite simple, allowing you to get an object with a transparent background on your photo in a couple of minutes.

1. To implement what you have planned, go to the resource, click on the "Select image" button and upload the desired photo.
2. The latter will appear on the left side of the screen, and the cursor will take the form of a yellow circle.
3. Mark with this circle with a yellow line the outer contours of the object, the background behind which you want to make transparent.
4. Then click on the green circle with a plus sign in the toolbar and mark with green the internal features of the object.
5. Then click on the red circle with a minus and mark with red lines the outer space outside the boundaries of the object.

Now we press the arrow on the right and look at the result. If everything is fine, click on the "Download" button on the top and save the result to your PC.

Pixlr service set one background color

Another tool to make a transparent background online is the Photoshop-like Pixlr online editor. It has a significant number of features, but we are primarily interested in creating a transparent background online.

IMGonline service allows you to make a transparent background

This service is an almost fully automated option that allows you to make the background transparent online.

To work with the service, go to it, click on the "Browse" button, make sure that the "Replace plain background with" option is set to "Transparent" and click on the large "OK" button at the bottom.

After processing, you will be able to view the result or download it to your computer using the appropriate links.

I note that due to automation, the quality of the resulting processing is usually worse than in the Online-Photoshop and Pixlr listed above.

Service Watermark.Algid.Net

Another service that allows you to make a transparent background on a photo online for free.

To work with this service, you need to prepare a photo, for which you need to paint over a potentially transparent area with a color that is not on the image itself (for example, blue, as shown in the example below). It is also important that the photo is in png or gif format.

1. Then you need to go to the site itself, click on the "Browse" button, specify the path to your file to the service and click on "Next Step".
2. Your image will open, you will need to click on the color of the photo that you want to make transparent (the background to remove must have one color after processing).
3. Click on the background color, the program will process it and it will become transparent.
4. If you are satisfied with the processing, right-click on the photo and select "Save Image As".

LunaPic service remove the background of the image

This service for creating a transparent background is similar in its functionality to the previous one, requiring a background made in one color. It transforms this color into a transparent background, obtaining the image required by the user.

1. To work with the service, log in to it, click on "Browse" and upload the required photo (or provide a link to it on the network in the line below).
2. Then select the color on the photo that you would like to make transparent and click on it with the mouse.
3. The photo will be processed and you will ideally get a transparent background color.

Compared to the Watermark.Algid.Net service, the LunaPic service is more like a full-fledged photo editor, allowing you to paint the background with one color using the tools built into this service.

Conclusion

Above, I have listed several convenient and easy-to-use services that allow you to make a transparent background online. The most effective, in my opinion, are the Online-Photoshop and Pixlr services, the results of their processing are at a good level, and the specifics of the optional are not at all complicated. If you need to make a transparent background for a photo, I recommend using the capabilities of these tools, they will allow you to easily and quickly create a transparent background online.

Greetings, dear readers my blog!

I recently needed remove background from the picture, I'm not particularly friendly with photoshop. And I'll tell you that I don't even have it on my computer. (Well, it’s right, in general, why do I need something with which I don’t know how to work).

But the background from the picture had to be somehow removed, I began to surf the Internet, in search of a solution to my problem. There are actually a lot of options, but I was looking for something easier)). I found a very easy and simple way to remove the background from the picture.

And so, let's get started. We need photoshop, but since I don't have it. I use online Photoshop. It's very handy, I'll tell you. And of course the picture whose background we want to make transparent.

I will show you with an example, here is such a picture, we will remove the white background

We go to online photoshop. I used this one PIXLR

Choose: Upload image from computer.

Now right in the window "LAYERS" gotta open the lock

We click on it 2 times left button mouse, a checkmark should appear in the box.

Now go to the panel, which is located on the left, select the tool "Magic wand" and tolerance set to 21.

That seems to be all, but I am not completely satisfied with the picture, there are still remnants of the background, I again click on the place that I want to remove. Then "edit" ---- "clear". And so on until you remove everything you need.

The main thing is to specify a picture on your computer or phone, and then click the OK button at the bottom of this page. By default, the plain background of the picture is replaced by a transparent one. The background color of the original image is determined automatically, you just need to specify in the settings what color to replace it with. The main parameter that affects the quality of the replacement is the "Intensity of replacement" and it can be different for each picture.

An example of a photo of a pink rose without changes and after replacing the solid background with transparent, white and green:

First example with a rose flower on a transparent background is made with the following settings:
1) Replacement intensity - 38;
2) Smoothing around the edges - 5;
3) Replace the solid background with a transparent one;
4) Cropping (<0) или Добавление (>0) along the edges - "-70";
5) Invert - disabled (check not checked).

For creating second example, with a white background, the same settings were used as in the first example, except for the parameter: "Replace plain background with" - white. AT third example, with a green background, the settings are also used, as in the first example, except for the parameter: "color in hex format" - #245a2d.

The original image is not changed in any way. You will be given another processed picture with a transparent background or the background you specify.

Take a look at the figure in the format jpg, the notorious cartoon character Mammoth who lost his mother .. I want to cry .. no, not because the mammoth cannot find his mother (although because of this too), but because the blue background hurts his eyes terribly! I just want to remove this blue and fill the background of the picture with such a color that it blends with the background of the page ..

I don't think this is a problem for you! just think of opening it with the same Photoshop and filling the background with the desired color! but what if the main background of the page is some kind of complex texture?

An example where an image is overlaid on top of a texture:

Open Photoshop and draw in a picture with a mammoth instead of a blue background of a cell? And then try to fit them to the main background of the page? This is not an option!!!

So, I report that graphic formats gif and png- support the transparency mode, thereby making it possible to make some areas of the picture invisible to the human eye - which is exactly what we need!

Now in order:

1. Open the picture whose background you want to make transparent with Adobe Photoshop.

2. Open a bookmark "Image" >> "Mode" >> "Indexed Colors".

3. In the dialog box that appears "Indexed Colors" put a tick "Transparency" and press "OK"

4. Using the selection tool "Magic wand" and "Eraser" we erase the background in the picture, actually making the parts we need transparent.

5. Well, save our picture in the format gif.. bookmark "File" >> "Save for Web…" in the window that appears, indicate (agree) that the picture will be saved in the format gif click "Save".. select a folder, write a name - all this is you, I hope you know how ..

All picture with transparent background created!!

Now it can be inserted into our page again, without forgetting to change the extension jpg on the gif .

gif" alt="(!LANG:Mammoth"> !}