ローカル画像圧縮ツールおよびAI agentスキル。画像を自動処理・リサイズ・変換し、目標ファイルサイズに合わせて最適なWebパフォーマンスを実現します。
インストール＆ダウンロード
1. ClawHub CLI
レジストリから直接スキルをインストールする最速の方法です。
npx clawhub@latest install cn-web-image-optimizer
2. 手動インストール
スキルフォルダを以下のいずれかの場所にコピーしてください
~/.openclaw/skills/ <project>/skills/ 優先順位：ワークスペース > ローカル > バンドル
3. プロンプトのインストール
このプロンプトをOpenClawにコピーするだけで、自動的にインストールされます。
Clawhubを使って cn-web-image-optimizer をインストールして。Clawhubがインストールされていない場合は、先にインストールしてください（npm i -g clawhub）。
ダウンロードをご希望ですか？
ZIPアーカイブで生のスキルファイルを取得します。
Web Image Optimizer とは？
Web Image Optimizerは、高パフォーマンスなWebサイトのためのアセット準備プロセスを効率化する強力なユーティリティです。Openclaw Skillsエコシステムの一部として、このツールは開発者やAI agentが、高い視覚的忠実度を維持しつつ、画像ファイルサイズを特定の予算（デフォルト500KB）内に体系的に削減することを可能にします。JPEG、PNG、WebP、BMP、TIFFを含む様々な一般的なフォーマットを処理でき、フロントエンドワークフローのための信頼性の高いローカルメディア後処理ソリューションを提供します。
WebPをデフォルトの出力形式として優先することで、Web Image Optimizerは最大限のアセット圧縮と現代的なWebパフォーマンスを保証します。レガシー互換性が重要なユースケースでは、ツールは自動的に標準JPEGにフォールバックします。このユーティリティをOpenclaw Skillsに統合することで、チームは手作業のオーバーヘッドなしで、配信予算に合わせて画像品質を動的に調整するシームレスな自動化パイプラインを構築できます。
Web Image Optimizer のユースケース
- 標準的なフロントエンドデプロイメントやCIパイプラインにおいて、Webサイトのメディアアセットを自動最適化。
- 元の大きなPNGやJPEG画像を、Web用に最適化された現代的なWebP形式にシームレスに変換し、読み込み時間を短縮。
- ローカルディレクトリ全体でバッチ圧縮スクリプトを実行し、厳格なサイズ制約（500KB以下など）を遵守。
- Openclaw Skills内で動作する自律的なAI agentが、ユーザーがアップロードしたメディアをコンテンツ管理プラットフォームに保存する前に最適化することを許可。
Web Image Optimizer の仕組み
- フォーマット検出と変換: ソースファイルのタイプを識別し、最適な変換ターゲットを準備します。PNGのような大きな入力をWebPに変換することで、ペイロードサイズを70〜90%削減します。
- 段階的な品質削減: 画像が設定したサイズしきい値を下回るまで、圧縮品質レベル（85から始まり、65以下まで）を反復します。
- スマートなサイズ調整: 圧縮品質を下げるだけでは目標ファイルサイズを満たせない場合、画像寸法を比率を保ったまま縮小します。
- EXIF削除と安全な出力: メタデータを削除してファイル重量を最小限に抑え、最適化された新しいバージョンをローカルに保存します。元のソースファイルは一切変更されません。
Web Image Optimizer のセットアップ
システムにPython 3.6+がインストールされていることを確認してください。次に、メディア変換を管理するために標準のPython画像ライブラリであるPillowをインストールします：
pip3 install Pillow
単一画像の最適化
特定のファイル制約を使用して、単一アセットに対して圧縮モジュールを実行します：
# WebPに圧縮 (自動、500KB以下を目標)
python scripts/web_image_optimizer.py compress photo.jpg
# 300KB制限でJPEGに圧縮
python scripts/web_image_optimizer.py compress photo.jpg --format jpeg --max-kb 300
# PNG形式でネイティブ圧縮
python scripts/web_image_optimizer.py compress photo.png --format png
バッチ処理
ディレクトリ内の複数の画像を動的に処理します：
# 特定のディレクトリ内のすべての画像を圧縮
python scripts/web_image_optimizer.py batch ./images/
# カスタムフォーマット仕様とファイル制限でバッチ最適化
python scripts/web_image_optimizer.py batch ./photos/ --format jpeg --max-kb 200
# サブフォルダを再帰的にスキャンしてネストされたアセットを処理
python scripts/web_image_optimizer.py batch ./content/ --recursive
Web Image Optimizer のデータスキーマとタクソノミー
Web Image Optimizerはすべての処理をローカルで行うため、画像データがマシンから外部に出ることはありません。元の素材を上書きせずに出力を管理するために特定のパラメータを活用します。
利用可能なコマンドオプション
| オプション | 短縮 | デフォルト | 説明 |
|---|---|---|---|
--max-kb |
-m |
500 |
目標とする最大出力ファイルサイズ (KB) |
--format |
-f |
auto |
目標出力フォーマット (auto, webp, jpeg, png) |
--quality |
-q |
85 |
初期圧縮品質設定 (1-100) |
--output |
-o |
auto |
処理されたアセットのカスタム出力ファイルパス |
--recursive |
-r |
false |
バッチモードでサブディレクトリを再帰的にスキャン |
フォーマットの推奨事項
| フォーマット | 圧縮 | 品質 | ブラウザサポート | 最適な用途 |
|---|---|---|---|---|
| WebP | 最高 | 優秀 | 96%+ | デフォルトのWebターゲット |
| JPEG | 良好 | 良好 | 100% | レガシーなクロスプラットフォーム互換性 |
| PNG | 限定的 | ロスレス | 100% | 透明度が必要な画像 |
Web Image Optimizer の高度な機能
- 動的目標圧縮戦略: 反復的なフォールバックサイクルにより品質をスムーズに下げ、その後スマートで比率を維持したスケーリングを開始し、厳格な目標ファイルサイズを満たします。
- 再帰的サブディレクトリスキャン: バッチモードでネストされたディレクトリツリー構造を自動的にクリーンアップおよび解析するパワーユーザー機能。
- 非破壊的なワークフロー: 元のソースアセットを完全に保存し、削除のリスクなしに、圧縮された画像を別のパスに安全に書き込みます。
- 自動メタデータ最適化: 圧縮中に大きなEXIFや不要な画像メタデータを自動的に削除し、貴重なストレージ容量を回収します。
- 安全なローカルファーストアーキテクチャ: 純粋なオフライン実行を特徴とし、外部APIへのネットワーク呼び出しが一切ないため、独自のブランドアセットを保護します。
SKILL.md
ローディング
関連するOpenclawのスキル
URL Health Checker
URL の到達可能性を診断し、リダイレクトチェーンを追跡し、HTTP ステータスエラーを解決するための軽量で依存関係のない Python ツール。
The Color of Money: Black Banks and the Racial Wealth Gap
Mehrsa Baradaran氏の、人種間の富の格差と黒人銀行の限界に関する重要な経済史を、ユーザーの質問に直接マッピングするAIベースのナレッジagentスキルです。
The Creature from Jekyll Island
Federal Reserve と不換紙幣をめぐる起源、メカニズム、および論争を解明するために設計されたインタラクティブな知識・研究エンジンです。
cn-whitespace-cleaner
入力されたテキストやファイルから、冗長な スペース、不要なタブ、過剰な改行を削除する、軽量で依存関係のないコマンドラインツールです。
Tip Calculator
外部依存関係がまったくない、複数の人でチップを計算して割り勘にするための、軽量で純粋な Python CLI ツールです。
cn-text-reverser
マルチバイトテキストシーケンスをグローバルまたは文字ごとに反転するための、依存関係ゼロの Python ツールです。
特徴*
