David
Why doesn't the downloaded PNG show transparency in Photoshop?
I have tried to download photos/pictures from the internet and edit them, but whenever I do this, the transparent background turns white. I've tried copy/paste, 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 the pictures are transparent in my browser (I use 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 a 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 images returned as a result of the search have a transparent background. When searching for specifically transparent images and seeing a checkered background, I am confident that the images are transparent. Additionally, it is a PNG, which 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 be very careful and detailed about how you ensured it was transparent in Chrome, but not after downloading.
Billy Kerr
Not all PNG images have transparency. This depends on how the image was saved. Do you have a direct URL to the original PNG image so we can check it?
Billy Kerr
OK. I'm going to add an answer now.
Answers
Billy Kerr
Note that recent versions of Photoshop CC have the Artboards option enabled by default, which does not display a transparency grid at all. You'll need to exit Artboard mode to see the transparency again. I don't know why Adobe made this the default setting.
Billy Kerr
@Dai - The default Artboard setting only applies if, when creating a new document, you start with one of the templates in the Web or Mobile sections. 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.
When I try to open this image in PS (CS5), I get red rectangles around the opaque parts of the image.
If I copy an image and paste it into PS, I get the contents of the image as seen in the browser, but with a black background embedded (not transparent as in reality)
What's wrong with this image?! Or is this my PS?
Answers
Les Majestes
Not sure about your exact instance, but I've often seen PNG files that open in black or some other color instead of transparency. This usually happens because the PNG file uses indexed colors and has an alpha palette rather than using a full alpha mask on the image itself.
Basically, when you typically save a PNG file, you use 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 built into the palette. This is unusual because it's difficult to do 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 the transparency data is lost.
I don't recall seeing a file where a random matte color was applied to partially transparent areas, but this could still be a variation of the same problem.
Ilmari Karonen
Yes, it's a PNG with indexed color, everything is fine. I just tried opening 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 blocking is obvious when you look at the table: every place except the transparent one has the same color. Anti-alias? We don't need stinking anti-aliasing!
Les Majestes
Yes, so basically Photoshop only shows data RGB palettes. Each indexed color has an identical RGB component, but each has a different alpha value between 255 and 0. I'm guessing Photoshop is hard-coded to show any color with a value of 0 as "transparent" (small diamond), but not knowing that do with A values between 1 and 254, so it just treats it as solid red.
Alan Gilbertson
These are fireworks, not photoshop.
Les Majestes
Oh, sorry. I looked at the palette in Photoshop and it's somewhat similar, except it shows 119 additional colors after the 137 shown in Fw. The additional colors follow 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 the situation like it does in Gimp.
Alan Gilbertson
The advantage of FW is that PNG is own format files, so it's a lot smarter with all the "pngs" than Photoshop. The image opens exactly as you see it in the photo. FW is still on my list of apps to delve 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 correctly.
ptim
Your question is well answered by the above people, but I at least mentioned a course of action for those who come after - you can open the indexed png in Preview.app or pixlr.com and save the image as png to gain lossless access to the image. Then you can restore the image in any format using PS.
I use Image Alpha and Image Optim for reliable output. For more information, see 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 native hacks, IE CSS filters, etc. Color profiles in Photoshop won't admit or do it right though.
Sometimes you need to upload an image containing transparent elements, through which the original background will be visible. In these cases, it would be convenient to download PNG images since they are capable of maintaining transparency.
In this article we will tell you 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) at the top of the page select “Create” ( New).
Then in the “New Document” window that appears ( New Document) create a file of the desired size, and make sure the document resolution is 72 pixels per inch ( since the file is intended for use on the web). And also that you selected the value “Transparent" ( Transparent) in the “Background Content” drop-down list ( Background Contents).
*Before you make a PNG with transparency in Photoshop, you 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 3000 pixels, height 1730 pixels, 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 are working on the transparent layer and not the background one:
Once you have completed creation and are ready to save 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 you how to make a picture 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 a 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 filled with the values 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 a photo transparent in Photoshop, you need to know that from 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 to a smaller file and to 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 is accessible through the File > Export menu ( File > Export) or 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).
If you have installed on your computer antivirus program Can scan all files on your computer, as well as each file individually. You can scan any file by right-clicking on the file and selecting the appropriate option to scan the file for viruses.
For example, in this figure it is highlighted file my-file.png, then you need to right-click on this file and select the option in the file menu "scan with AVG". When you select this option, it will open AVG Antivirus, which will perform the check this file for the presence of viruses.
Sometimes an error may occur as a result incorrect installation software , which may be due to a problem encountered during the installation process. This may interfere with your operating system link your PNG file to the correct application software , influencing the so-called "file extension associations".
Sometimes simple reinstalling Adobe Illustrator CC can solve your problem by linking PNG correctly with Adobe Illustrator CC. In other cases, problems with file associations may result from bad software programming developer and you may need to contact the developer to obtain additional help.
Advice: Try updating Adobe Illustrator CC to latest version to make sure you have the latest patches and updates installed.
This may seem too obvious, but often The PNG file itself may be causing the problem.. If you received the file via an attachment Email or downloaded it from a website and the download process was interrupted (for example, a power outage or other reason), the file may become damaged. If possible, try getting a new copy of the PNG file and try opening it again.
Carefully: A damaged file may cause collateral damage to a previous or existing malware on your PC, so it is very important to keep an updated antivirus running on your computer at all times.
If your file is PNG related to the hardware on your computer to open the file you may need update device drivers associated with this equipment.
This problem usually associated with media file types, which depend on successfully opening the hardware inside the computer, e.g. sound card or video cards. For example, if you are trying to open an audio file but cannot open it, you may need to update sound card drivers.
Advice: If when you try to open a PNG file you receive .SYS file error message, the problem could probably be associated with damaged or outdated drivers devices that need to be updated. This process can be made easier by using driver update software such as DriverDoc.
If the steps do not solve the problem and you are still having problems opening PNG files, this may be due to lack of available system resources. Some versions of PNG files may require a significant amount of resources (e.g. memory/RAM, processing power) to properly open on your computer. This problem occurs quite often if you are using a fairly old computer. Hardware and at the same time a much newer operating system.
This problem can occur when the computer has difficulty completing a task because the operating system (and other services running in background) can consume too many resources to open a PNG file. Try closing all applications on your PC before opening Portable Network Graphics. Freeing up all the available resources on your computer will provide the best conditions for attempting to open the PNG file.
If you completed all the steps described above and your PNG file still won't open, you may need to run equipment update. In most cases, even when using older versions of hardware, the processing power can still be more than sufficient for most user applications (unless you're doing a lot of CPU-intensive work, such as 3D rendering, financial/scientific modeling, or intensive multimedia work) . Thus, it is likely that your computer does not have enough memory(more commonly called "RAM", or RAM) to perform the file open task.
Format PNG images is one of the most popular and offers users to store compressed pictures without losing their quality. Most of all, PNG is used for editing graphics or on the Internet. Next, we'll look at a few simple ways you can open a file. of this format on your computer.
There are several different methods for opening PNG files for viewing and editing. You just need to follow the instructions provided below and opening the image will not be difficult.
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. Let's look at 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 full list programs for viewing images in our article at the link below. You will definitely find something suitable there.
In cases where it is necessary to perform various manipulations with open image, take advantage of special graphic editors with expanded functionality and a large number of different tools. You can find out more about them in our article at the link below.
Method 2: Standard Windows tool
In all operating versions Windows systems There is a built-in program for viewing images. It can also be used to open PNG files. Let's take a closer look at this process:
If you need all PNG images to open through a standard viewer Windows photos, follow these steps:
Now by default all PNG files will be opened with standard means viewing photos. To change the program to open, simply follow the same steps, selecting a different software.
In this article we looked in detail simple ways opening images in PNG format. As you can see, in this process there is nothing complicated, and everything is done in just a few steps.
