Questions tagged [png]

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.

Filter by
Sorted by
Tagged with
131
votes
4answers
473k views

Batch export Photoshop layers to individual PNG files

I am a web dev and competent in Fireworks, but not so much in Photoshop. I have just received a layered PSD file to turn into a web page. Can anyone tell me the easiest way to export all layers to ...
71
votes
2answers
332k 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?
63
votes
5answers
205k 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 ...
31
votes
5answers
56k 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 200×200 in a composition that is 1000×1000, I want to export just that layer as a PNG at ...
29
votes
6answers
64k 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?
23
votes
2answers
24k 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 ...
18
votes
5answers
5k views

Why is CMYK & PNG not possible?

I needed to convert an image to PNG format so I have a transparent background. Unfortunately, CMYK isn't supported by the PNG format. I just wanted an image with a clear background so I can have that ...
18
votes
11answers
69k views

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

I have a PSD file with a 96 px × 96 px resolution. Now I want to save this as four PNG files with different resolutions such as 36 px × 36 px, 48 px × 48 px, 72 px × 72 px and 96 px × 96px. Instead of ...
18
votes
2answers
36k 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 ...
17
votes
3answers
7k 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 smaller(...
17
votes
4answers
10k 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 ...
17
votes
5answers
25k 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 ...
17
votes
5answers
27k 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 ...
16
votes
1answer
17k 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
2answers
78k 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 ...
14
votes
3answers
169k views

How to automatically save each layer as its own png/jpeg while keeping one main layer above

We offer vinyl decals for many devices. To show what a design looks like on a device, we have to create a main layer of the device, having the place of where the skin would fit cut out for our ...
13
votes
5answers
40k 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 ...
12
votes
1answer
2k 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 ...
11
votes
2answers
128k 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 ...
11
votes
8answers
43k 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 ...
11
votes
3answers
12k views

Why are the colors of certain PNG files getting distorted when opened in Illustrator?

I was trying to open an iPhone screenshot in Illustrator, but for some reason the colors are distorted. If I open the same file in any other application (Photoshop, GIMP, Preview, etc.) the colors are ...
10
votes
3answers
60k 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?
10
votes
8answers
56k 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 ...
9
votes
5answers
58k 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 ...
9
votes
3answers
15k 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
3answers
14k 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 (...
8
votes
6answers
61k 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 ...
8
votes
2answers
25k 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 ...
8
votes
1answer
4k 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
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. ...
7
votes
5answers
23k 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 on ...
7
votes
1answer
27k views

How do I combine PNGs into a PDF without losing quality?

I have a few hundred high-res PNGs I'd like to combine into a 200+ page PDF using only lossless compression on the images that are becoming the pages of the PDF. But when using Adobe Acrobat's '...
7
votes
3answers
3k 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 ...
6
votes
4answers
64k views

Retaining px dimension when export to a PNG file. Adobe Illustrator

In Adobe Illustrator I have an Icon that has dimensions of 200px by 200px. When I export it to a PNG file though,the PNG file is 834px by 834px. Any suggestions to keep the icon at 200 by 200 pixels?
6
votes
2answers
42k 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. ...
6
votes
4answers
6k views

Convert PNG pixel arts to SVG without tracing

For a personal project, I designed some icons as PNG files and would like to export them as SVGs. I know the next question: I don't want a raster, I need vectors. I found this question but since it's ...
6
votes
3answers
8k 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 ...
6
votes
2answers
34k 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 ...
6
votes
1answer
11k views

Why does a PNG I downloaded not display transparency in photoshop?

I have been trying to download photos/pictures from the internet and edit them, but whenever I do it the transparent background becomes white. I have tried copy/pasting, which never works. I tried ...
6
votes
2answers
3k 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 ...
6
votes
2answers
3k views

Avoiding PNG --> JPG image conversion for Twitter profile image

I've got a logo I'm attempting to use as a profile image for a Twitter account and unfortunately each time I upload my PNG file, it's clearly getting converted to JPG which is introducing compression ...
6
votes
1answer
4k 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 ...
6
votes
4answers
37k views

PNGs made in GIMP not coming out transparent

I’ve had this happen with more than one image lately. I open an image in GIMP with the purpose of making the background transparent. The first thing I do is Add Alpha Channel. I proceed to remove ...
5
votes
1answer
9k views

Text I made in Photoshop becomes blurry when exported as JPG or PNG

I made an image with Photoshop. The text looks perfect in Photoshop but when I register it in .jpg or .png, the text looks blurry. I tried everything, but nothing works. The font is Truetype, the ...
5
votes
3answers
40k views

How to create a crisp favicon

I have been trying to create a favicon for my website for sometime and I cannot get it to be crisp. It is a simple Favicon. This is the best I could make it, The W will not be crisp. Is this favicon ...
5
votes
4answers
28k views

What's the easiest way to convert a .jpg image with white background into .png with alpha channel?

example .jpg: Ideal .png result:
5
votes
5answers
18k views

Easily save .png from Photoshop without any dialog?

I'm currently working on a graphic, where as soon as I update the image (save the file), the window updates itself. However, every time I want to save, I have to switch the file from a PSD to a PNG, ...
5
votes
4answers
3k 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
5
votes
3answers
18k views

What are lossless image formats?

What are lossless image formats?
5
votes
2answers
3k views

SVG looking bad in small resolution?

I've cretaed a SVG image trying to solve the quality problem when re-sizing the element or scaling it through CSS. To my surprise, my SVG image looks even worse than the reduced size of the GIF or ...