THE BASICS

• Who to Design For
• Actions
• Specs
  • Screen Size
  • Layout
  • Content
  • Links
  • Images

IMAGES

"Unless you are using advanced device detection techniques, the width of an image should stay under 120 pixels." ¹ Remember that small screens will tend to distort images, so use them sparingly and only when necessary for your mobile site.

"Not specifying the pixel height and width of an image forces the mobile device to calculate the values, and consequently increases render times and degrades performance." ² Telling the browser the specific height saves time in data transfers, which will ultimately help cut back on download time. Remember, with mobile, faster is better.

¹ .mobi, "Mobile Web Developer's Guide," http://dev.mobi/.