Skip to content
Tiny SEO Steps
Growth· Page-level

Size and deliver images appropriately

Serve images at suitable dimensions and formats for their placement.

Why it matters

Oversized media can slow the page, while tiny or blurry media can make content less useful.

Do it step by step

  1. 1

    Identify the largest images on representative pages.

  2. 2

    Resize or use responsive image variants and a supported modern format where helpful.

  3. 3

    Keep descriptive filenames and surrounding text where they help understanding.

  4. 4

    Compare image transfer size and visual quality after the change.

Example

A 4000-pixel hero photo may need a smaller responsive version for phones.

Check your work

Images remain clear and their delivered sizes suit the display.

Complete when

Large images in selected templates have been reviewed and optimized where useful.

Prompt for an AI coding agent

Use this with an agent that can inspect your project. Account and external actions remain yours to complete.

Inspect my existing website project before editing. Size and deliver images appropriately. Identify the largest images on representative pages. Resize or use responsive image variants and a supported modern format where helpful. Keep descriptive filenames and surrounding text where they help understanding. Compare image transfer size and visual quality after the change. Keep the existing framework and design conventions. Verify the result with the project's checks and by inspecting the rendered page or response. Explain any manual account, hosting, or Search Console steps I must do myself.

Tools and references

Reviewed 2026-11-04