1.5 Performance & Core Web VitalsMediumVerified

Images without width/height

What it is

An image with no width and height has no reserved space, so the page reflows when it loads. Setting intrinsic dimensions is the single most effective fix for layout shift. Missing intrinsic dimensions. Causes layout shift (CLS). Set width/height or CSS aspect-ratio.

Why does images without width/height matter for AI search?

Causes layout shift (CLS).

How do you fix it?

Set width/height or CSS aspect-ratio.

How do you find it on your site?

  1. Inspect img tags and check for width and height attributes, or a CSS aspect-ratio.
  2. Find images that load without reserved space.
  3. Add intrinsic width and height so the browser reserves the box.
  4. Re-measure CLS to confirm the shift is gone.

Which ranking and citation factors does it touch?

This directly improves CLS, a Core Web Vital. It is low-effort and high-impact for layout stability.

What is the impact?

Low-medium. Direct (CLS driver).

What is the evidence?

Set dimensions to avoid layout shift. web.dev, Core Web Vitals (Google)

Frequently asked questions about images without width/height

What does "Images without width/height" mean?

Missing intrinsic dimensions.

How do you fix images without width/height?

Set width/height or CSS aspect-ratio.