image-optimizer
CommunityOptimize images, supercharge page speed.
Software Engineering#performance#web development#compression#webp#lazy loading#responsive images#image optimization#avif
AuthorDexploarer
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Large, unoptimized images are a primary cause of slow website loading, impacting user experience, SEO, and Core Web Vitals. This Skill automates the complex process of image optimization, reducing file sizes without compromising quality.
Core Features & Use Cases
- Modern Format Conversion: Converts images to highly efficient formats like WebP and AVIF, with JPEG/PNG fallbacks for broader compatibility.
- Responsive Image Generation: Creates multiple image sizes and generates
<picture>elements for optimal delivery across various devices and screen resolutions. - Use Case: "Optimize all JPEG and PNG images in my
public/imagesfolder, converting them to WebP, generating responsive sizes (320w, 768w, 1920w), and providing the HTML<picture>tags."
Quick Start
Optimize all images in the 'assets/images' directory, converting them to WebP and generating responsive sizes for mobile and desktop.
Dependency Matrix
Required Modules
imagemagickwebpsharp-cli
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: image-optimizer Download link: https://github.com/Dexploarer/claudius-skills/archive/main.zip#image-optimizer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.