Print Prospectus and Web Thumbnail from a Phone Photo
A higher secondary school is producing a four-page printed prospectus and a matching web gallery. A teacher photographed a student's painting with a 12-megapixel phone camera; the file is 4000 × 3000 px, 4.1 MB JPEG, shot under mixed fluorescent and daylight, and slightly tilted. The printer asks for 300 ppi images and CMYK colour. The web gallery must load quickly on a 3G connection shared by 40 students. The design teacher wants the painting printed at 8 × 10 inches, and also wants a 400 × 300 px thumbnail. The school's only software is a free image editor that supports layers, colour adjustment, cropping, resampling and JPEG/PNG export. The budget does not allow a professional shoot, and the prospectus deadline is in three days. The teacher asks whether the phone photo can be used at full print size, and why the thumbnail looks soft after resizing.
1. Can the 4000 × 3000 px file be printed at 8 × 10 inches at 300 ppi? Show the calculation and state the practical decision.
Read the worked answer
At 300 ppi, 8 × 10 inches needs 8 × 300 = 2400 px wide and 10 × 300 = 3000 px high. The file is 4000 × 3000 px, so the height is exactly enough but the width is larger than needed. The aspect ratio is 4:3 (1.333), while 8:10 is 4:5 (0.8). To print a full 8 × 10 the image must be cropped from 4000 px to 2400 px wide, losing 40% of the width and possibly important parts of the painting. The honest options are: crop deliberately, print at 10 × 7.5 inches at 300 ppi using the full frame, or print smaller with a white border. Upscaling or stretching to fill 8 × 10 would not add detail and would soften the image. The decision should be to keep the full composition at 10 × 7.5 inches, or to crop consciously after checking with the art teacher. Resolution alone is sufficient; the constraint is aspect ratio and composition, not pixel count.
2. Why does the 400 × 300 px thumbnail look soft, and what resizing workflow would improve it?
Read the worked answer
The thumbnail is one-tenth of the original linear dimensions and one-hundredth of the pixels. Downsampling in one large step without sharpening removes high-frequency detail, and re-saving a JPEG adds compression artifacts. The 72 ppi or 96 ppi metadata is irrelevant on screen; only pixel dimensions matter. Workflow: crop and rotate the master first; correct exposure and white balance at full resolution; resample directly to 400 × 300 with a good filter such as bicubic, not nearest neighbour; apply a small unsharp mask after resizing, not before; export as JPEG quality 80–85, or PNG if there are sharp edges or text. Keep the full-size master and never re-edit the thumbnail. Display it at 400 × 300 with CSS rather than stretching it in HTML. A single correct downsample plus modest output sharpening will look noticeably crisper than resizing repeatedly.
3. Recommend a colour and file-format workflow for print and web, explaining the risks at each stage.
Read the worked answer
Save the corrected master once as PNG or maximum-quality JPEG to avoid repeated lossy saves; the phone JPEG is already compressed, so avoid resaving it many times. For print, the printer wants CMYK at 300 ppi. Convert a copy to CMYK in the editor if it supports colour profiles; otherwise supply a high-quality RGB file with an embedded sRGB profile and ask the printer to convert, then request a proof. CMYK has a smaller gamut than RGB, so saturated greens and blues may shift. For web, export a separate sRGB JPEG at quality around 80, and use PNG only if the thumbnail stays small. Do not sharpen the print file for screen, and do not judge print colour from an uncalibrated monitor. Keep layers, filenames and versions organised so the print and web files come from the same corrected master.