Stats
Actions
Tags
From svg-to-webp
SVG画像をWebP/PNG形式に変換。単一ファイル・ディレクトリ一括変換対応。sharpベースの高品質変換。「SVGをWebPに変換」「画像を軽量化」「サムネイルを最適化」で発動。
How this skill is triggered — by the user, by Claude, or both
Slash command
/svg-to-webp:svg-to-webpThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
SVG画像をWebPまたはPNG形式に変換するプラグイン。sharpによる高品質変換。
SVG画像をWebPまたはPNG形式に変換するプラグイン。sharpによる高品質変換。
# 単一ファイル変換
node ${CLAUDE_PLUGIN_ROOT}/scripts/convert.js \
--input input.svg --output output.webp
# PNG形式で出力
node ${CLAUDE_PLUGIN_ROOT}/scripts/convert.js \
--input input.svg --output output.png --format png
# ディレクトリ一括変換
node ${CLAUDE_PLUGIN_ROOT}/scripts/convert.js \
--input-dir ./svgs --output-dir ./webps
| オプション | 短縮 | 説明 | デフォルト |
|---|---|---|---|
--input | -i | 入力SVGファイルパス | - |
--output | -o | 出力ファイルパス | - |
--input-dir | - | 入力ディレクトリ（一括変換） | - |
--output-dir | - | 出力ディレクトリ（一括変換） | - |
--width | -w | 出力幅 | 1920 |
--height | -h | 出力高さ | 1080 |
--quality | -q | 品質 1-100 | 80 |
--format | -f | 出力形式: webp, png | webp |
--fit | - | リサイズ方式: contain, cover, fill, inside, outside | contain |
--background | -b | 背景色 | transparent |
transparent - 透明背景white / black - 名前指定#RGB - 短縮形 (#f00 = 赤)#RRGGBB - 6桁16進数#RRGGBBAA - アルファ付きnpx claudepluginhub haboshi/claude-code-skills --plugin svg-to-webpConvert SVG to PNG with control over dimensions, background, CSS effects like mix-blend-mode/filters. Presets for app icons, favicons, splash screens.
Converts PNG images to high-quality SVG using ImageMagick, vtracer spline vectorization, and svgo compression. Supports optional white-background removal and parameter tuning for cleaner vectors.
Wraps raster logo files (webp, png, jpg) as base64-embedded SVG for pixel-identical output. Use when converting logos to SVG format without a vector source.