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

21
votes
7answers
11k 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?
19
votes
4answers
18k views

Exporting individual layers in Photoshop, keeping their sizes

Well I was trying to look this up through Google but didn't find anything, but then I just got the invite for this beta, so I might as well ask here :) I'm trying to export individual layers in ...
17
votes
4answers
65k 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 ...
14
votes
5answers
16k 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 ...
12
votes
1answer
1k 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 ...
12
votes
2answers
9k 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 ...
10
votes
4answers
10k 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 ...
9
votes
3answers
2k 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 ...
8
votes
1answer
1k 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
19k 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
9answers
13k 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 ...
7
votes
3answers
18k 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 ...
7
votes
3answers
6k 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?
6
votes
3answers
5k 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
2k 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
4answers
9k 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
4answers
12k 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 ...
6
votes
1answer
2k 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
4answers
453 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
6answers
973 views

Which one is better for icon design: vector graphics or bitmap graphics?

To design icons in many resolutions, Which of the following approaches: * to create them in vector graphics, as svg or ai and then rasterize them, * to design them directly as bitmap graphics (formats ...
4
votes
2answers
23k 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. ...
4
votes
4answers
2k 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
6answers
11k 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 ...
4
votes
2answers
9k 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
2answers
20k 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 ...
4
votes
5answers
968 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
6answers
21k 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 ...
4
votes
7answers
3k 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
887 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
4answers
1k 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
257 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
4answers
9k 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 ...
4
votes
1answer
191 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
1answer
720 views

Why are some svg filters automatically converted to .png?

I was wondering why some of the SVG Filters found in Illustrator are automatically converted to .png when I export the entire file to .svg. I don't want any hidden .png files because of scalability. ...
3
votes
3answers
467 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
551 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
1answer
573 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
26k 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
3answers
6k views

What are lossless image format?

What are lossless image format?
3
votes
3answers
2k views

Settings to create transparent PNG's with minimal file size for mobile devices

I want to create a theme for android phones. I guess the best way to go is to create a file that is as light as possible. Now I want to create the files in photoshop, they have to be transparent ...
3
votes
1answer
315 views

Removing a grid from an image

I'm doing some image processing to detect bubbles in oil. One of the filters I use creates a grid in my image. If you look closely at the image you can see horizontal and vertical lines through the ...
3
votes
1answer
1k views

Tools or methods for optimizing favicon appearance?

I often must create a favicon for a fairly complex image, that when it gets down to 16x16, looks weird or blurry. I have been trying with one image, reduced with bicubic-sharp in Photoshop and ...
3
votes
1answer
766 views

Converting a lot of Illustrator files to PNG with transparent background

I have about 280 Illustrator .ai files that I need to convert into .png files with a finished size of 500px x 500px. All of them aren't squared, so those that are, for example rectangular, need to be ...
3
votes
1answer
212 views

photoshop cs5 export layers to files issue

Hey i dont ussually work with photoshop, but i have many layers that i need make as PNG. I run that script, uncheck "visible layers only". And what i see in output folder is very weird. Its total ...
3
votes
2answers
274 views

How to fix light edges on resized PNGs from Illustrator?

How do you prevent a transparent PNG-24 image from getting light edges when resized without having to force them out using the Webkit Optimize Contrast CSS rule? Clarification: Resizing the image in ...
3
votes
1answer
318 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 ...
2
votes
2answers
4k views

When saving as a PSD, have a PNG also saved automatically

On Photoshop CS5, I had it set up so that whenever I saved a .psd, whether it were through cmd-s or the file menu, it would also save a file as a .png with the same name. I upgraded to CS6 and now I ...
2
votes
4answers
11k views
2
votes
3answers
420 views

Why does resizing PNG with alpha transparency make edges gray?

I'm using PSP 7 (I know it's old, but it serves my purposes). I am resizing a bunch of images. PNG images with alpha transparency load with black backgrounds when I first open them. I have little ...