Discussion Forums  >  Images, Documents, File Locations

Replies: 4    Views: 182

Moto110
Aspiring developer
Profile
Posts: 205
Reg: Jul 26, 2011
Orlando, FL
8,700
06/10/12 08:26 PM (13 years ago)

retina display images 2x header images not working - Solved

I added a header image to my app let's call it "header.png" and then added the double resolution retina image "[email protected]" and for the life of my I could not figure out why the @2x image would not display correctly "blurry" on retina display devices (iphone4 > and New iPad). I tried just about everything I could think of different file formats, etc and nothing worked. Well come to find out if you have the "Image Corner Radius" option turned on under the "Header Image Layout" the retina display image becomes blurry and it appears that it is not working. The solution TURN OFF "Image Corner Radius". I spent quite a bit of time working on trying to resolve this problem and when I figured out why it wasn't working it was not working and how simple it was to fix I could not believe it. Hopefully this post will help someone else out in the future. Also, if you really want rounded corners do it in Photoshop on some other graphics program to the original images. They display fine withint he app. Do a google search for rounded corner for the graphics program you are going to use I'm sure you will fine a quick and easy tutorial on how to do it.
 
MGoBlue
Apple Fan
Profile
Posts: 980
Reg: Jun 07, 2011
Gold River, CA
10,600
like
06/10/12 08:39 PM (13 years ago)
Fantastic tip. Thanks for sharing.
 
Susan Metoxen
buzztouch Evangelist
Profile
Posts: 1706
Reg: May 01, 2011
Hopkins, Minnes...
26,260
like
06/10/12 09:54 PM (13 years ago)
Thanks for writing this up! I need to add retina images to all my apps and I would have had this problem too.
 
johnnylonz
Aspiring developer
Profile
Posts: 26
Reg: Aug 11, 2011
Florida
260
like
08/02/12 12:26 PM (13 years ago)
Wow! I struggled with this for the longest time and finally just submitted my app with low-res images because I couldn't figure it out. To think it was so simple! Thanks!
 
Moto110
Aspiring developer
Profile
Posts: 205
Reg: Jul 26, 2011
Orlando, FL
8,700
like
08/02/12 12:35 PM (13 years ago)
Tell me about it. I thought I was going crazy. I was double and triple checking image sizes Googling like a mad man on @2x image not working, etc. I had one header image in my app that I did not set to have "Rounded corners". When I realized that this image was displaying the @2x image properly I instantly knew what the problem was and how to fix it. I must say when I had that eureka moment it sure felt good.
 

Login + Screen Name Required to Post

pointerLogin 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.