デザイナー/運用向け。九宮格(3×3)PNG で セーフゾーン・@2x/@3x・9 枚累計バイトを一度に固定し、命名・manifest・リモート M4 のスクリプトまで落とします。数値は社内 SLAとして扱い、公開前は実機確認を。色彩は sRGB/P3 チェックリスト、バッチ運用は SNS PNG バッチ(OpenClaw)、透過は 透過 FAQ へ。
要件の分解と受入基準
事前に固定するのは 主面・運用が再トリムするか(論理 1x を正とする)・9 枚合計バイト上限。受入は manifest と照合し、次をパス/フェイルで判定します。
- 幾何:母版 W・H は 3 の倍数、セル寸法は完全一致。
- 色:sRGB IEC61966-2.1 埋め込み(P3 例外は承認付きのみ)。
- アルファ:不透明で統一、または透過時は背景・プリマルチを README に明記。
- 可読性:1080 セルでカプ高 42px+、ヒーロー 60px+目安。
- トレース:
campaign_id、slice_index、preset_version、sha256、exported_at_utc。
表は 2026 実務デフォルト。法務・ブーストは別閾値を上乗せ。
| 面/シナリオ | セル書き出し(W×H) | 3×3 母版(W×H) | セーフゾーン(セル内の目安) | @2x/@3x ルール | 9 枚累計しきい値(PNG・目安) |
|---|---|---|---|---|---|
| Instagram グリッド | 1080×1080 | 3240×3240 | 縁 ≥90px、外周 8% に顔中心を置かない | 母版 @3×=3240、納品は 1080 に一回縮小。@2× 運用は方針を文書化 | 計 ≤9.0 MB、単体 ≤1.8 MB |
| IG カルーセル | 1080×1080 | 3240×3240 | 1 枚目:上 11%/下 12% UI 想定 | アップ 1×1080、母版 3× 保持 | ≤10.5 MB/9 枚 |
| Facebook/Meta 1:1 | 1080×1080 | 3240×3240 | 外周 72px+、被写体中央寄せ | IG 同母版、1080 へ Lanczos 等で一回 | ≤11 MB、1.2 MB 超は要確認 |
| LINE VOOM 系・正方形 | 1040×1040 | 3120×3120 | 四辺 8–10% UI 避け、下辺厚め | 3120→1040 の一発縮小に統一 | ≤8.5 MB(弱回線 ≤7 MB preset 可) |
| X 大型 16:9(九宮格外) | 1600×900 | — | 中央 1200×680 に重要要素 | 論理 800×450 の @2x は別系統 | 単体 ≤5 MB 推奨 |
| TikTok(正方形流用) | 1080×1080 | 3240×3240 | 上下 150px UI、下 18% に法令避け | 縦 1080×1920 とフォルダ分離、引き伸ばし禁止 | 正方形は IG 同系 ≈9 MB |
@2x/@3x:アップは 1080 でも母版は @3×3240 を基準に。@2×2160 のみのときは縮小・シャープン手順を変えたら preset_version を上げる。
スライス規則と命名テンプレート
索引は行優先の r{row}c{col}(r0c0=左上)。ガイド上でスライスし、コピー基線や顔の重心をまたがない。出血は事前クリップし README に方針を記載。
セル寸法:W・H が 3 の倍数ならセル W/3×H/3。端数は母版を直す。
命名テンプレ(正規表現しやすい小文字):
{brand}_{campaign}_{yyyyMMdd}_grid3x3_r{row}c{col}_w{width}px_h{height}px_srgb_v{preset}.png
preset…figma_export_v3等。ICC/スクリプト変更でインクリメント。_master/_uploadでパスを分離。- 手動リネーム禁止。差し替えは再出力+ハッシュ。
一括書き出しと一貫性チェック
リモート Mac M4 に inbox/master/、out/slices/、out/opt/、logs/run-{timestamp}.jsonl を固定。
ImageMagick 7(等分 3×3):母版が sRGB かつ 3 の倍数ピクセルのとき。
magick master.png -crop 3x3@ +repage +adjoin out/slices/cell_%d.png
出力順は一度サンプルで確認してからテンプレへリネーム。
sips による寸法・プロファイル監査:
for f in out/opt/*.png; do
sips -g pixelWidth -g pixelHeight -g profile "$f"
done
可逆圧縮:合意のうえ oxipng -o 4 --strip safe out/opt/*.png。ICC 保持を設定で固定。
機械検査:セル寸法一致、9 枚合計が累計しきい値以下、プロファイルに sRGB、任意 pngcheck -v。1px ズレはエッジ差分を JSONL に。
FAQ(透過エッジ・色彩プロファイル)
セル境界で透過の継ぎ目が出ますか?
出ます。不透明セル優先。透過は三面試し、1px 内マットや影の切り方を調整。詳しくは 透過 FAQ。
ICC は必須?
必須ではないが sRGB 埋め込み推奨。剥がれたら再付与か manifest に記載。P3 は 色彩チェックリスト に沿い sRGB へ。
1080 を 3240 に拡大してから納品?
非推奨。最大母版で作成し 1080/1040 へ一回縮小。4K 広告は別フォルダ。
リモート Mac 設計算力に寄せるとプリセットとログをチーム共有しやすくなります。ホーム・購入・レンタル(公開)・料金・ご利用ガイドはログイン不要。技術インサイトもご覧ください。
リモート Mac M4 で 3×3 スライスと検収を安定運用
ImageMagick・oxipng・manifest QA を専用ノードへ。公開ページでプラン比較のうえ、お試し・本番レンタルをどうぞ。