What would be the best advice if I have my app built with SD images but I want it to look decent on iphone devices that support HD?
I've heard that simply doubling the size of all my images to get HD versions using Photoshop doesn't look good?
If I just don't support HD at all (turn retina display off in cocos2d) will it look blurred?
There are two types of source images: the raw graphics files you used to create your images, such as a Photoshop or Illustrator file, and then the actual images you exported from those programs to include in your app.
For example, you might take a 10 megapixel photo with a digital camera, but you size it down to include it in your app.
You do not want to increase the size/resolution of the pictures you exported for the app, because they do not have the graphic information to fill a higher image. It's like take a cup of water and expecting it to fill a bucket. The information is simply not there and it will look bad.
However, if you go back to your original graphics files, such as the 10 megapixel image in my example, you can create a new set of exported graphics for the higher resolution. You always start with your raw source files and then go down from there. Never start with files already exported for a certain resolution and then try to go up from there, or you will have pixelated poor graphics as the result.
Related
I thought I had my ios app icon all settled. I designed in Photoshop and tested in the prescribed sizes and it looks great (resizing in photoshop and saving to .png). I also tested via the "add to home screen" to see how it would look and looks nice and crisp (via a cool little webpage that lets you upload icon and bookmark on your device).
However, when I upload it as the large 1024 x 1024 icon (png) you do via iTunes Connect my shapes look all jagged. At least in the preview you get when initially getting ready to submit a new application.
Wondering what causes this and what I need to take into account as it pertains to how Apple resizes icons for delivery. Any help in pointing me in the right direction would be great.
What resolution did you design it in? If you designed it in Photoshop, it is a raster image and I would suggest you design in illustrator as a vector, but at the very minimum make sure your designed resolution is higher than the proportions required for the icon by Itunes.
I've made an "magic" app with a lot of coins/playing-cards.
Therefore I have a lot of images of coins, dollar bills, playing cards etc. (regular + retina resolution)
This results in a relative big file size of the final app, which I would like to avoid; since it can't be downloaded without a wifi-connection.
Currently it's 48.6 mb when downloading it from the App Store.
The images (100+) is all .png's saved in two versions, for the regular and retina displays.
Is there anyway to optimize this and reducing the final file size of my app?
I've considdered only storing the big (#2x) .png's and the scaling them accordingly.
I have had a lot of success using ImageOptim to compress the size of images in my application.
Also, if your images are png-24, you can reduce them png-8 and save a lot of space as well. png-8 doesn't support transparency though.
Why save 2 sizes? Do you have to display so many at a time that loading the retina version takes up too much memory on a 3G? Personally I don't think you should still think of supporting such an old device. Apple also dropped support for it a while ago and it really is lacking the memory for some decent applications.
Also, have you tried using some tools to compress your images without the users noticing it? like photoshop "save for web & devices", or yahoo's services etc.
why do you need to store TWO versions of images? Just use hires imges in regular displays. Or, if you whant so, you can distribute 2 apps...
Are you shure, that your images has necessary sizes? i mean retina display has 680x920 pixels. if you are don't zooming images, you don'n need to make them bigger. And in this case, mb *.app file, in archive... there must be 1000 images...
Saving pictures for use in iPhone and Android applications is a real bore.
Having to make 2 separate versions for iPhone is tedious enough and then creating 3/4 versions for android (or more) is just as difficult.
Is there no way to make one set of pictures in photoshop and have them save in the various formats and sizes for iphone and android?
For instance creating them at the highest resolution necessary and it does all the resizing and such automatically (as if you were to change the image size).
Or am I really going to have to refactor each and every image in my apps?!
Thanks
Tom
I think Adobe Device Central and actions/macros in Photoshop may help you to solve your task.
I'm about to start a new iphone/ipad project which required a library of images. I've been trying to find if there are any pieces of software which would automatically resize images and save them in the right format for iphone and ipad... no such luck as yet!
So, I have large images of all different sizes. I need to create three images from each one.
iPad, iPhone (high res), iPhone (normal res)
I was thinking of recording something in Photoshop, but wondered if there's anything out there which already does this? My trouble is that I need to resize based on either the width or the height (which ever is larger).
Thanks for any tips!
Unless all your graphics are rasterized it might be better to do the resizing through Photoshop, that way you don't lose the pretty vector resizing. In Photoshop, I'd recommend checking out Export Layers to Files and Layer Comps to Files under File>Scripts. They've both proven invaluable while dealing with massive image libraries for universal apps.
How about some batch image resizer freeware, like this?
http://www.fotosizer.com/
I'm developing my software, all the ui is drawn based on 480x320 size screen, can my software run on iphone4 without any modification?
Yes it can run with no modification.
If you'd like to create "retina" assets you can create all of your images at the double resolution and include copies with '#2x' appended to the filename in your Application bundle. The iPhone will automatically load the correct images.
Example:
existing image - myImage.png
new up-sampled image - myImage#2x.png
Yes, but any images sized for the earlier iPhone models will look chunky compared to custom-designed iPhone 4 images.
Both the iPhone 4 and older devices are 320x480 points in size, which is the coordinate system that Core Graphics and UIKit uses. So your software will run the same.
Only the automatic scaling between your bitmaps and the display will be different. If you have bitmapped content or images, you can optionally provide #2x sized versions that will look somewhat smoother without the 2X scaling on iPhone 4 devices. This is nice, but optional.