Why is it that after i compile the app, the images/png's and icons are in a lesser resolution then in my design screen or even in my web environment. Nowhere can i find settings to modify that. I want my phonegap build to be 100% quality and not in the resolution that is in now. I'm really gutted with this!!!
Many ways of doing this. You could create a conditional CSS file and load it only for Retina (HiDPI) devices such as iPhone 4s, iPad Retina, etc... You could also use media-queries in your existing CSS file to push different icons/ images for retina devices. Here are some tutorials/ walkthroughs you could follow:
http://css-tricks.com/snippets/css/retina-display-media-query/
http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-wi th-css3-media-queries.html
http://globalmoxie.com/blog/designing-for-iphone4-retina-display.shtml
All the best.
-ST
North America
Europe, Middle East and Africa
Asia Pacific