macOS アプリアイコンは @2x 欠落、iconutil の命名とピクセル不一致、P3 マスター混入による色ズレなど、静かに壊れがちです。.iconset と .icns 向けに、比較表・寸法表・sRGB 検収・sips/iconutil 例・FAQ を整理しました。ホーム、技術インサイト(Mac M4/デザイン納品)、関連:色彩管理、ICC・再圧縮、iOS App Icon。
目次
バッチが破綻する典型原因
命名・寸法(iconutil の厳密契約)、色空間混在(P3 アイコン+sRGB UI)、アルファ(Dock/Finder で縁が濁る)の三類が多いです。ゲート化するなら PNG QA 一括検証 の発想を流用。リモート M4 に sips 版とマスターパスを固定し、夜間ループ+マニフェストで版ズレを抑えます。
ICNS/.iconset/バラ PNG の比較
| 成果物 | 向いている用途 | レビュー/diff | 主な利用者 |
|---|---|---|---|
.iconset フォルダ |
正本 PNG、PR レビュー、一部サイズだけ差し替え | 良い(サイズごとに差分可能) | デザイナー、リリース担当、Xcode アセット運用 |
.icns |
従来型バイナリを期待するツールへのドロップイン | 難しい(バイナリ塊) | レガシーアプリ、一部 CI パッケージ、Xcode 外パイプライン |
| 命名不統一なバラ PNG | 単発モックや早期試作のみ推奨 | ファイル名がバラけると追跡が破綻しやすい | 限定的。最終は iconset 構造へ寄せる |
迷ったら .iconset を正、ICNS は再生成。コンパイルは環境固定のリモート Mac が安全です。
.iconset 必須 PNG 寸法表
各スロットは 正方形。1024×1024 sRGB マスターから派生し、下表をスクリプトでゼロ許容検証。
| ファイル名 | ピクセル(幅×高さ) |
|---|---|
icon_16x16.png | 16 × 16 |
icon_16x16@2x.png | 32 × 32 |
icon_32x32.png | 32 × 32 |
icon_32x32@2x.png | 64 × 64 |
icon_128x128.png | 128 × 128 |
icon_128x128@2x.png | 256 × 256 |
icon_256x256.png | 256 × 256 |
icon_256x256@2x.png | 512 × 512 |
icon_512x512.png | 512 × 512 |
icon_512x512@2x.png | 1024 × 1024 |
計 10 枚。最大は icon_512x512@2x.png=1024×1024。
色彩空間・sRGB 検収チェックリスト
| 検査項目 | 方法 | 合格条件 |
|---|---|---|
| 色空間 | プレビューのインスペクタ、または sips -g profile |
sRGB の埋め込み、または P3 マスターからの変換手順が文書化されている |
| ビット深度 | 書き出しプリセットの監査 | 納品は 8bit PNG(サイズごと) |
| アルファ方針 | 明/暗背景でのピクセル確認 | 不透明アイコンは意図しない半透明縁やチェッカー残りを持たない |
| 幾何 | sips -g pixelWidth -g pixelHeight |
上表のファイル名と寸法が 完全一致(±0px) |
マーケ PNG と ICC 方針を揃えて監査コストを下げる。透過は デザイナー FAQ(透過) 参照。
sips・iconutil と批処理手順
ループと検証は リモート M4 に載せると本機負荷を避けられます。
- マスターを
1024×1024・sRGB PNG に正規化する。 MyIcon.iconsetを作成し、sips -z 高さ 幅で各スロットへ書き出す(例):
MASTER="AppIcon-1024.png"
OUT="MyIcon.iconset"
mkdir -p "$OUT"
sips -z 1024 1024 "$MASTER" --out "$OUT/icon_512x512@2x.png"
sips -z 512 512 "$MASTER" --out "$OUT/icon_512x512.png"
sips -z 512 512 "$MASTER" --out "$OUT/icon_256x256@2x.png"
sips -z 256 256 "$MASTER" --out "$OUT/icon_256x256.png"
sips -z 256 256 "$MASTER" --out "$OUT/icon_128x128@2x.png"
sips -z 128 128 "$MASTER" --out "$OUT/icon_128x128.png"
sips -z 64 64 "$MASTER" --out "$OUT/icon_32x32@2x.png"
sips -z 32 32 "$MASTER" --out "$OUT/icon_32x32.png"
sips -z 32 32 "$MASTER" --out "$OUT/icon_16x16@2x.png"
sips -z 16 16 "$MASTER" --out "$OUT/icon_16x16.png"
- コンパイル:
iconutil -c icns "$OUT" -o MyIcon.icns - 寸法スイープ:iOS アイコン記事 と同様に
sips -g pixelWidth -g pixelHeightを各 PNG に適用。 - アーカイブ:
.iconsetと.icnsに加え、チケット用manifest.csv(path, w, h, bytes, colorIntent 等)を添付。
大判キューは 4K バッチ のフォルダ約束を流用。検証自動化は App Icon 一括検証 を参考に。
一括検収表(リモート M4 批処理向け)
| 項目 | 実施内容 | ゲート |
|---|---|---|
| ファイル集合 | 10 枚・命名規定 | 欠番・綴りゼロ |
iconutil |
iconutil -c icns 完走 |
ログをチケットに |
| 色・アルファ | README に方針1行 | ブランド監査と一致 |
| 環境固定 | OS ビルド・実行環境を記録 | 再現性担保 |
FAQ:角丸・透明エッジ・引き渡し
角丸を焼き込む? AppKit 本番は 不要。正方形フルブリードを渡し、表示マスクは OS に任せます。焼き込みはハロー・Dock 不一致の元です。マーケ用プレマスクは iconset 外で管理します。
透明エッジが灰色? 乗算済みアルファの扱いや非 sRGB 作業空間で、サムネ合成時にフリンジが増幅されます。sRGB で統一し、明/暗デスクトップで確認し、不要な半透明パディングを削ってください。
ICNS とフォルダの正? 差分レビューは .iconset を正、ICNS は PNG 更新のたび再生成が安全。ズレ時の優先は README/チケットに一文で固定。
まとめ
寸法表+sRGB 検収でゲートし、sips 後に iconutil。角丸は焼き込まず正方形、マニフェストで夜間批処理を監査可能に。リモート Mac レンタルに環境を固定すれば、メイン機を空けたままアイコンと UI/4K 書き出しを同週で回せます。監視運用は マルチサイズ PNG 監視 と相性良好です。
次のステップ:プランとサポート
ホーム → 購入・レンタル/料金、手順は ご利用ガイド。記事一覧は Mac M4 ビュー。