Comments on: Designing (and converting) for multiple mobile densities /blog/density-converter/ We define and design custom experiences in the digital channel Thu, 23 Jan 2014 20:49:47 +0000 hourly 1 https://wordpress.org/?v=4.8.1 By: Johnatan Matos /blog/density-converter/#comment-304273 Thu, 07 Mar 2013 23:39:35 +0000 /?post_type=blog&p=8118#comment-304273 A pixel-perfect tip: always works with multiples of 4 on 100% density. It guarantees integers and pairs on all densities.

]]>
By: Bretton MacLean /blog/density-converter/#comment-277661 Thu, 24 Jan 2013 21:01:25 +0000 /?post_type=blog&p=8118#comment-277661 @Michael The only difference between iPhone 4S & iPhone 5 screen (other than colour temperature) is the vertical resolution, which has nothing to do with the pixel density (which is identical).

The misleading thing about the term “Retina” is that it varies between iPhone (326 dpi), iPad (264 dpi), and MacBook (220 dpi). Basically they use it to mean double the regular resolution/dpi. It’s a good-enough term because of the varying distance these devices would typically be from your eyes. The dpi of the iPad Mini is 163, which means that the retina version of the Mini will have the same dpi as the retina iPhones (326).

]]>
By: Michael Tunnell /blog/density-converter/#comment-275838 Tue, 22 Jan 2013 21:45:39 +0000 /?post_type=blog&p=8118#comment-275838 Error found on the converter…I am not sure if there was a difference before but there certainly is a difference now. – http://imgur.com/a/XIk2O – That album explains the fact that xhdpi and retina are the same thing and that xhdpi should be changed to xxhdpi.

@Sean
There isn’t a rule for this but there is logic in starting small and scaling up rather than vice versa. Lets say you need to support mdpi (non-retina), hdpi, xhdpi (retina), xxhdpi…so the best option is to create your baseline as mdpi because Photoshop based vector files scale up much more smoothly than scaling down. If you create at xhdpi (retina) then you are making a lot more detail in that size and when you scale down you are trying to pack the detail into a smaller size which can result in artifacts or missing pixels. This even applies if you are using vector elements like custom shapes and layer styles. – If you start from mhdpi and scale up the elements will actually adjust the detail and add more rather than trying to fit detail into smaller assets.

@Bretton
Retina is rather misleading in multiple ways because the iPhone 4S and iPhone 5 have different results even though they are both Retina. If you use a converter to find the retina version of something then that applies to iPhone 4S and older where as the iPhone 5 will automatically be different regardless of them bothing being 326dpi. This is also irrelevant though. The iOS SDK actually provides pixel resolutions for each size of the iPhones and iPads include landscape vs portrait and retina vs non-retina. This makes a converter unnecessary for iOS design.

iOS design is MUCH easier than Android…I have a love hate relationship with Android because as a User I love that vast amount of options…as a Designer, I hate it. :)

]]>
By: Bretton MacLean /blog/density-converter/#comment-270878 Thu, 17 Jan 2013 15:32:48 +0000 /?post_type=blog&p=8118#comment-270878 I think this page (and the tool) needs an update. According to the official Android “Supporting Multiple Screens” documentation:
xhdpi = 320dpi
hdpi = 240dpi
mdpi = 160dpi
ldpi = 120dpi

‘Retina’ is a somewhat loose term:
Retina iPhones = 326dpi (roughly equivalent to xhdpi)
Retina iPads = 264dpi (roughly equivalent to hdpi)

I know this article is 8 months old, but it’s got a lot of Google juice and appears at the top of almost any Android resolution search. A fix here would probably save a lot of headaches.

]]>
By: Sean /blog/density-converter/#comment-264418 Thu, 10 Jan 2013 02:49:40 +0000 /?post_type=blog&p=8118#comment-264418 Hey Travis,

Thanks for the article and the tool.

I was wondering if you guys start in retina (I imagine so since your gui .psd files are usually retina?). Some Designers tell me I should actually scale up, rather than down?

]]>
By: Russell /blog/density-converter/#comment-257850 Thu, 03 Jan 2013 01:26:10 +0000 /?post_type=blog&p=8118#comment-257850 Great article. Why is there so much documentation on PPI and DPI out there if it doesn’t matter? For example, if you look at the third paragraph on this article: http://www.itproportal.com/2012/11/06/the-ipad-minis-screen-not-retina-quality-but-good-enough/, it talks about PPI. I think the PPI / DPI part is what really throws me off. Because your article says it doesn’t matter, but a lot of the articles I read say it’s part of the equation. I’m confused!

]]>
By: Adam Diestelkamp /blog/density-converter/#comment-242945 Tue, 18 Dec 2012 22:15:03 +0000 /?post_type=blog&p=8118#comment-242945 Thanks for the helpful information on screen resolution (and also those great iOS PSDs you create) thanks for the great tools you guys provide! I mentioned you all in our blog, (http://www.hitcents.com/blog/post/app-design)

]]>
By: Viktor Bublić /blog/density-converter/#comment-228800 Mon, 03 Dec 2012 14:38:05 +0000 /?post_type=blog&p=8118#comment-228800 Thank you ever so much for converter!

]]>
By: Arlene Aranzamendez /blog/density-converter/#comment-228659 Mon, 03 Dec 2012 08:45:57 +0000 /?post_type=blog&p=8118#comment-228659 Thanks you for this information Travis! I’m really having a hard time making a responsive web design.. This converter is very helpful.. nice!

]]>
By: dromansab /blog/density-converter/#comment-198292 Mon, 08 Oct 2012 07:56:07 +0000 /?post_type=blog&p=8118#comment-198292 There is an Android app to calculate it:

https://play.google.com/store/apps/details?id=com.useit.software.android.densityconverter

Also available in iphone:

http://itunes.apple.com/es/app/conversor-pixel-densidad/id566581570?mt=8

]]>