Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Background image dimension for Navigation Drawer header

Basically I liked the background used by Mr. Jonathan Lee for Navigation Drawer header back ground in google official link http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content

So I wanted to reproduce something similar inspired by that. I believe that I need to make a similar design in photoshop and set it as the background image. But the question is, what should be the dimensions and pixels so that it matches different kind of devices?

The above link has guidelines for icons and margins, but I haven't seen any dimensions mentioned for that background.

Does anybody have any idea or link that can help?

like image 348
abdfahim Avatar asked May 08 '15 13:05

abdfahim


1 Answers

Unzipped an APK and this is what I have found out-

mdpi-
    width=384 pixels
    height=216 pixels
hdpi-
    width=576 pixels
    height=324 pixels
xhdpi-
    width=768 pixels
    height=432 pixels
xxhdpi-
    width=1152 pixels
    height=648 pixels

Image source= Google's Newsstand Application, Tool=Adobe photoshop 7.0

like image 57
Angad Singh Avatar answered Sep 28 '22 11:09

Angad Singh