Fix · Speed

Images are too big (page weight)

What you may see

A single image is several megabytes
The speed tool says properly size images or use modern formats

Most likely cause

Phone photos are made for printing; a website needs far smaller files at the size they appear.

Check first (about two minutes)

Open the Network tab, filter by images and sort by size.

The fix prompt

What you type here never leaves your browser. The search runs on this page, and nothing is sent to a server or to an AI.

The exact error or what you see

What you did before it happened

Kept only in this browser, on this device. Keys and passwords are removed before anything is saved.

Prompt language

You are a senior web performance engineer who explains speed problems to people who are not developers. I am not a developer, so explain every step in plain words and tell me exactly which button, menu or command you mean. If you are not sure about something, say so; do not guess.

THE PROBLEM
Images are too big (page weight)

THE EXACT ERROR OR WHAT I SEE
[paste the exact error here]

WHAT I DID BEFORE IT HAPPENED
[write in a few words what you did before it happened]

MOST LIKELY CAUSE
Phone photos are made for printing; a website needs far smaller files at the size they appear.

DO THESE STEPS, IN THIS ORDER
1. List every image with its file size, its pixel size and the size it is shown at.
2. Create web copies (keep originals): about twice the display width at most, in WebP or good JPG, quality tuned by eye; use the framework's image component or responsive sizes.
3. Lazy load images below the first screen, and set width and height to avoid jumping.
Stop and tell me if what you see does not match a step. Do not skip ahead.

CHECK THAT IT WORKED
- Typical images are well under a few hundred kilobytes, look sharp on a phone, and the page weight dropped.
Tell me exactly what I should see on the screen when it works.

DO NOT CHANGE
- Do not delete the original photos.
- Anything I did not ask about: the design, the text, other pages, other settings or the data.
- Do not delete files, data or branches, do not reset or force-push, and do not rewrite history, unless you first show me exactly what would be lost and I say yes.
- Do not paste, print or ask me to paste a password or secret key into this chat. If one is needed, tell me which settings page of the right service to store it in.

WHEN YOU FINISH
Explain in simple words what you changed (file by file or setting by setting), why you changed it, and how I can undo it.

Paste it into Claude, ChatGPT, Gemini or Cursor, then follow what it says.

After you tried it, did it work?

Steps

List every image with its file size, its pixel size and the size it is shown at.
Create web copies (keep originals): about twice the display width at most, in WebP or good JPG, quality tuned by eye; use the framework's image component or responsive sizes.
Lazy load images below the first screen, and set width and height to avoid jumping.

Do not do this

Do not shrink so far that images look blurry on big screens.
Do not delete the original photos.

Try another entry