デザイン納品視点で、Mac 上の PSD→PNG 一括を sips/ImageMagick/専用 CLI にどう振るか、リモート M4 の命名と検収まで表とコマンドに落とします。
入力 PSD のリスク(CLI に渡す前)
見えているコンポだけが出力されます。色は sRGB/Display P3 チェックリスト と語彙を揃え、アルファは明暗で確認。sips は PSD 主役ではなく焼き後の ICC 用です。
ツール比較表(画質・ICC・透明・バッチ速度)
画質=承認フラットン一致。後工程は ICC・可逆再圧縮の記事 と一枚に。
| ツール/経路 | PSD 読み取り | ICC・色 | 透明(アルファ) | バッチ速度 |
|---|---|---|---|---|
| PS/Affinity | ネイティブ | 変換・埋め込み固定 | 書き出しでストレート | 中〜高 |
| ImageMagick | [0] 要検証 |
-colorspace sRGB |
PNG32/24 | M4 高 |
| sips | 後処理 | --matchTo |
α保持 | 極速 |
| 専用 CLI | レイヤー→ファイル | 実装で ICC | 回帰必須 | 実装次第 |
コマンド例
magick "artboards/hero.psd[0]" -colorspace sRGB -strip "out/hero.png"
magick "in/slice.psd[0]" -colorspace sRGB -resize 1200x -strip "out/slice-1200w.png"
sips --matchTo "/System/Library/ColorSync/Profiles/sRGB Profile.icc" out/*.png
sips -g pixelWidth -g pixelHeight -g format out/hero.png
長時間は M4・4K PNG バッチ のホスト固定を参照。
リモート M4 上のディレクトリ構造と命名
sources/psd/→work/png-raw/→dist/web-srgb/、qa/・logs/・実行 ID 付き work/。名は …-w{width}-srgb.png、P3 は -p3 明示のみ。manifest.csv に寸法・bytes・intent・sha・版。
検収チェックリスト(容量しきい値・sRGB/Display P3)
チケットに行で貼る。
| チェック | 目安 | 合格 |
|---|---|---|
| 寸法 | グリッド ±0px、@2x 記載 | sips -g pixelWidth |
| バイト | 例:ヒーロー ≤800KB、アイコン ≤120KB | wc -c または承認付き例外 |
| sRGB | 変換方針を一文で固定 | プロファイル+スポット視認 |
| P3 | sources/ か -p3 のみ |
二重変換なし |
| アルファ | #FFF/#0B でフリンジなし | スポット+抜き取り |
FAQ
Q. ImageMagick のみで十分? A. パリティ後に。難コンポは PS/Affinity を上訴審に。
Q. -colorspace sRGB でもズレる。 A. プロファイル欠落・二重変換・P3 マスターのまま等。リスク節のリンク先チェックリストで整理。
Q. sips --matchTo は PS の変換と同じ? A. ピクセル一致は保証されない。正は著者ツール、sips は整合用。
まとめ
著者→量は ImageMagick→ICC は sips→必要なら専用 CLI。M4 はフォルダ・実行 ID・manifest で版まで追えると納品が強い。
次のステップ:一括書き出しはリモート Mac に載せる
キューはリモート Macへ。ホーム・パッケージ・料金・ガイド(ログイン不要)。関連:技術インサイト、透明 FAQ、Figma 等ワークフロー。
安定した M4 上で一括ラスタと検収を回す
ベースライン固定と manifest で夜間一括を納品品質に接続。