Hi all, I was hoping you guys could share your experience with me with regards to the correct sizing of images in an app?? For example, If I have a UIImageview that's 30*30 pixels, what image size would you suggest I use?
Up until now I have been creating the images at 30*30 pixels, but obviously these images look a lot better when created at larger sizes and gives me more room to apply gradients etc. I want the app to look as crisp as possible but don't know how big I should go? Is there a general rule of thumb of say 5* the size of the frame??
What are you guys doing at the moment? Thank you for your time, much appreciated!
Well, if you have an imageView at 30x30 pixels, your image should be 30x30 pixels. That is, unless you're building for retina display as well in which case you should have BOTH a 30x30 version AND a 60x60 version (named "imageName@2x.png"). IMO to look the best you shouldn't have any scaling in your images except with retina display graphics (and, in that case, the double-res won't be scaled down, but the regular-res images scaled up to fit the extra pixels in the display). Normal scaling down involves blending pixels together making the image less crisp, at least in my experience, so I'd stick to having images the same size as your image views (with retina display double-res graphics if you want your app to look REALLY nice).
__________________
HEY! Was this post helpful?
If so, it would be MUCH appreciated if you'd just click on one of these apps:
MyD
Take 1 minute to set up your MyD and you'll always be able to prove you own your device!
Membrik
Test your memory by sliding tiles to match chains of increasing difficulty.
Well, if you have an imageView at 30x30 pixels, your image should be 30x30 pixels. That is, unless you're building for retina display as well in which case you should have BOTH a 30x30 version AND a 60x60 version (named "imageName@2x.png"). IMO to look the best you shouldn't have any scaling in your images except with retina display graphics (and, in that case, the double-res won't be scaled down, but the regular-res images scaled up to fit the extra pixels in the display). Normal scaling down involves blending pixels together making the image less crisp, at least in my experience, so I'd stick to having images the same size as your image views (with retina display double-res graphics if you want your app to look REALLY nice).
Thanks for your feedback. I assumed this was the case and this is what i've been doing until now. It's just that when I put a larger image in a smaller frame, the image usually looks a lot better? I wonder if other people do differently? Plenty of views this post but only you were kind enough to share your oppinion. Thanks.
Thanks for your feedback. I assumed this was the case and this is what i've been doing until now. It's just that when I put a larger image in a smaller frame, the image usually looks a lot better? I wonder if other people do differently? Plenty of views this post but only you were kind enough to share your oppinion. Thanks.
Whatever effect you are noticing when the iPhone renders an image at a lower resolution can also be achieved by any good image editing package, like Photoshop. Go ahead and create your original images at high resolution, and then reduce the resolution with one of these tools. It will look just as good as if you left it for the iPhone to do, and it will take up less memory.
Whatever effect you are noticing when the iPhone renders an image at a lower resolution can also be achieved by any good image editing package, like Photoshop. Go ahead and create your original images at high resolution, and then reduce the resolution with one of these tools. It will look just as good as if you left it for the iPhone to do, and it will take up less memory.
thanks again for the reply. I was just concerned when I zoomed in that you could see the pixels. I'm a lot happier now that you're both saying that you make the image to the frame size (apart from x2 for the iphone 4 of course). Thanks both!
Recommended Image Sizes
Linear Mode
