Support our Sponsors:

Go Back   Touch Arcade > Developer Discussion > Public Game Developers Forum

Reply
 
Thread Tools Display Modes
  #1  
Old 03-06-2012, 09:41 AM
Scraff Scraff is offline
Member
iPhone 4, OS 4.x
 
Join Date: Aug 2011
Posts: 90
Default PNG or JPG? especially for Retina Display

Hi everyone. Save the Monster has all its graphic files in PNG. I love the quality of them, especially on the iPhone Retina display.

But as there are currently 40 levels, with LOTS more to come, I can imagine the file size getting quite big.

At the Moment the app download size is 40mb.

If I converted all the level's background images (which are taking up the most MB's) to 80%Quality JPEG, I can get the file size of the app down to around 10MB. This would mean, for the time being, that the game can be downloaded over mobile network, instead of over wifi/computer.

You can tell a SLIGHT difference in the image quality when looking close, my question is:

Is it worth it? Worth giving up the images pixel perfect quality for file size (and maybe more downloads)?

Thanks
Reply With Quote
  #2  
Old 03-06-2012, 09:49 AM
PixelEnvision's Avatar
PixelEnvision PixelEnvision is offline
Developer
iPad Air, iOS 7.x
 
Join Date: Jun 2011
Posts: 138
Default

If the difference is really SLIGHT & only when looking close, I would go with the JPG option... Specially as your game targets iPhone and it's smaller screen...
Reply With Quote
  #3  
Old 03-06-2012, 11:29 AM
tipatat tipatat is offline
Junior Member
iPhone 4, iOS 5.x
 
Join Date: Feb 2012
Location: SF, CA
Posts: 8
Default

since you only need to be under 20mb, you can pick and choose. Keep the main hud and gui elements and game logo as png since they are seen more often. objects in motion can be jpeg since they aren't as closely scrutinized.

also, be sure to check your audio settings since that can be another size hog.

Tipatat
www.gameface.me
Reply With Quote
  #4  
Old 03-06-2012, 11:37 AM
nicolasgb nicolasgb is offline
Senior Member
iPhone 4S, iOS 5.x
 
Join Date: Feb 2012
Location: Paris, France
Posts: 129
Default

Also look at how your PNGs are compressed.
We are using Unity and were able to save lots of space and actually improve quality by compressing using PVRTex
Reply With Quote
  #5  
Old 03-06-2012, 01:14 PM
30BelowStudios's Avatar
30BelowStudios 30BelowStudios is offline
Developer
iPhone 4, OS 4.x
 
Join Date: May 2011
Location: Toronto, Ontario
Posts: 122
Default

Do you need transparent backgrounds though? I believe JPG's can't have transparent backgrounds.
Reply With Quote
  #6  
Old 03-06-2012, 01:24 PM
bcarbone's Avatar
bcarbone bcarbone is offline
Senior Member
iPhone 4, iOS 5.x
 
Join Date: Mar 2010
Location: Estero, FL
Posts: 221
Default

If the game renders many objects at once, you might want to consider PNG since its quicker to process. I think JPEGs need to be uncompressed at runtime.
Reply With Quote
  #7  
Old 03-06-2012, 02:04 PM
ImStrapped's Avatar
ImStrapped ImStrapped is offline
Senior Member
iPod Touch (4th Gen), OS 4.x
 
Join Date: Mar 2011
Posts: 463
Default

If the images don't require transparency, JPGs for sure! Trust me! You'll save a butt load on resources. As far as image quality, I can promise you that you won't be able to tell a difference on the device.

If you really must go with PNGs, be sure to optimize them as PNG32s - same quality, smaller file size. In some cases, depending on how many colors you use, you can optimize it as PNG8 with transparency enabled. In that case you'll notice a slight difference in quality but it'll cut your file size up to 500%!
Reply With Quote
  #8  
Old 03-06-2012, 02:48 PM
jhspaybar jhspaybar is offline
Member
iPhone 4, OS 4.x
 
Join Date: Sep 2011
Posts: 44
Default

The other option is the PVRTC format I believe. I've toyed with it on backgrounds and it seems to render far faster and take up less space than PNG files.
Reply With Quote
  #9  
Old 03-06-2012, 04:15 PM
Moonjump's Avatar
Moonjump Moonjump is offline
Senior Member
iPhone 4, iOS 5.x
 
Join Date: May 2010
Location: Lincoln, UK
Posts: 336
Default

I found if I used the export to web option in Illustrator, I could get png file sizes comparable to jpg, and still maintain top quality.

There are similar options in Photoshop.
Reply With Quote
  #10  
Old 03-06-2012, 05:01 PM
Scraff Scraff is offline
Member
iPhone 4, OS 4.x
 
Join Date: Aug 2011
Posts: 90
Default

I'm only changing the backgrounds, so I don't need the transparency. Also I'd read that too, that for annimation, although you would think Jpeg, this apparently takes more to process...but then does png need to been uncomprssed too depending on how it's saved?
Reply With Quote

Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Copyright 2012, TouchArcade.com, LLC.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.
Copyright 2008 - 2011, TouchArcade.com. Privacy Policy / DMCA Copyright Agent