Website image weight audit

Lists every image in a site folder with file size and pixel dimensions, flags images that are too heavy or far larger than displayed, and suggests resizes and conversions. Never modifies files.

ClaudeHermes AgentCodexCursorMIT (modify, redistribute and use commercially)Python

What it does

Finds the images most likely to slow a site down, without changing any file.

  • Lists size and pixel dimensions of PNG, JPEG, GIF, WebP, AVIF, BMP, ICO and SVG files (no Pillow needed)
  • Collects where and how each image is used from img, srcset, CSS url(), og:image and more
  • Flags files that are too large, dimensions that are too large, and images more than 2x wider than their img width attribute
  • Flags heavy opaque PNGs, animated GIFs, img tags without width/height, unused images and missing images
  • Suggests WebP/AVIF conversion, resizing or replacing GIFs with video, with example commands

Output as Markdown, JSON and CSV.

How to use

python scripts/image_weight.py dist --md image-report.md --csv image-report.csv

The agent checks the context of each image and recommends fixes, highest impact first.

Requirements

  • Python 3 (standard library only)

Caveats

  • Images are never converted, deleted or overwritten.
  • Images reported as unused may still be used by JavaScript or other sites; confirm before deleting.
  • Actual display size set by CSS is not always known.

How to install

  1. Unzip the downloaded file (it contains a web-image-weight-audit/ folder with SKILL.md).
  2. Copy the whole folder into your agent's skills folder.
    • Claude: ~/.claude/skills/ (per project: .claude/skills/)
    • Hermes Agent: ~/.hermes/skills/
    • Codex: ~/.agents/skills/ / Cursor: ~/.cursor/skills/
    • Claude app (claude.ai): upload the ZIP in Customize → Skills
  3. Restart the agent and check that the skill appears in its skill list.

Step-by-step install for Windows / Mac and each agent

Seller

AI Skill Market (official)

44 published skills

Seller profile and all skills