The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Web Portait Standard Sizes

  • # January 22, 2010 at 11:08 am

    Chris’s recent post about ad standards got me thinking about portrait standards.

    I have to upload and shuffle around LOTS of official portraits of people for the company & organizational websites I maintain. And having to manually resize & reoptimize photos really stinks. I’m wondering if a web standard (or even just a suggestion!) for portraits has ever been developed. I’m currently going with an 8×10 style aspect ratio that works well:

    Icon: 20×25 @ 72 or 96ppi
    Thumbnail: 40×50 @ 72 or 96ppi
    Mini-Portrait: 80×100 @ 72 or 96ppi
    Portrait: 160×200 @ 72 or 96ppi (most pages)
    Mega-Portrait: 320×400 @ 72 or 96ppi (‘feature’ pages)
    Printable Portrait: 2000×2500 @ 250dpi (download and print 8"x10")

    Am I reinventing the wheel here?


    # January 22, 2010 at 7:09 pm

    I don’t think you are going to find any standard sizes for this sort of thing. It’ll just depend on the company you are working with, and of course the design of the web site.

    # January 29, 2010 at 8:51 pm

    Perhaps working out fixed ratios (5:4, 16:9, etc) might be another solution? Most photo’s are already taken to standards like those and you can then just adjust the width or height dimension to suit your layout, the ratio would remain. It cuts down on cropping or resizing…

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed