The most common problem that prevents users from opening this file is an incorrectly assigned program. To fix this in Windows OS, you need to right-click on the file, in context menu move the mouse over the "Open with" item, and select the "Choose a program ..." item from the drop-down menu. As a result, you will see a list installed programs on your computer and you can choose the one that suits you. We also recommend that you check the box next to "Use this application for all PNG files."
Another problem that our users also encounter quite often is that the PNG file is corrupted. This situation can arise in many cases. For example: the file was not downloaded completely as a result server errors, the file was damaged initially, etc. To fix this problem, use one of the recommendations:
- Try to find desired file from another source on the Internet. You may be lucky to find a better version. Google search example: "File filetype:PNG" . Just replace the word "file" with the name you want;
- Ask to send you the original file again, it may have been damaged during transfer;
Sometimes you need to upload an image containing 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 in the File menu ( file) at the top of the page, select "Create" ( New).
Then in the window that appears new document » ( 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 the creation and are ready to save the transparent image, depending on the version of Photoshop you are using, 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 its 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 file saving smaller and in best 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).
When I try to open this image in PS (CS5) I get red rectangles around the opaque parts of the image.
If I copy the image and paste it into PS I get the content of the image as seen from the browser but with an embedded black background (not transparent as it really is)
What's wrong with this image?! Or is it my PS?
Answers
Les Majeste
Not sure about your exact copy, but I've often seen PNG files that open with black or some other color instead of transparency. This usually happens because the PNG file uses indexed colors and has an alpha palette instead of using a full alpha mask on the image itself.
Basically, when you normally save a PNG file, you use the full 24-bit truecolor (8 bits per channel) plus an alpha mask that stores the transparency information (basically, another 8-bit channel). When you use the color picker, it indexes the colors as 24-bit RGB colors and stores a separate 8-bit alpha mask.
However . This means that each of your indexed colors is stored as a 32-bit RGBA color with transparency data embedded in the palette. This is unusual as it is difficult to do it intelligently and unfortunately it doesn't fit into Photoshop's color modes. So when Photoshop opens it, it only reads the RGB components of each indexed color and doesn't find the alpha mask, so all transparency data is lost.
I don't recall seeing a file that had an arbitrary matte color applied to partially transparent areas, but this could still be a variation on the same problem.
Ilmari Karonen
Yes, it's a color-indexed PNG, it's ok. I just tried to open it in GIMP and the text looks really blocky because it uses 1 bit transparency in indexed color mode. However, simply changing the color mode to RGB fixes this; You can try and see if the same trick can work in Photoshop too.
Gaia
changing to RGB in PSD didn't reveal the image as it should look...
Alan Gilbertson
Lezi nailed it. It's really PNG 8 with a really weird palette. Here's how it opens in Fireworks, which correctly identifies and displays it. The reason for the blockiness is obvious when you look at the table: every place except the transparent one has the same color. Anti-alias? We don't need stinky dithering!
Les Majeste
Yes, that's how Photoshop basically only shows the RGB palette data. Each indexed color has an identical RGB component, but each has a different alpha value between 255 and 0. My guess is that Photoshop is hard-coded to show any color with a value of 0 as "transparent" (little diamond), but not knowing what to do with A values between 1 and 254, so it just treats it as solid red.
Alan Gilbertson
This is fireworks, not photoshop.
Les Majeste
Ah, I'm sorry. I looked at the palette in Photoshop and it's somewhat similar, except that it shows 119 additional colors after the 137 displayed in Fw. Complementary colors repeat shades of gray, so I'm not entirely sure what's going on there. But changing it to an RGB color definitely won't fix things like it does in Gimp.
Alan Gilbertson
FW has the advantage that PNG is a native file format, so it's a lot smarter with all the "png" than Photoshop. The image opens exactly as you see it in the picture. FW is still on my list of apps to go deeper into. Meanwhile, it is convenient for this kind of diagnosis.
Gaia
Thanks, it definitely helps to know that I can use FW to read it properly.
ptim
Your question was well answered by the above people, but at least I mentioned the course of action for those coming after - you can open an indexed png in Preview.app or pixlr.com and save the image as a png to get lossless access to the image. You can then restore the image in any format with PS.
I use Image Alpha and Image Optim for reliable output. More information in the article: PNG that works, which explains the PNG8 format and other PNG optimization issues in more detail.
Dan
Web designers sometimes use Fireworks to save 8-bit PNG files with an alpha transparent channel as this allows some older browsers to handle alpha transparency more reliably without their own hacks, IE CSS filters, etc. Color profiles Photoshop won't recognize or do it right though.
The PNG image format is one of the most popular and offers users to store compressed images without losing quality. Most of all, PNG is used for editing graphics or on the Internet. Next, we will look at a few simple ways through which you can open a file. this format on your computer.
There are several various methods, allowing you to open PNG files for viewing and editing. You just need to follow the instructions provided below and it will not be difficult to open the image.
Method 1: Image viewers
On the Internet, there are many graphic editors and special software for viewing and editing images. They provide users with a large number of functions and tools, which makes the process of working with pictures as comfortable as possible. Consider the process of opening a PNG image using the GIMP program as an example:
If GIMP for some reason does not suit you, we suggest that you familiarize yourself with complete list image viewers in our article at the link below. You will definitely find something suitable there.
In the case when you need to perform various manipulations with an open image, use special graphic editors with enhanced functionality and availability a large number various tools. You can read more about them in our article at the link below.
Method 2: Standard Windows tool
In all versions operating system Windows has a built-in image viewer. It also opens PNG files. Let's take a closer look at this process:
If you need all PNG images to open through the standard Windows Photo Viewer, follow these steps:
Now, by default, all PNG files will open with standard means viewing photos. To change the program to open, simply follow the same steps by selecting a different software.
In this article, we have taken a detailed look at simple ways open PNG images. As you can see, in this process there is nothing complicated, and everything is done in just a few steps.
David
Why doesn't uploaded PNG show transparency in photoshop?
I tried to download photos/pictures from the internet and edit them, but whenever I do that, the transparent background turns white. I've tried copy/pasting, which never works. I tried downloading as a PNG and opening it in Photoshop, which sometimes works but usually doesn't. I tried downloading it, copying the preview and pasting it into Photoshop but that doesn't work either. All pictures are transparent in my browser (I'm using chrome), but when I load them they often don't retain their transparency. I know there is a post on this, but none of the answers helped. I'm on Mac.
The first photo shows the image on Chrome, with a transparent background. The second is in Photoshop, with a white background.
IN google settings Images before searching, I change the background to "transparent", that is, all the images received as a result of the search have a transparent background. When looking for specifically transparent images and seeing a checkered background, I'm sure the images are transparent. Also, it's a PNG that always has a transparent background. If it were a JPEG, it would have a white background.
user287001
This case is interesting. Give us a screenshot of one transparent image in your Chrome, and very carefully and in detail, how did you make sure it was transparent in Chrome, but not after downloading.
Billy Kerr
Not all PNG images have transparency. It depends on how the image was saved. Do you have a direct URL to the original PNG image so we can check it out?
Billy Kerr
OK. I'm going to add an answer now.
Answers
Billy Kerr
Please note that in latest versions Photoshop CC has the Artboards option enabled by default, which doesn't show the transparency grid at all. You need to exit Artboard mode to see transparency again. I don't know why Adobe made this the default setting.
Billy Kerr
@Dai - The default Artboard setting only applies if you start with one of the templates in the Web or Mobile sections when creating a new document. For other document types, the Artboard option is disabled by default. Opening PNG is also not the default for artboards, at least in PS CC 2017. My screenshot was in CS4, but CC has the same behavior when opening PNG.
