Tab Icons for Retina Display - How to name them?

Get Started | Login

Discussion Forums > Images, Documents, File Locations

Replies: 6 Views: 90

JimmySaver Aspiring developer Posts: 187 Reg: Apr 09, 2012 location unknow... 5,870	confirm \| cancel 06/05/13 02:16 AM (11 years ago) Tab Icons for Retina Display - How to name them? Hi all, using tabs in an app for the first time and I'm concerned that I'll need to add more than one size of icon to take account of retina display. For example, if I had a nice home tab icon (homeicon.png) at, say, 24x24 pixels (which I believe is about right for non-retina) what size do I need them for retina? Logic is saying that they should be 48x48 (or, at least double the none-retina equivalent) and should be named [email protected] and kept in the same folder. Am I along the right lines? Any advice on the size, naming and placement of the "retina ready" icons would be appreciated. Cheers. Title Comments Hi all, using tabs in an app for the first time and I'm concerned that I'll need to add more than one size of icon to take account of retina display. For example, if I had a nice home tab icon (homeicon.png) at, say, 24x24 pixels (which I believe is about right for non-retina) what size do I need them for retina? Logic is saying that they should be 48x48 (or, at least double the none-retina equivalent) and should be named homeicon@2x.png and kept in the same folder. Am I along the right lines? Any advice on the size, naming and placement of the "retina ready" icons would be appreciated. Cheers.

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	06/05/13 03:50 AM (11 years ago) You're on the right track; Tab Icons for 'regular' (non-retina) displays is 32 x 32 (typically). call it 'icon.png' Tab Icons for 'retina' displays should be 2 times that; 64 x 64. call it '[email protected]' you can find out all that stuff here: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html Cheers! -- Smug Comments You're on the right track; Tab Icons for 'regular' (non-retina) displays is 32 x 32 (typically). call it 'icon.png' Tab Icons for 'retina' displays should be 2 times that; 64 x 64. call it 'icon@2x.png' you can find out all that stuff here: http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html Cheers! -- Smug

JimmySaver Aspiring developer Posts: 187 Reg: Apr 09, 2012 location unknow... 5,870	06/05/13 04:05 AM (11 years ago) Awesome! Thanks for that. Comments Awesome! Thanks for that.

tb buzztouch Evangelist Posts: 2050 Reg: Nov 03, 2011 Oxford 32,300	06/05/13 10:01 AM (11 years ago) Yep, its the same for all the other images as well, so if you use a background image, put an @2x as well. Would you like to come to the next meet? Comments Yep, its the same for all the other images as well, so if you use a background image, put an @2x as well. Would you like to come to the next meet?

Sain Veteran developer Posts: 14 Reg: Jun 04, 2013 Chernivtsy 3,990	06/12/13 03:25 PM (11 years ago) Hi. I added to BT_Images folder tab icons for regular and retina displays, but in iOS simulator when I choose Hardware -> Device -> iPhone with retina, images on tab have low quality icons for regular display. All icons named correctly. What problem can be? Comments Hi. I added to BT_Images folder tab icons for regular and retina displays, but in iOS simulator when I choose Hardware -> Device -> iPhone with retina, images on tab have low quality icons for regular display. All icons named correctly. What problem can be?

tb buzztouch Evangelist Posts: 2050 Reg: Nov 03, 2011 Oxford 32,300	06/12/13 03:59 PM (11 years ago) Have you transferred this to Xcode? Comments Have you transferred this to Xcode?

Sain Veteran developer Posts: 14 Reg: Jun 04, 2013 Chernivtsy 3,990	06/12/13 04:03 PM (11 years ago) Annandale Apps, thank you. After transfer everything works fine. Comments Annandale Apps, thank you. After transfer everything works fine.

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.