Files
Xus BadiaandClaude Opus 5.5 bfc59c784f macOS DMG: branded window background and icon layout (#1201)
The DMG opens on a 660x400 Finder window with the PhotoCraft artwork, 128 pt icons and the
Applications link beside the app. packaging/macos/dmg/ holds the SVG source, a reproducible
generator, an 87 KB HiDPI palette TIFF (was 1.0 MB) and the .DS_Store layout. The volume is
named "PhotoCraft" (the background alias resolves by volume name); the DMG file name keeps
the version.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-08 23:11:00 -04:00

2.7 KiB
Raw Permalink Blame History

macOS DMG window

What Finder shows when the DMG opens: a 660 × 400 pt background with the app icon and the Applications link side by side. package.sh copies these files into the image; nothing here is generated at build time, so the DMG still builds with hdiutil makehybrid (no mounted device, no Finder scripting on CI, nothing extra installed in the signing job).

File What
background.svg Source of the background: the app icon (assets/app-icon/photocraft-small.svg, linked, not copied) cropped as a cover on the PhotoCraft colour field (#2f7bf5), Ink and Paper. Its text (Inter, JetBrains Mono) is outlined, so rendering it needs no fonts.
background.tiff The background at 1x (660 × 400 px, 72 dpi) and 2x (1320 × 800 px, 144 dpi) in one HiDPI TIFF (16-colour palette, Deflate, sRGB; about 90 KB). Goes to .background/background.tiff.
dmg-layout.DS_Store Finder's view settings for the volume: window size, icon size 128, PhotoCraft.app at (326, 205), Applications at (574, 205), and the background. Goes to .DS_Store in the image; named so it isn't mistaken for (or ignored like) a Finder-generated .DS_Store.
generate.py Writes background.tiff and dmg-layout.DS_Store from the SVG and the layout above.

The volume name has no version

The mounted volume is called PhotoCraft, not PhotoCraft <version>. The layout points at the background through an alias that includes the volume name, and Finder resolves it by that name: with a versioned name the window keeps its size and icon positions but shows no background (tested). The DMG file name (photocraft-<version>-macos-<arch>.dmg) still carries the version.

Rules

  • Finder draws the icon labels in black in light and dark mode when a window has a background, so the area under both icons stays light (Paper).
  • Nothing goes inside the icon boxes: artwork keeps 10 pt clear of each 128 pt icon box and of the label strip under it.

Regenerate

Edit background.svg (or the layout constants in generate.py), then run, on any OS:

pip install 'pillow>=12' ds_store==1.3.3 mac_alias==2.2.3
python3 packaging/macos/dmg/generate.py   # needs resvg on PATH

Both outputs are byte-for-byte reproducible and carry nothing from the machine that ran it: the SVG renders without any fonts, and dmg-layout.DS_Store is written from scratch, its background alias holding only the volume name and /.background/background.tiff. If you add text to the SVG, outline it (usvg from resvg converts text to paths). The window is 660 × 432 with Finder's 32 pt title bar; the content area is 660 × 400.

This follows VectorCraft's packaging/macos/dmg/ (storytold/vectorcraft#493).