Images for the web

[venta]

Somebody must know the answer to this... a quick google didn't turn up anything sensible.

I have an image which is rather large - a couple of thousand pixels square. Ideally, I want to pop it in the middle of a webpage.

Now, I could guess at a minimum monitor size, resize the image, and away we go. But I was thinking: surely there's something more clever I can do, whereby those with large monitors get a sizeable image, and those with tiny monitors do not.

Is there?

If not, are there any sensible guidelines on max image sizes, etc?

Comments

[undyingking.livejournal.com]

Ah, I see (I think). In that case, percentage sizing as per my earlier comment is probably what you want.

From the design guidelines point of view, most common practice these days is to design for 800 * 600, but in such a way that it won't look daft isolated in the middle of a larger window: 640 * 480 users have been pretty much cut adrift. (It's a whole different kettle of poison though if you also need to consider mobile users: I don't know much about that.)

[lnr]

This would be my approach to this particular problem. Since your logo is square 600x600 is about the size I'd go for.

[venta.livejournal.com]

Aha. OK. Thanks. I'll experiment with sizes in about that ballpark. I think mobile users will just have to cope :)

[floralaetifica.livejournal.com]

Actually, we've mostly gone up to 1024 width now. 800x600 is dead, god be praised.