png文件iOS罕见

Question

In this post , i was wondering why my png files were badly displayed on retina displays.

I finaly found that the problem came from the PNG file itself: when I open it and save it again with photoshop or something else, the problem disapear.

As this post proposed, I used sips command to see what exactly were formed my PNG file. I have the original-image.png (with the glitch) and the photoshoped-image.png

The command

sips original-image.png -g all

Gives me

  pixelWidth: 256
  pixelHeight: 256
  typeIdentifier: public.png
  format: png
  formatOptions: default
  dpiWidth: 72.000
  dpiHeight: 72.000
  samplesPerPixel: 3
  bitsPerSample: 8
  hasAlpha: no
  space: RGB

And

sips photoshoped-image.png -g all

Gives me

  pixelWidth: 256
  pixelHeight: 256
  typeIdentifier: public.png
  format: png
  formatOptions: default
  dpiWidth: 72.000
  dpiHeight: 72.000
  samplesPerPixel: 4
  bitsPerSample: 8
  hasAlpha: yes
  space: RGB
  profile: HD 709-A

So 3 differences :

• samplePerPixel
• hasAlpha
• the photoshoped file has a profile.

But these properies are read-only in sips and I wonder how can I change them to understand exactly where the bug comes from.

Any idea ?

Answer 1

So using sips you can output a different file. Take the photoshop file and start modifying it. First remove the profile, then remove the alpa channel (which will affect the first two variables).

Its quite possible that this image works. PNG has many options, and the original image may have some other feature not visible using these tools. Photoshop is obviously re-writing the image completely, using the RGB values as the only common attribute between the files.

I suspect that when you do the above, that image will work too. There is just something odd about the originals.

In any case, you make it easier on iOS if you use pngs with an alpha channel, as it will convert them to have one if the base image does not have one.

Answer 2

On some files, this works:

sips -s format png '/Volumes/HD/Optimized PNG/TXT - Section Depth copy.png' --out '/Volumes/HD/Optimized PNG/TXT - Section Depth copy-.PNG' /Volumes/HD/Optimized PNG/TXT - Section Depth copy.png /Volumes/HD/Optimized PNG/TXT - Section Depth copy-.PNG mis-bhayward61p-swk:~ zav$

But also, sometimes it doesn't:

sips -s format png --setProperty hasAlpha 0 '/Volumes/HD/Optimized PNG/Subsection copy 2/Section Depth Text.png' --out '/Volumes/HD/Optimized PNG/Subsection copy 2/Section Depth Text-.PNG' /Volumes/HD/Optimized PNG/Subsection copy 2/Section Depth Text.png Error: Cannot do --setProperty hasAlpha on file /Volumes/HD/Optimized PNG/Subsection copy 2/Section Depth Text-.PNG mis-bhayward61p-swk:~ zav$

Hope this gets you a little farther.