image-treatment
Installation
SKILL.md
Image Treatment
Aspect Ratios
| Ratio | Use |
|---|---|
| 1:1 | Avatars, product thumbnails, app icons |
| 4:3 | Standard photos, cards |
| 3:2 | Photography, landscape |
| 16:9 | Hero banners, video thumbnails |
| 21:9 | Cinematic banners, ultra-wide heroes |
Responsive Images
<picture>
<source media="(min-width: 1024px)" srcset="large.webp">
<source media="(min-width: 768px)" srcset="medium.webp">
<img src="small.webp" alt="Descriptive text" loading="lazy">
</picture>