Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 3    Views: 60

FunkyMonkey
Aspiring developer
Profile
Posts: 1177
Reg: Aug 07, 2013
blackpool
14,570
10/14/13 01:10 AM (12 years ago)

Images

how can i get my images crisper guys, ive tried reducing file and increasing dpi, but they still look bitty, any advice would help cheers sean
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
10/14/13 01:21 AM (12 years ago)
I usually start big and work my way down. If you know the proportions of your final image size, start out about 4-6 times bigger, so that you can accommodate all resolutions. When you're finished with your image, export it at the desired size, leaving the original untouched, so you can save other resolutions as needed. At least, it works for me. Cheers! -- Smug PS, I save all my stuff at whatever pixel size I need it to be, and use 72dpi for my resolution. For everything. For instance, if I were going to create a banner that was 320 x 150, I would start around 1000 pixels, and export to the smaller size, 320 x 150 @ 72dpi At least up until Xcode 4, retina or not, you used 'traditional' screen dimensions for your resources. So if your icon was 75 x 75, in the code you would specify '75 x 75', even though you know deep down in your heart that a retina device will see that as '150 x 150'. So the image you use for that icon would be 75 x 75 pixels in size, 72dpi in resolution, and would be suitable for an iPhone 3GS or old iPads. However, because deep down in your heart you know that the retina devices are going to see that icon size as 150 x 150, if you left 'icon.png' alone, it would be displayed, doubling the size of the icon, and perhaps looking tacky. So you create an icon that is 150 x 150 pixels in size, 72dpi in resolution, and you name it [email protected] - This is so when retina looks for the icon, it will ALSO look to see if there is a high resolution icon (@2x) to accompany the original. If it finds it, it uses it. This works the same way for all images and graphics for iOS.
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
10/14/13 01:36 AM (12 years ago)
And if you're doing graphics for Android, the concept is sort of the same, but it's a little different, naturally. Google and Apple can't do things the same way; it'd be too easy. In Android, you have different directories for different resolutions. The file names are exactly the same across resolutions, but each resolution has it's own directory for image resources. So, if your android device was ldpi it would first look in the /res/drawable-ldpi for your icon.png, and if it wasn't there, it would look in res/drawable. If it didn't find it there, you need to add some icons. The same goes for mdpi, hdpi, and xhdpi devices and resolutions. (low, medium, high, xtra high) So start big, and export to your target size, regardless of platform. Cheers! -- Smug
 
FunkyMonkey
Aspiring developer
Profile
Posts: 1177
Reg: Aug 07, 2013
blackpool
14,570
like
10/14/13 01:50 AM (12 years ago)
cheers smug will try large and export to size , see if that cleans up my images, dont have problem with the icons just the main images cheers dude
 

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.