Web Image Standards

We require that all web editors working with images utilize Adobe Photoshop, available for purchase from the . If you do not have Adobe Photoshop but would like a photo update on your web pages, please submit a web request form and complete the “photo update” option.

The following information is for all web staff who work with images on the EMU website. (Header images are not part of the table below because they are custom images implemented only by the university web designer.)

Image editing and advanced CSS

  • Personnel portraits use a wider crop, although preference across site for other images is close crop.
  • Push vibrance and unsharp mask features in Photoshop when possible.
  • Push the quality of “save for web” quality options to 80 or max.
  • To round corners, utilize Twitter Bootstrap CSS classes.

Standard image dimensions

Emu.edu and my.emu spotlight example 310×175
Featurebox thumbnail example 70×70px
Featurebox (with link) example 200×115px
Featurebox (no link) example 220×115px rounded corners
Featurebox350 (with link) example 300px width, height is negotiable
Featurebox350 (no link) example 320px width (rounded corners), height is negotiable
Quadfeature main image example 238×200px
Inline thumbnails example 100×100px rounded
Inline images (no captions, style) example Up to 350×350px rounded corners
Personnel portraits example 150×200px
News blog feature example 610×370px
General web headers example 980×240px
emu.edu home page feature example 980×520px

Desktop wallpaper downloads

emu.edu/photos/wallpaper

Handheld media devices

  • iPad 768×1024 (vertical)
  • iPhone 640×960 (vertical)
  • iPod Touch 320×480 (vertical)

Desktop wallpaper

  • 2560 × 1440
  • 1680 × 1050
  • 1280 × 1024
  • 1024 × 768

This page was updated July 31, 2013.