guaro mediaMake something worth sharing
Menu
Workflow

Check image dimensions before handing files to a web designer

Confirm the pixel size, intended crop and file format your web designer needs before sending the final image set.

A laptop displaying graphic editing software.

An image can look large on your computer while still being too small for its intended place on a website. File size in megabytes does not tell you how many pixels are available, and a large source may have the wrong shape for a banner. Agree the placement requirements before preparing the delivery so resizing and cropping are deliberate.

Ask about the actual placements

Get the intended image roles from the designer: a wide hero, an article image, a square card or a portrait detail may need different crops. Ask for target pixel dimensions or aspect ratios and any important subject positioning.

Clarify whether the designer wants full-resolution sources, prepared web versions or both. Supplying both can be useful when clearly separated, but an unlabelled mixture creates uncertainty. Note any responsive layout needs, such as a subject that must remain visible when the image container becomes narrower.

Read pixel dimensions rather than file weight

Check width and height in the image's properties or your editing application. Record the dimensions of the exported file you will actually send, rather than those of the source before cropping. A crop can reduce the usable pixels substantially.

Avoid assuming a small compressed file is low resolution or a large file is sufficiently detailed. Compression and image content affect file weight. Enlarging an existing image may add pixels without recovering missing detail, so flag an undersized source instead of quietly treating it as a new high-resolution original.

Review the crop and visible subject

Compare the proposed shape with the source photograph. Keep faces, important objects and instructional details inside the area that will be shown. Leave space for any planned text only when you know how that text will be placed.

Create separate named crops if the designer requests them. A landscape image and its portrait version should not share an ambiguous filename. Check the result at a small display size as well as enlarged, because a technically adequate image can still hide the detail the page needs.

Deliver files with useful context

Use the requested format and colour handling, and tell the designer about transparency or other important characteristics. Keep unmodified originals available if a different preparation is needed. Avoid repeated export cycles through several compressed copies.

Include a short list of filenames, intended placements, pixel dimensions and any crop restriction. Open the delivered files once more to confirm their orientation and appearance. If an image is too small or cannot support a required crop, identify it explicitly so the designer can adjust the placement or request another source.

Good image delivery connects pixels to a real page role. Confirm the required shapes, inspect the actual exports and label alternatives clearly. A short note about dimensions and subject placement can prevent the wrong crop or an unsuitable source from reaching the website.