Skip to main content
Participant
January 13, 2019
Question

White lines after saving in png

  • January 13, 2019
  • 7 replies
  • 11229 views

When I save the image in png white lines appear on this image.

But I sent this image to my friend and he didn’t have these white lines

I have a photoshop cc

At him photoshop cs6

139c3047538676040ebaf84184dcaca3.png

Maybe someone knows how to fix it?

This topic has been closed for replies.

7 replies

Participant
June 25, 2023

I know this is suuuuuper late, but I'm posting this for anyone else who has had the same question.

 

I just had the same problem, and I found that if your using Adobe Illustrator, and you select your layer, then go to the asset export button (which I have on the sidelines, but you can access it by doing Window>Asset Export). From there, I just chose png as my file type and exported. It looks really clear on a website i did and the white lines are gone 🙂

Participant
November 17, 2020

I had the same problem with a PNG logo that showed no white line in CS6, but did when I uploaded the PNG to a website. Drove me nuts for a while.

 

Here's what worked for me:

 

Go to File > Save for Web and Devices...

In the control panel that opens, look at the color table.You'll see a row of tiles representing the colors in your image. If you see a white tile, highlight it and then hit the Trash icon beneath. When you save your image, anything white should be gone.

 

Bob_Hallam
Legend
January 15, 2019

Check the 2 saved images flipped against each other, sometimes this is a display driver issue, since you mention that it's not visible in CS6.  Uncheck this setting in your version of PS CC

ICC programmer and developer, Photographer, artist and color management expert, Print standards and process expert.
D Fosse
Community Expert
Community Expert
January 15, 2019

This can be explained if the file was resized  with layers/masks/selections still present - then flattened and saved out to PNG.

The technical explanation for this is pretty complicated and involves blurring of mask edges in the downsampling, gamma encoding of the mask, and so on.

The bottom line is that you should always flatten first, then resize. Could that be it?

macpawel
Participating Frequently
January 13, 2019

Maybe it's anty-aliasing?

Maybe your object was cut from background before and it's not perfect done?

Participant
January 13, 2019

No, I created the object myself. Each element is created separately and there are no these white lines on one layer.

Norman Sanders
Legend
January 13, 2019

I assume you saved this file as a psd before saving as png.

Look at this area in each of the separate layers in the psd and see whether it appears.

Silkrooster
Legend
January 13, 2019

Looking at it that close looks like there was a selection around it and it slightly moved.

Silkrooster
Legend
January 13, 2019

Are you seeing the lines only in photoshop or after it is saved in another program?

Participant
January 13, 2019

Yes, illustrator also has this white line(I mean if I open this png in illustrator).

If I make a picture in Illustrator and save it in PNG, then I do not have white lines.

I have it only after saving my project to png in photoshop


But if I move the image by 4px to the left and 5px the top (I shift it to the left edge and then up), then after saving there is no this white line.