Converts SVG images to high-performance WebP or PNG formats to optimize web performance and visual assets.
This skill enables Claude to handle image asset optimization by converting SVG files into WebP or PNG formats using the high-performance sharp library. It supports both individual file conversion and batch processing of entire directories, allowing users to define custom dimensions, quality levels, and background colors. It is particularly useful for developers and designers looking to automate thumbnail generation or reduce web page load times by serving lightweight, modern image formats without leaving their development environment.
Key Features
01Batch processing capabilities for transforming entire directories at once
020 GitHub stars
03Flexible resizing modes including contain, cover, fill, and inside
04Comprehensive background support including transparency and hex codes
05High-quality conversion to WebP and PNG formats using the sharp engine
06Customizable output dimensions and quality settings (1-100)
Use Cases
01Optimizing website performance by converting vector SVGs to lightweight WebP files
02Bulk processing design assets for web deployment within a CI/CD or development workflow
03Generating standard-sized PNG thumbnails from a library of vector icons
