what image size for web page ?

CJ
Posted By
Craig Jansen
Jun 28, 2004
Views
339
Replies
7
Status
Closed
What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?
Is the 1024×768 the best resoltion to aim for ? Or is there a way to make your web pages dynamic so that they can be viewed at any res and with any browser?
Hope somebody can help.

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

MR
Mike Russell
Jun 28, 2004
Craig Jansen wrote:
What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?
Is the 1024×768 the best resoltion to aim for ? Or is there a way to make your web pages dynamic so that they can be viewed at any res and with any browser?
Hope somebody can help.

I usually go a bit smaller, say 768×512.

It is possible to display a different size image depending on the display size using JavaScript, but I think very few people bother. —

Mike Russell
www.curvemeister.com
www.geigy.2y.net
MS
Mick Sterbs
Jun 28, 2004
"Craig Jansen" wrote in message
What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?
Is the 1024×768 the best resoltion to aim for ? Or is there a way to make your web pages dynamic so that they can be viewed at any res and with any browser?
Hope somebody can help.
You can make your web pages fit any size browser window by using percentages in the style sheet, but it’s not a good idea to do the same with pictures. Most browsers do a lousy job of resizing images.
J
jaSPAMc
Jun 28, 2004
On Mon, 28 Jun 2004 10:43:18 GMT, "Mike Russell" found these unused words floating about:

Craig Jansen wrote:
What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?
Is the 1024×768 the best resoltion to aim for ? Or is there a way to make your web pages dynamic so that they can be viewed at any res and with any browser?
Hope somebody can help.

I usually go a bit smaller, say 768×512.

It is possible to display a different size image depending on the display size using JavaScript, but I think very few people bother.

If you compute the percentage of the image’s true width against the screen width -in- the size you’re most aiming for … you can express the WIDTH tag of the image as a percent. Don’t add the HEIGHT tag!

As the browsers vary their display size, most will resize the image proportionately.
OR
O Ransen
Jun 29, 2004
On Mon, 28 Jun 2004 08:51:12 GMT, "Craig Jansen" wrote:

What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?

That is actually a very big image for the WEB, you’ll cover many people’s screens at that size, leaving no space for buttons or links or text.

It all depends on what you want to do with the image…

Unique and easy to use graphics programs
http://www.ransen.com
PW
Pjotr Wedersteers
Jul 2, 2004
"J. A. Mc." wrote in message
On Mon, 28 Jun 2004 10:43:18 GMT, "Mike Russell" found these unused words floating about:

Craig Jansen wrote:
What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?
Is the 1024×768 the best resoltion to aim for ? Or is there a way to make your web pages dynamic so that they can be viewed at any res and with any browser?
Hope somebody can help.

I usually go a bit smaller, say 768×512.

It is possible to display a different size image depending on the display size using JavaScript, but I think very few people bother.

If you compute the percentage of the image’s true width against the screen width -in- the size you’re most aiming for … you can express the WIDTH
tag
of the image as a percent. Don’t add the HEIGHT tag!

As the browsers vary their display size, most will resize the image proportionately.
That would yield very nasty results in many cases, as the resizing by a browser does not come near to a properly resized pic in PS. Graphics look horrible that way most of the time.
GP
Gary Prince
Jul 9, 2004
Keep in mind to balance display size with file size by making all adjustments within your graphics editor. If you reduce the display size with html tags, the file size remains the same. Thus that long download time due to the 1024×768 3meg file is not reduced with tags of width="200" and height="158". Because you now have a 3MB file displayed at 200×150.

"Craig Jansen" wrote in message
What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?
Is the 1024×768 the best resoltion to aim for ? Or is there a way to make your web pages dynamic so that they can be viewed at any res and with any browser?
Hope somebody can help.

D
dancertm
Jul 10, 2004
On Fri, 9 Jul 2004 05:46:48 -0700, "Gary Prince" wrote:

Keep in mind to balance display size with file size by making all adjustments within your graphics editor. If you reduce the display size with html tags, the file size remains the same. Thus that long download time due to the 1024×768 3meg file is not reduced with tags of width="200" and height="158". Because you now have a 3MB file displayed at 200×150.

quite true! I have found, if you are able to work off line, and preview it, use a size which goes with the layout, no one will want to wait for that big of a file. Also, using photoshop, you can reduce the quality a bit which helps the jpg load quicker.

"Craig Jansen" wrote in message
What canvas size or image size is required to view on a 1024×768 res standard ie6 browser ?
Is the 1024×768 the best resoltion to aim for ? Or is there a way to make your web pages dynamic so that they can be viewed at any res and with any browser?
Hope somebody can help.

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections