Illustrator 時短スクリプト｜Web用に一括書き出し（PNG・SVG）

複数倍率PNGとSVGを命名規則付きで一括書き出し。SVGは最適化済み。

Adobe Illustrator 用スクリプト（.jsx）1本。1ファイル＝1機能、ダイアログの「使い方」ボタンで手順が読めます。

■ できること

アートボードまたは選択オブジェクトを、複数倍率のPNG／JPG／SVGとして命名規則付きで一括書き出しします。SVGは書き出し後に不要な属性を削除して、そのままコーディングに使える形に整形します。

■ 使い方

1. 対象（全アートボード／選択オブジェクト）を選ぶ

2. 書き出す形式（PNG／JPG／SVG）にチェックし、倍率やオプションを設定

3. 命名規則（そのまま／kebab-case／snake_case）・出力先フォルダを設定

4. [書き出し] をクリック

■ オプション

- PNG（倍率 1x/2x/3x、接尾辞形式 `@2x`／`_2x`、背景透明）

- JPG（品質）

- SVG（XML宣言・コメント削除／id・data-name属性削除／viewBoxのみ／改行・インデント除去）

- 命名（そのまま／kebab-case／snake_case、小文字化、接頭辞）、出力先フォルダ

■ 注意

PNG／JPG／SVGのいずれか1つ以上を選ぶ必要があります。出力先フォルダが無い場合は自動作成されます（既定はドキュメントと同じ場所の `export` フォルダ）。

---

■ 動作環境

・Adobe Illustrator 2026（macOS）で自動テストと実機確認済み。

・Illustrator 2024／2025 および Windows は未検証です（同じ ExtendScript API のため動く想定）。

・Photoshop は不要です。

■ インストール

・.jsx をスクリプトフォルダ（macOS: /Applications/Adobe Illustrator 2026/Presets.localized/ja_JP/スクリプト/）にコピーして Illustrator を再起動 → ファイル＞スクリプト。

・コピーせずに ファイル＞スクリプト＞その他のスクリプト から実行することもできます。

・ダイアログの「使い方」ボタンで手順を確認できます。

■ 同梱物

・スクリプト（.jsx 1本）／README.md（インストール・使い方）／LICENSE.txt／CHANGELOG.md

■ お得なセット

・このスクリプトを含む「Illustrator 時短スクリプト 14本パック」（¥2,980）もあります → https://totonoe-plugin.booth.pm/items/8826951

■ サポート

・不具合・要望は BOOTH のメッセージへ。再現データ（.ai）を添えていただけると早く直せます。

・アップデートは無償。BOOTH のダウンロードページから再ダウンロードしてください。

■ ライセンス

・購入者本人（法人は購入した1拠点）の商用・非商用利用 OK。再配布・転売不可。