Compress images without quality loss
SkillMediaimage-compression is a skill for AI agents that reviews image assets, markup, and CDN or build transforms against the rule of compressing images without quality loss. It checks encoded size, rendered size, loading strategy, and above-the-fold impact together, and flags files or components that violate the rule.
Available today. Use it from your connected AI after setup.
No other account needed.
Have an agent that can load skills, and add the image-compression skill to it.
Then ask your AI: use the Compress images without quality loss skill
What your AI can do with it
- Analyze whether images are properly compressed without significant quality loss
- Check encoded size, rendered size, loading strategy, and above-the-fold impact together
- Recommend compressing JPEG to 70-85% quality and choosing lossy vs lossless per image type
- Flag exact files or components where format choice, sizing, or loading behavior violates t
- Suggest tools like ImageOptim, TinyPNG, or automated build processes for compression
- Describe how to confirm fixes in DevTools
Getting started
- Have an agent that can load skills, and add the image-compression skill to it.
- Point the agent at the image assets, markup, or CDN and build transforms you want reviewed.
- Ask the agent to check compression, sizing, and loading behavior against the rule.
- Review the flagged files or components and apply the suggested fixes.
- Verify the fixes in DevTools as the skill describes.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/image-compression/SKILL.md and read by ahel’s review.
Uncompressed images are often 5-10x larger than needed—proper compression dramatically reduces page weight and load times with minimal visual impact.
Quick Reference
- Compress JPEG to 70-85% quality (often visually identical)
- Use lossy compression for photos, lossless for graphics
- Automate compression in build process
- Can reduce file sizes by 60-80% without visible quality loss
Check
Analyze if images are properly compressed without significant quality loss.
Fix
Compress images using tools like ImageOptim, TinyPNG, or automated build processes.
Explain
Explain how proper compression can reduce image sizes by 60-80% with minimal quality impact.
Code Review
Review image assets, markup, and delivery configuration related to Compress images without quality loss. Flag exact files or components where format choice, sizing, or loading behavior violates the rule, and describe how to confirm the fix in DevTools.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/images/image-compression
Signals
- GitHub stars
- 74k
- Forks
- 7k
- Last commit
- Aug 2026
Questions
- How much can image sizes be reduced?
- The skill states that proper compression can reduce image sizes by 60-80% with minimal quality impact, and that uncompressed images are often 5-10x larger than needed.
- What quality setting should I use for JPEGs?
- The skill recommends compressing JPEG to 70-85% quality, which is often visually identical to the original.
- Should I use lossy or lossless compression?
- Use lossy compression for photos and lossless for graphics, according to the skill's quick reference.
Advanced
- Item type
- skill
- Key
image-compression- Source
- github.com/thedaviddias/front-end-checklist