Re: Picture size

On 18 Jan, 12:50, Jim S <j...@xxxxxxxxxxxxxxx> wrote:
Not strictly an HTML question, but what is the accepted size of graphics on
a website?

"Big enough to be useful." There's no longer any need to constrain
photograph images size-wise solely for technical reasons. If you need
it 800px wide to see it, then use 800px width. Don't think that
"bandwidth" requires everything to be down-sized to under 200px, just
to control download times.

If you want thumbnails for a gallery, consider 200px width and four or
five across the screen, rather than an old approach of 100px or less.
Now you can at least see what the things are!

Certainly abandon <table> for a thumbnail gallery in favour of floated
<div> around each image/caption group. This permits big thumbnails on
small screens, and if the screen width doesn't permit many across the
screen, then it re-flows them to put fewer on each row.

All users' displays (for practical values of "all") are between 1000
and 2000 px wide. The few smaller than this can cope with some
sideways scrolling and a competent fluid design. Anything bigger than
this is either wall-mounted rather than a desktop, or is on multiple
screens. Either of these require different thinking from the single-
screen at arms' length model.

Phones are easy. Their networks will transcode images on the fly.

The remaining awkward clients are palmtops (my Nokia 770) etc. These
are around 600x200 in size and don't generally connect through a
transcoding network proxy. OTOH, I don't _expect_ this sort of ultra-
portable device to be convenient to use for huge images. However one
of my main uses for it is viewing >1000px-wide images (references on
silver hallmarks or signatures, from within auction and sale rooms),
so don't rule this out completely! Sometimes awkward scrolling is the
right behaviour, better than preventing access altogether.

A very good approach (requiring significant effort though) is that
used by wikipedia, wikicommons and mediawiki for handling images.
They're uploaded in any size up to "vast" (look at the Torre del
Acqua, Barcelona photo on Wikicommons) and the site publishing engine
re-sizes them as necessary. The size served depends on the context, so
a "thumb" or a "gallery" image on an article page is automatically
smaller than the image's own page. The size for each of these contexts
is also defaulted to a user-specific setting, which is adjustable for
large or small preferences.
.

Relevant Pages

  • 3D Call of Duty?
    ... Yes, more technology that involves buying a new television, but I like ... old-fashioned 3-D movies rely on the special glasses to block images ... Philips' WOWvx technology places tiny lenses ... Casinos are interesting in the screens -- the mesmerizing effects may ...
    (alt.games.video.xbox)
  • Re: History of S-100 Board company Industrial Micro Systems (IMS)
    ... Images are one thing. ... layout rather than fixed width tables, the text on your pages will ... for layout and use CSS for both presentation and layout. ... those with narrower screens (whether physically narrower or browser ...
    (comp.os.cpm)
  • Custom Halftone Problem with Rampage RIP
    ... We have been printing a book that makes extensive use of custom ... halftone screens (to simulate a very coarse screen effect on certain ... images) successfully for a number of years with a major print vendor. ...
    (comp.publish.prepress)
  • Re: Yikes! Consumer Electronic Rip...
    ... It happens to be the largest size screen that would fit into the space I had, and when I bought it some months ago, I looked very carefully at the plasma and LCD screens. ... Still tops for picture quality, these offer wide selection and the best value. ... Like flat-panel computer displays, these thin sets have a backlight and thousands of red, green, and blue pixels that open or close to let light through, creating colorful images. ... Common screen sizes: 14 to 37-plus inches. ...
    (rec.boats)
  • Re: Website review sought - comments invited
    ... jewellery and for ease of access it is now available through ... The thumbnails load first and you get to see them. ... While you are looking at the thumbnails, the bigger images are ...
    (rec.crafts.jewelry)