Questions about the lossless raster graphics format PNG, primarily designed to succeed the `GIF` format for displaying images on the internet or via digital delivery. This format supports transparency.

learn more… | top users | synonyms

32
votes
5answers
116k views

Add transparency to an existing PNG

I'd like to use this image on a web site. What I need to do is change the background from black to transparent, so I can use the arrow on my site maintaining the page background. I used Gimp to ...
26
votes
4answers
32k views

Exporting individual layers in Photoshop, keeping their sizes

I'm trying to export individual layers in Photoshop as PNGs, keeping their size. So if I have a layer that is 200x200 in a composition that is 1000x1000, I want to export just that layer as a PNG at ...
25
votes
6answers
35k views

Which format is better for saving images intended for websites; PNG or SVG?

When exporting / saving images with a transparent background that are intended for websites, should I save it as PNG or SVG? Why?
25
votes
2answers
144k views

What does the interlaced option in Photoshop do?

There is this options box shown when saving a PNG image from Adobe Photoshop. I always choose 'None'. What does the 'Interlaced' option do?
18
votes
2answers
17k views

Why does my transparent PNG not look good?

I want to convert a JPG to transparent and using GIMP I added alpha layers and transparency same way I make a GIF transparent I converted it to PNG but it doesn't display well when I load it on my ...
16
votes
5answers
21k views

Is there a faster way to save all layers in PSD to PNG?

I'm trying to export all 155 raster layers, each 240*240 in pixels, to separate png files, but it takes ages to do that using CS5 File > Scripts > Export Layers to Files. This script creates new psd ...
15
votes
3answers
4k views

Why do people use JPG images?

I see JPG images everywhere. But why? PNG files have opacity, while JPGs do not. I've tried exporting some images to PNG and JPG to compare size, and they both either match up or the PNG is ...
15
votes
1answer
7k views

Why does this PNG image on twitter look different when clicked?

This morning on twitter there was a tweet with the text "click on this picture". When picture is clicked, it's opened in wider viewer, but looks completely different. I tried to analyze this picture ...
15
votes
5answers
17k views

What's the point of converting RGB images to CMYK TIF/TIFF before placing them in InDesign?

Currently we receive CMYK TIF/TIFF images of photographs from our design agency (who get them from the photographer). Our in-house designers then place them in InDesign for posters and magazines, or ...
12
votes
3answers
44k views

How to export Illustrator layers as individual images?

I have an Illustrator file that contains patterns. I'd like to export each pattern as an individual image to use in this new program that I'm trying called Sketch. Is there a batch processing script ...
11
votes
3answers
5k views

Make a desaturated image transparent keeping only shadows & highlights

I've been trying to do this for a few days now and have not gotten the results I need. I'm not sure I'm using the correct terminology in the title, if not, please feel free to correct me, and I'll ...
11
votes
4answers
26k views

How to extract PNGs from Adobe Illustrator file

My graphic/web designer left me with an Adobe Illustrator file of my website. She said it would be easy to extract the images out as PNGs so I can use them in my HTML. But I can't figure this out too ...
9
votes
10answers
33k views

How to automate exporting multiple PNGs with different sizes from Photoshop?

I have a .psd file with a 96px x 96px resolution. Now I want to save this as four .png files with different resolutions such as 36px x 36px, 48px x 48px, 72px x 72px and 96px x 96px. Instead of ...
8
votes
2answers
57k views

How to save a 32 bit png with alpha channel (transparency) in Photoshop?

I want to use an image as an application launcher icon for my android application. The android guidelines specify an image for the launcher icon must be a 32 bit PNG image. Please explain the steps ...
8
votes
2answers
12k views

Creating an .ico file with multiple sizes - web application

I want to be able to create an .ico file containing a complete set of Windows icons (16px x 16px, 32px x 32px, 48px x 48px, and 256px x 256px). Is there a web application that can do this for me given ...
8
votes
3answers
10k views

Can I create a PNG from InDesign?

I usually have to export my InDesign file into an eps, then convert it to PNG in illustrator. Does anyone know an easier way?
8
votes
1answer
2k views

Inkscape export format

I have some vector objects created in Inkscape and I am exporting them to a png files. I am using the exported images in another program. The problem is, that even though the initial object is on ...
7
votes
4answers
34k views

Why can't Photoshop properly open this PNG?

When I try to open this image in PS (CS5) I get red rectangles around the parts of the image that are not transparent. If I copy the image and paste it in PS I get the contents of the image, as seen ...
7
votes
3answers
10k views

How do i convert a color transparent PNG to white (not B&W) transparent PNG?

I'm trying to create two states for an image. I have a color transparent png icon and I need a duplicate of it that is a 'white' transparent png. This will be used in for a mouseover effect in CSS ...
6
votes
9answers
3k views

Tools for *lossy* PNG compression?

I'm trying more and more to get by sans PhotoShop for my personal/freelance work. I do primarily web work these days and don't do enough side gigs to justify keeping up with the Creative Suite beast. ...
6
votes
7answers
30k views

How can I save only one layer as a PNG file in Photoshop

I wanted save some layers as PNG files and I had opened a new window for every .png file and pasted in there and sometimes crop it. Is there a way to export just a few or one selected layer and not ...
6
votes
5answers
23k views

How to paste PNGs keeping the original transparency

Is there a way to directly paste PNG images in Photoshop and keep their transparency? I don't mean dragging them, but directly pasting from, for example, a browser. Transparency is always replaced by ...
6
votes
7answers
35k views

In Illustrator CS5, why are my colors dull when I export to png?

I'm having an issue with Illustrator CS5 that I've seen mentioned in many, many forums, but I haven't found an answer that has fixed my problem. When I use Save for Web & Devices... to create a ...
6
votes
1answer
247 views

How do I tell Photoshop to preserve the RGB color of fully-transparent pixels when exporting as PNG?

I'm having a problem with how Photoshop handles completely-transparent pixels when exporting as PNG, which is that the red, green, and blue color channels of any completely-transparent pixels are ...
6
votes
1answer
3k views

PNG32 vs PNG24 vs PNG8

I thought there is only PNG8 and png32, but photoshop has option for PNG24, and fireworks has all 3 options. Which is better for web world? Also when I export PNG24 with alpha transparency in ...
5
votes
2answers
33k views

How to save Photoshop file with for web with partial transparency over transparent background?

I have an image in my program which I want to superimpose against a background. However, the image will move around and I need the background image to remain in place while the front image moves. ...
5
votes
5answers
17k views

Export Multiple Artboards to Pngs Named after the Artboard Without the Filename Prepended

Given the following setup: File: SomeFilename.ai Which contains artboards named: Artboard_01 Artboard_02 Artboard_03 At the moment if I export the artboards Illustrator insists ...
5
votes
2answers
374 views

How can I shrink these areas using gimp?

I have an imagemap. I want to shrink to areas that are pink and are overlays when hovering the mouse over the map to highlight the selected region. Now I can't seem to shrink the pink areas that are ...
5
votes
4answers
2k views

In Photoshop, what is the difference between “Save As” and “Save for Web” for a .png?

I've been wondering about the settings used for "Save As (.png)" option available in Photoshop. Does it save the highest quality, largest size as a default setting and how does it differ from PNG-24 ...
4
votes
5answers
5k views

Is it possible to have a page with a transparent background?

One of my pages has a single image taking up some space on the page. The rest of the space (the space not occupied by the image), should be transparent: that is, whenever I send it to the printing ...
4
votes
2answers
12k views

32 Bit PNG's won't save as png?

Just for some background knowledge. I am absolutely terrible with graphics, but I attempt anyway. I am trying to create a dead simple graphic for my Android APplication while trying to follow the ...
4
votes
3answers
8k views

What are lossless image format?

What are lossless image format?
4
votes
2answers
1k views

How to make PNG-quality animations in GIF format?

I've noticed more and more sites using animated GIFs that have PNG quality. You'd think they're the latter if you didn't check the image info. The lines are crisp, the colors look great, there's none ...
4
votes
5answers
2k views

Convert foreground motif to degrees of transparency?

I have a 24-bit PNG where the motif is a subtle pattern. The pattern itself is in light greys, i.e. the background color of the PNG is #eee and the pattern is in a range of slightly darker greys. I ...
4
votes
7answers
4k views

Colors in PNG inconsistent between Windows and Mac

I have a PNG file on my Windows machine of a proposed logo that someone sketched out in PowerPoint. I am tasked with making a master version in Illustrator, and then saving various copies for web use, ...
4
votes
2answers
2k views

Size and transparency differences when saving PNG by different methods

I'm exporting PSD layers to PNGs for a game's texture atlases. When I'm doing Copy -> New File (RGB 8-bit) -> Save As PNG, the resulting PNG is quite heavy and Finder shows white background ...
4
votes
2answers
6k views

Google Play - 'Feature Graphic' Design

I recently got my application in the google play store, but I have an issue with how the 'Feature Graphic' is being displayed. Here is the original (@ 72 DPI (Screen RES) - Saved for Web - PNG8): ...
4
votes
4answers
2k views

PNG vs GIF for 1 bit transparency

Is there any reason for using GIF instead of PNG when the image requires only 1 bit transparency (either on or off) and of course no animation is required? thanks
4
votes
3answers
318 views

What application supports working with sprites (PNGs) over 10,000 px wide?

I'm currently using Fireworks for image manipulation and preparation, and I do the following tasks: Resizing the canvas Rearranging components, i.e. cutting bits out and putting them elsewhere ...
4
votes
1answer
268 views

Are there any extra measures when designing a translucent business card?

My client needs a translucent business and this is the first time I am going to do create a design that's going to be printed on translucent plastic material. I am a bit worried about how the design ...
4
votes
2answers
19k views

Remove white thin border from exported PNG from Photoshop

I have a branding logo saved as a PSD Photoshop file. I'm exporting it to the PNG format with relevant size, but the exported PNG image has a thin white border around the logo. How can I remove this ...
4
votes
4answers
2k views

How do I get Adobe InDesign CS6 to export high quality PNGs?

I am having trouble exporting PNGs from Adobe Indesign. The problem is they become very pixelated once they have been exported to PNG. However, when I export to JPEG, there is no pixelation, they look ...
4
votes
1answer
2k views

Different color when exporting png in Sketch 2

I have a problem when I'm exporting a .png file in Sketch 2. I have an icon with the background color of #8FBE00 but when I'm exporting it as a .png file the background color is #8EC003. I have ...
3
votes
3answers
727 views

How to export PNG to be compatible with all browsers

I recently found our that some PNG files render a slightly different shade of color in Safari. (I think this is because Safari can't render PNG Gamma channel properly or what). How do I export the ...
3
votes
5answers
583 views

gif vs png transparency issues

I am going to use an image for my header which should to transparent..i thought of using PNG but a bit worried about its transparency issues .. So is there any solution? Its a two image header where ...
3
votes
4answers
18k views
3
votes
2answers
35k views

Photoshop: Animated PNG?

Photoshop CS5 doesn't seem to natively support saving image as APNG even tho few of the major browsers already support it. Are there any export plugins or such available for Photoshop?
3
votes
1answer
2k views

White edges on exported .pngs

How do I get rid of the white edges on this exported .pngs? I have tried many different options (changing 8 bit to 16 bit, save for web, interlaced) and nothing seems to work. I also attached an image ...
3
votes
4answers
1k views

Photoshop saving for png result unexpected

I have multiple layers with particular parts of products with Multiply applied and different opacity but when I try to save the image in png with transparency it seems like those layers which I used ...
3
votes
2answers
2k views

Why does Chrome distort my transparent PNG (adding a subtle inset “weak” area)?

I'm having a hard time describing the issue in words, so haven't had any luck searching. I have a simple repeating pattern (though I've had the same trouble with other images; it doesn't seem to be ...