Images: Difference between revisions

Images (view source)

17 bytes added , 2 July 2020

9,275

edits

@@ Line 83: / Line 83: @@
 {| class="wikitable sortable"
-! Directory || Size in pixels
+! Directory || Size in pixels for mockups (72 PPI) || Size in pixels for final export (@2x)
 |-
-| Home || 40
+| Home          || 40x40 || 80x80
 |-
-| Tabs || 28
+| Tabs          || 28x28 || 56x56
 |-
-| Activity || 32
+| Activity      || 32x32 || 64x64
 |-
-| CallDirection || 32
+| CallDirection || 32x32 || 64x64
 |-
-| DetailView || 24
+| DetailView    || 24x24 || 48x48
 |-
-| Email || 20
+| Email         || 20x20 || 40x40
 |-
-| Search || 16
+| Search        || 16x16 || 32x32
 |-
-| Buttons || 32
+| Buttons       || 32x32 || 64x64
 |-
-| Controls || 32
+| Controls      || 32x32 || 64x64
 |-
-| Cmd || 28
+| Cmd           || 28x28 || 56x56
 |}
-Keep in mind that these sizes work best on older low-resolution devices. Double or triple the recommended image dimensions for newer devices. Add the @2x or @3x suffix to the image name; see the previous section for examples.
 === Configurable on/off images on a form ===