Responsive image planning considers both file size and composition. A wide image can become awkward when squeezed into a narrow area, especially if its subject is near an edge. Identify the important content and decide how it should remain visible across layouts.

A practical approach

Use representative assets during design. A placeholder rectangle cannot reveal whether a real photograph survives the intended crop. Where a different crop is needed, keep the visual message consistent and ensure alternative text still describes the relevant information.

Your checklist

  • Check the subject at narrow and wide widths.
  • Avoid placing essential text inside a crop-sensitive image.
  • Prepare alternate crops only when they solve a real problem.

For example

A team photograph may work across a desktop banner but cut off people on a phone. A less extreme aspect ratio or a separately prepared crop can preserve the intended introduction.

Planning a project? Explore our website design or tell us what you need.