What is the default output format for this skill?

The default output format is WebP, which offers superior compression for the web, but you can easily switch to PNG using the --format flag.

Does this skill support batch conversion of multiple files?

Yes, you can use the --input-dir and --output-dir flags to convert all SVG files within a specified directory in a single command.

Can I set a specific width and height for the output image?

Absolutely. You can use the --width and --height options to define the exact dimensions of your converted WebP or PNG file.

Does it support transparent backgrounds?

Yes, transparency is supported by default. You can also specify a custom background color using hex codes or color names if needed.

How do I control the quality of the converted image?

You can use the --quality flag with a value between 1 and 100 to balance file size and visual fidelity.

SVG to WebP & PNG Converter

Name: SVG to WebP & PNG Converter
Author: haboshi

byhaboshi

0•

Design Tools

Converts SVG images into high-quality WebP or PNG formats with support for batch processing and custom image optimization.

The SVG to WebP skill enables Claude to handle professional image transformation tasks directly within your development workflow. Powered by the high-performance 'sharp' library, it allows for the conversion of individual vector files or entire directories into web-ready raster formats. Users can fine-tune outputs by adjusting dimensions, quality settings, and background transparency, making it an essential tool for developers and designers who need to optimize assets for faster web performance without manual export steps.

Key Features

01Flexible background color support including hex codes and transparency

02Customizable dimensions (width/height) and scaling options

030 GitHub stars

04High-quality conversion powered by the sharp image processing engine

05Efficient batch processing for entire directories of SVG files

06Support for both WebP and PNG output formats

Use Cases

01Automating the standardization of image assets during the build or deployment process

02Converting complex SVG illustrations into fixed-dimension PNGs for UI components

03Optimizing vector icons into lightweight WebP files for faster website loading

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add haboshi/claude-code-skills svg-to-webp

For use in Claude.ai and ChatGPT

Download Skill