From One Master Image to a Reliable Set of Web Assets
Plan independent crops, keep a reusable master and check every exported variant with a small delivery record.
Content updated:
Write the delivery requirements before editing
A useful image workflow begins with a short record for each destination: aspect ratio, minimum or maximum dimensions, accepted formats and byte limit. A product card and an article banner can use the same photograph but require different framing. Treat those as separate outputs rather than stretching a square thumbnail into a banner.
Keep the highest-quality available source in a clearly named master folder and work on a copy. A saved recipe records settings; it is not a backup of the photograph. Keep a second copy of valuable originals outside the working folder.
Make each crop from the same source
For an illustrative exercise, start with a 2400 × 1600 photograph. Prepare a 1200 × 800 full-frame image and a separate 1200 × 1200 square. The full-frame version preserves the source ratio; the square needs a crop or added margins. These are geometric targets, not measured file-size results.
In Image Studio, Keep whole image fits the source inside a new canvas. Fill and center crop fills the canvas and trims overflow. Inspect the subject before applying that choice: a handle, label or face near an edge may disappear. Return to the original for the second variant rather than enlarging the first export.
Encode once after the visual decisions
Finish framing, dimensions and any text overlay before selecting the delivery format in Export & compress. For a photograph, compare JPG and WebP copies. Use PNG when an exact raster graphic or transparency is the priority. Set a file-size target only when the destination requires one.
Enabling Allow smaller dimensions to reach target can reduce the output dimensions. Check the result against the destination's minimum size. A quality slider and a target are inputs to the encoder; the downloaded bytes and dimensions determine whether the output meets the brief.
Keep a delivery record that can be repeated
Name outputs by purpose, such as mug-card-1200-square.webp and mug-article-1200-wide.jpg. Record the chosen crop, format, dimensions and actual bytes. Include whether the subject survives the destination's thumbnail crop and whether the final upload looks like the local copy.
Prepare alt text in the publishing system, where the image's context is known. Inspect sensitive visible details and metadata separately. A workflow is complete when the delivered file works in its final location, not when the download button becomes available.
Make two variants from one master
A guided exercise, not a benchmark. Inspect your own output; results depend on the source and settings.
- Open a copy of your master in Image Studio and record its dimensions.
- Make one proportional version and one square crop or padded version; return to the original between them.
- Export each once and record its actual dimensions and bytes alongside its filename.
- Place both in their intended page or upload preview and check the subject and fine details.
Both files meet their separate requirements, and neither needs to be enlarged from the other.
Sources & further reading
Try an idea and review your result before saving your edits.
