How to create a PNG with transparency in Adobe Photoshop (CC and higher version)? Why photoshop can not open this PNG correctly? Why loaded PNG does not display transparency in photoshop.

The most common problem, due to which users cannot open this file, is an incorrectly assigned program. To fix it in Windows, you need to right-click on the file, in the context menu, bring the mouse to "Open Using" item, and select the Select Program item drop-down menu. As a result, you will see a list of installed programs on your computer, and you can choose a suitable one. We also recommend checking the box in front of the "Use this application for all PNG files".

Another problem with which our users also occur quite often - the PNG file is damaged. Such a situation may arise in cases of cases. For example: the file was downloaded not fully as a result of server error, the file was damaged initially, etc. To eliminate this problem, use one of the recommendations:

  • Try finding the desired file in another source on the Internet. You may be lucky to find a more suitable version. Google search example: "File File: PNG". Just replace the word "file" to the name you need;
  • Ask you to send you the source file again, it may have been damaged during transmission;

When I'm trying to open this image in PS (CS5), I get red rectangles around the opaque parts of the image.

If I copy the image and insert it into PS, I get the contents of the image, as seen from the browser, but with the built-in black background (not transparent, as in fact)

What is wrong with this image?! Or is it my PS?

Answers

Les Majeste

Not sure about your accurate instance, but I often encountered PNG files that are open with black or other color instead of transparency. Usually this is due to the fact that the PNG file uses indexed colors and has an alpha palette, and does not use the full alpha mask on the image itself.

Basically, when you usually save the PNG file, you use the full 24-bit TrueColor (8 bits per channel) plus an alpha mask in which the transparency information is stored (mainly another 8-bit channel). When you use the colors palette, it indexes colors as 24-bit RGB colors and saves a separate 8-bit alpha mask.

But . This means that each of your indexed colors is stored as a 32-bit RGBA color with transparency data embedded in the palette. It is unusual because it is difficult to do reasonably, and, unfortunately, it does not fit into color modes Photoshop. Therefore, when Photoshop opens it, it reads only the RGB components of each indexed color and does not find an alpha mask, so all transparency data is lost.

I do not remember that there is an arbitrary matte color to meet a partially transparent regions, but it can still be a variation of the same problem.

Ilmari Caronen

Yes, it is a PNG with indexed color, everything is in order. I just tried to open it in GIMP, and the text looks really block, because it uses 1-bit transparency in indexed color mode. However, a simple change in the color mode on RGB fixes it; You can try and see if the same trick can work in Photoshop.

Gaia.

the transition to RGB in PSD did not reveal the image as it should look ...

Alan Gilbertson

Lezi nailed it. This is really PNG 8 with a really strange palette. This is how it opens in FireWorks, which correctly identifies and displays it. The cause of the block is obvious when you look at the table: each place, except for transparent, has the same color. Anti-pseudonym? We do not need smelly smoothing!

Les Majeste

Yes, so basically Photoshop shows only the RGB palette data. Each indexed color has an identical component of RGB, but each has a different alpha value between 255 and 0. I assume that Photoshop is rigidly encoded to show any color with a value of 0 as a "transparent" (small diamond), but not know that To do with the values \u200b\u200bof A between 1 and 254, so it just perceives it as a solid red.

Alan Gilbertson

This is fireworks, not photoshop.

Les Majeste

Oh, sorry. I looked at the palette in Photoshop, and she looks something like that, except that it shows 119 additional colors after 137 displayed in FW. Additional colors repeat shades of gray, so I'm not quite sure what is happening there. But changing it on the RGB color will definitely not fix the situation as in GIMP.

Alan Gilbertson

The advantage of FW is that PNG is its own file format, so it is much smarter with all "PNG" than Photoshop. The image opens exactly as you see it in the picture. FW is still in my application list to deepen in it. Meanwhile, it is convenient for this kind of diagnosis.

Gaia.

Thank you, it definitely helps to know that I can use FW to read it correctly.

ptim

The aforementioned people answered your question well, but at least mentioned the course of action for those who come after - you can open an indexed PNG in preview.app or Pixlr.com and save the image as PNG to get access to the image without loss. Then you can restore the image in any format using PS.

I use Image Alpha and Image Optim for reliable output. For more information in the article: "PNG, which 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 it allows some older browsers to more reliably process alpha transparency without their own hacks, IE CSS filters, etc. Color profiles in Photoshop will not be Recognize or do it right, though.

If you have on a computer installed antivirus program can scan all files on your computer, as well as each file separately. You can scan any file by right-clicking on the file and selecting the appropriate option to check the file for the presence of viruses.

For example, in this picture allocated file my-file.pngthen you need to right-click on this file, and select the option in the File menu "Scan with AVG". When this parameter is selected, AVG Antivirus will open, which will check this file for viruses.


Sometimes an error may occur as a result invalid software installationWhat can be related to the problem that occurred during the installation process. It may interfere with your operating system. tie your PNG file with proper application softwarehaving an impact on the so-called "Association of File Extensions".

Sometimes simple reinstalling Adobe Illustrator CC It can solve your problem correctly linking PNG with Adobe Illustrator CC. In other cases, problems with file associations may result from bad Software Programming Developer, and you may be required to contact the developer for more accommodation.


Tip: Try updating Adobe Illustrator CC to the latest version to make sure that the latest fixes and updates are installed.


It may seem too obvious, but often directly the PNG file itself may cause the problem. If you received a file through an email attachment or downloaded it from a website, and the download process was interrupted (for example, a power outage or for another reason), the file may be damaged. If possible, try to get a new copy of the PNG file and try to open it again.


Caution: A damaged file may entail the occurrence of accompanying damage to the previous or already existing malware on your PC, so it is very important that the updated antivirus constantly worked on your computer.


If your PNG file associated with hardware on your computerTo open the file you may need update device driversassociated with this equipment.

This problem Usually related to the types of multimedia filesthat depend on the successful opening of hardware inside the computer, for example, sound card or video card. For example, if you are trying to open an audio file, but you can't open it, you may need update sound card drivers.


Tip: If you try to open the PNG file, you get error message associated with S.Sys File, the problem is likely to be associated with damaged or outdated device driversthat need to be updated. This process can be facilitated by using software to update drivers, such as DriverDoc.


If the steps did not solve the problemand you still have problems with opening PNG files, it may be related to lack of available system resources. For some versions of PNG files, considerable amount of resources may be required (for example, memory / RAM, computing power) for proper opening on your computer. Such a problem occurs quite often if you use enough old computer hardware and at the same time a much newer operating system.

This problem may occur when a computer is difficult to cope with the task, since the operating system (and other services operating in the background) can consume too many resources to open the PNG file. Try to close all applications on your PC before opening Portable Network Graphics. After freeing all the available resources on your computer, you will provide the best conditions for trying to open the PNG file.


If you performed all the steps described above, and your PNG file still does not open, it may be necessary to perform equipment update. In most cases, even when using old versions of equipment, computing power can still be more than sufficient for most user applications (if you do not perform a lot of resource-intensive processor operation, such as 3D rendering, financial / scientific modeling or intensive multimedia work) . In this way, it is likely that your computer lacks the required amount of memory.(more often called "RAM", or RAM) to perform the task of opening a file.

David

Why did the loaded PNG displays transparency in photoshop?

I tried to upload photos / pictures from the Internet and edit them, but whenever I do it, the transparent background becomes white. I tried to copy / insert, which never works. I tried to download as a PNG and open it in Photoshop, which sometimes works, but usually not. I tried to upload it, copy the preview and insert it into Photoshop, but it also does not work. All pictures are transparent in my browser (I use chrome), but when I download them, they often do not retain their transparency. I know that there is a post on it, but none of the answers helped. I am on Mac.

First photo shows image on chrome, with transparent background. The second is in Photoshop, with a white background.

In the Google Images settings before searching, I change the background to "transparent", that is, all images obtained as a result of the search have a transparent background. When searching for specially transparent images and seeing checkered background, I am sure that the images are transparent. In addition, it is PNG, which always has a transparent background. If it were JPEG, he 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 detail how you see it in its transparency 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 that we can check it out?

Billy Kerr.

OK. I'm going to add an answer now.

Answers

Billy Kerr.

Please note that in the latest PHOTOSHOP CC versions, the "Artboards" option is enabled by default, which does not display the transparency grid. You need to get out of the Artboard mode to see the transparency again. I do not know why Adobe did it by default setting.

Billy Kerr.

@Dai - The default ArtBoard setting is applied only if you start when creating a new document you start from one of the templates in the Web or Mobile sections. For other types of documents, the ARTBOARD option is disabled by default. PNG Opening is also not default for artboards at least in PS CC 2017. My screenshot was in CS4, but CC has the same behavior when opening PNG.

Sometimes you need to upload an image containing transparent elements through which the original background will penetrate. In these cases, it would be convenient to download PNG images, as they are able to maintain transparency.

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

Creating a file.

The first step is to create a file. To do this, open Adobe Photoshop and in the File menu ( File) Top Page Select "Create" ( New).

Then in the new document "New Document" appeared ( New Document) Create a file of the desired size, and make sure that the permission of the document is 72 pixels per inch ( since the file is intended for use in web). And also that you have chosen the value "Transparent" ( Transparent) in the drop-down list "Content background" ( Background Contents.).

* Before making PNG with transparency in Photoshop, you need to clarify that in this example we create an image to download as a background for the site, so the size of the document is given as follows: Width 3000 pixels, the height of 1730 pixels, which is recommended for the sizes for Downloads HD images:

After you specified the parameter values, click "OK" to open a new document.

Then in the "Layers" panel ( Layers.) Make sure that you work on a transparent layer, and not on the background:

After you have completed creating and ready to save a transparent image, depending on the used version of Photoshop, in the File menu ( File) You can use one of the possible options:

Photoshop version previously than CC 2015:

Now we will tell how to make transparency pictures in photoshopwhich 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 take advantage of this method, just go to the "File" menu ( File), and further - "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 the transparency options are selected ( Transparency) and " Convert to srgb» ( Convert to srgb.). This confirms that the image will contain a transparent background and its color mode will be converted to SRGB, the recommended color space for the web.

Fields " Image size» ( Image Size.) Automatically filled with the values \u200b\u200bthat you specified when you created the file. But if you want to change the file size before saving, you can do it now.

Photoshop version CC 2015:

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

Note: Adobe still offers the "Save for Web" option ( Save for Web & Devices) In Photoshop CC 2015, and it is available through the File\u003e Export menu ( File\u003e Export) or when using the Command + Option + SHIFT + S key combination (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 that the "Transparency" options are selected ( Transparency) and " Convert to srgb» ( Convert to srgb.).