Help with processing images of paintings for web output

MC
Posted By
Martin_Coleman
Nov 28, 2008
Views
324
Replies
3
Status
Closed
Could someone please help me with saving images for web.

What’s the optimum size (px) these days for web viewing of images where the image is the only thing you want visible – not sharing screen with other stuff.

What’s the best way/most efficient to process a RAW file to a thumb and a viewable JPEG?

I know a bit about sRGB and resolution but what about say, saturation and sharpening? Should you compensate for anything if output is to web only?

Thanks for your help and by the way, the camera is a 1Ds MkII

Martin
Related Tags
help image output paint process

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

GH
Gernot_Hoffmann
Nov 28, 2008
Martin,

below is the short description for a workflow (CS2).
As a result one can see a row of thumbnails and
one (selected) image with height 450 pixels.
One needs the thumb library, and showing the image
larger isn’t necessarily more esthetical.

Much is a matter of opinion, but there is no doubt,
that the images should be improved as good as possible
in the original pixel size (also for other publications). In a practical example (which is here not available)
I found that downsampling from 4000 x 3000 pixels to
height 450 pixels delivered good results for (globally
chosen) Bicubic Interpolation (not B.Sharper).

—-
Preparations: edit all images as good as possible, whatever pixel size, any color space sRGB or AdobeRGB.

Step 1 – Create a set of downsampled and JPEG compressed images

Put all your images in one folder, for instance ‘ImSource’

File > Scripts > Image Processor
Select Folder > ImageSource
Save in Same Location (in subfolder JPEG, automatically) Save as JPEG (converts automatically to sRGB)
Resize to Fit
W 900 px
H 450 px
Include ICC Profile (important for conversion tests)

All images (common formats, portrait or landscape) will be shown undistorted with height 450 px.
Width 900 px is a dummy.

Step 2 – Create an HTML doc

File > Automate > Web Photo Gallery
Styles > Simple – Horizontal Thumbnails (one of several modes) Source Images > Folder ImSource\JPEG
Options > Banner …some Text
Select Folder > ImDest (for instance)

Clicking in this folder on index.htm starts the HTML doc. Some improvements are required in the HTML text for the
text ‘banner’: larger font, equal font size and no double colon. A somewhat reddish tinted background should be replaced
by white.
These changes are made in the folder ‘Simple Horizontal
Thumbnails’. Can be explained later.
—

Best regards –Gernot Hoffmann
B
Buko
Nov 28, 2008
what version are you using?
MC
Martin_Coleman
Nov 28, 2008
cs4

Thanks for your help

Martin

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections