BT Design Menu - PNG files look blurry

Get Started | Login

Discussion Forums > Images, Documents, File Locations

Replies: 5 Views: 90

pjw1985 I hate code! Posts: 27 Reg: Jul 17, 2013 Glasgow 2,970	confirm \| cancel 09/19/13 01:22 AM (10 years ago) BT Design Menu - PNG files look blurry Almost finished my first app but something has been frustrating me - my images look blurry within the BT Design Menu. I have attached a screenshot to show this. All of the images are 24-bit PNG and are to the exact size they need to be and are 326dpi. The top of the page is as clear as it should be on the retina screen as it a background but the rest looks awful. Any suggestions?? :) https://www.dropbox.com/s/m40t9w6kkwi8ll0/photo.PNG Thanks in advance Title Comments Almost finished my first app but something has been frustrating me - my images look blurry within the BT Design Menu. I have attached a screenshot to show this. All of the images are 24-bit PNG and are to the exact size they need to be and are 326dpi. The top of the page is as clear as it should be on the retina screen as it a background but the rest looks awful. Any suggestions?? :) https://www.dropbox.com/s/m40t9w6kkwi8ll0/photo.PNG Thanks in advance

LA Aspiring developer Posts: 3278 Reg: Aug 16, 2012 Jerseyville, IL 42,880	09/19/13 07:04 AM (10 years ago) Looks fine to me! LA Comments Looks fine to me! LA

PSMDanny Apple Fan Posts: 1166 Reg: Dec 09, 2011 Heerlen 21,940	09/19/13 08:11 AM (10 years ago) Hi pjw1985, If you want to serve both retina and non-retina screen you have to include the images in the BT_Images folder. Create 2 images 1 double the size and one have the size. Example: 1st image (for non retina) is 320x100 and is called my_example_row_image.png 2nd image (for retina) is 640x200 and you should call this one [email protected] Notice the @2x in the name. The system uses the @2x image when it displays on a retina screen. Hope this helps. Best Regards, Danny Comments Hi pjw1985, If you want to serve both retina and non-retina screen you have to include the images in the BT_Images folder. Create 2 images 1 double the size and one have the size. Example: 1st image (for non retina) is 320x100 and is called my_example_row_image.png 2nd image (for retina) is 640x200 and you should call this one my_example_row_image@2x.png Notice the @2x in the name. The system uses the @2x image when it displays on a retina screen. Hope this helps. Best Regards, Danny

pjw1985 I hate code! Posts: 27 Reg: Jul 17, 2013 Glasgow 2,970	09/19/13 08:14 AM (10 years ago) Thanks Danny. I have done this, it just seems it's not quite as sharp as I would like it. I've submitted my app now so it cant have been annoying me too much :) Nice work though, using a few of your plugins. Kind regards Philip Comments Thanks Danny. I have done this, it just seems it's not quite as sharp as I would like it. I've submitted my app now so it cant have been annoying me too much :) Nice work though, using a few of your plugins. Kind regards Philip

PSMDanny Apple Fan Posts: 1166 Reg: Dec 09, 2011 Heerlen 21,940	09/19/13 08:17 AM (10 years ago) Hi pjw1985, It should work this way....! Super to hear you use a few plugins from me. Hope you like them all!! Best Regards, Danny Comments Hi pjw1985, It should work this way....! Super to hear you use a few plugins from me. Hope you like them all!! Best Regards, Danny

LA Aspiring developer Posts: 3278 Reg: Aug 16, 2012 Jerseyville, IL 42,880	09/19/13 01:03 PM (10 years ago) Good to know! Thank you @PSMDanny! LA Comments Good to know! Thank you @PSMDanny! LA

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.