DMG背景ヘルパー
ウィンドウと2つのアイコンを設定し、あれば画像を追加して、コマンドをコピーします。画像はこのページの外に出ず、アップロードされません。
サイズを試す:
機能
Mac App Store以外で販売されるMacアプリのほとんどはDMGで配布されます。これは、片側にアプリ、もう片側にApplicationsへのリンクがある小さなFinderウィンドウとして開くディスクイメージで、背景画像に「ここにドラッグ」と書かれています。このウィンドウを整えるには、数字を何度も推測する必要があります。このツールは、指定したサイズでウィンドウを描き、2つのアイコンを指定した位置に置き、ドラッグで動かせます。はみ出しや重なりがないか確認し、画像をウィンドウと照らし合わせ、それを作るcreate-dmgコマンドを書き出します。
大切なサイズ
| 項目 | 数え方 |
|---|---|
| ウィンドウサイズ | ポイント単位、タイトルバーを含むFinderウィンドウ全体 |
| 背景画像 | ウィンドウのポイント数と同じピクセル数。たとえば660×400のウィンドウなら660×400 |
| Retina用コピー | その2倍。たとえば1320×800で、名前に@2xを付けます |
| アイコンサイズ | create-dmgでは最大128 |
| テキストサイズ | create-dmgでの10〜16 |
| アイコンの位置 | アイコンの中心。ウィンドウの左上隅からのポイント数 |
実行するコマンド
brew install create-dmg tiffutil -cathidpicheck background.png background@2x.png -out background.tiff
最初のものはcreate-dmgをインストールします。2つ目はmacOSに組み込まれていて、通常の画像とRetina用の画像を1つのTIFFにまとめ、Retina画面でFinderが鮮明な方を選べるようにします。マニュアルによれば、2つのサイズが合わないと警告が出ます。ツールは操作に合わせて完全なcreate-dmgコマンドを書き出します。ビルド後は、中のアプリと同じようにDMGに署名し、公証してください。
各結果の意味
| 印 | 意味 |
|---|---|
| 修正 | ウィンドウが壊れて見えます。アイコンがはみ出す、もう一方に重なる、または画像のサイズが違います。 |
| 見た目 | ビルドはできますが、アイコンが端に近い、ウィンドウが非常に大きいなど、きつい部分があります。 |
| OK | 収まっています。 |
| 注 | 知っておくと便利なこと。たとえばRetina用コピーの名前の付け方など。 |
出典: GitHubのcreate-dmg、そのREADMEとFinderスクリプト、およびmacOSのtiffutilマニュアルページ（man tiffutil）。すべて2026年11月12日に確認しました。
仕組み
ページ上で動いている単純な計算です。画像はブラウザが読み込んでサイズを調べ、描画するだけで、アップロードされることはありません。24ポイントの余白と1000×700のウィンドウ警告は、Appleのものではなく私たち独自の目安です。各アイコンの下の名前は1行として数えるため、折り返す長いアプリ名にはもう少し余裕が必要です。Finder自体は見えないので、公開する前に完成したDMGを自分のMacで一度開いてください。
質問
DMGの背景画像のサイズはどのくらいにすべきですか？
ウィンドウのポイントと同じピクセルサイズ。たとえば660×400のウィンドウなら660×400、さらにRetina画面用にその2倍の1320×800のコピーも必要です。
RetinaのDMG背景はどう作りますか？
両方のサイズをbackground.pngとbackground@2x.pngとして保存し、tiffutil -cathidpicheck background.png background@2x.png -out background.tiff を実行して、そのTIFFを背景に使います。
アイコンの位置はどこを指しますか？
アイコンの中心まで、ウィンドウの左上隅からのポイント数です。Finderは名前を下に付けるので、下に余裕を残してください。
DMGのアイコンはどのくらい大きくできますか？
create-dmgで指定できるアイコンサイズは最大128ポイント、テキストサイズは10から16までです。
画像はアップロードされますか？
いいえ。ブラウザがこのページ上で読み込んでサイズを調べ、表示するだけです。何も送信も保存もされません。