From addffdb732a88019f4a9b8abf362ebaf96f66cba Mon Sep 17 00:00:00 2001 From: Clare So <1740517+clarmso@users.noreply.github.com> Date: Sun, 14 Jun 2026 18:11:00 -0400 Subject: [PATCH 1/3] Image size of thumbnail --- src/content/hacks/gallery-import-image.mdx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/content/hacks/gallery-import-image.mdx b/src/content/hacks/gallery-import-image.mdx index 4e83bd7..678b683 100644 --- a/src/content/hacks/gallery-import-image.mdx +++ b/src/content/hacks/gallery-import-image.mdx @@ -29,9 +29,9 @@ The Gallery app scans its `images/` and `thumbnails/` folders at boot. Add a mat 2. **Prepare the full-size artwork (160×120)** - Open your source image in the image editor. - Resize or export it to exactly **160×120 px** and save it as `badge-shot.png` (use any name you like) on your desktop. -3. **Create the thumbnail (60×45)** +3. **Create the thumbnail (30×23)** - Duplicate the 160×120 PNG in your editor. - - Resize the duplicate to **60×45 px** and save it as `badge-shot-thumb.png`. + - Resize the duplicate to **30×23 px** and save it as `badge-shot-thumb.png`. 4. **Copy both files into the app with Finder or File Explorer** - Drag `badge-shot.png` into `badger volume/apps/gallery/images/`. - Drag `badge-shot-thumb.png` into `badger volume/apps/gallery/thumbnails/` and rename it so the filename matches the full-size version (for example, `badge-shot.png`). @@ -46,8 +46,7 @@ files = [] for file in os.listdir("images"): name, ext = file.rsplit(".", 1) if ext == "png": - files.append({"name": file, "title": name.replace("-", " ")}) -... + files.append({"name": file, "title": name.replace("-", " ")})ß thumbnails.append(Image.load(f"thumbnails/{file['name']}")) ``` From 3f1c2b4543a13e1caf708381423e546423d9aa47 Mon Sep 17 00:00:00 2001 From: Clare So <1740517+clarmso@users.noreply.github.com> Date: Sun, 14 Jun 2026 18:12:57 -0400 Subject: [PATCH 2/3] Overwrite changes --- src/content/hacks/gallery-import-image.mdx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/content/hacks/gallery-import-image.mdx b/src/content/hacks/gallery-import-image.mdx index 678b683..530f753 100644 --- a/src/content/hacks/gallery-import-image.mdx +++ b/src/content/hacks/gallery-import-image.mdx @@ -46,7 +46,8 @@ files = [] for file in os.listdir("images"): name, ext = file.rsplit(".", 1) if ext == "png": - files.append({"name": file, "title": name.replace("-", " ")})ß + files.append({"name": file, "title": name.replace("-", " ")}) +... thumbnails.append(Image.load(f"thumbnails/{file['name']}")) ``` From ea823f0ff34fdeca5b0310d67fbbaee6080600ec Mon Sep 17 00:00:00 2001 From: Clare So <1740517+clarmso@users.noreply.github.com> Date: Sun, 14 Jun 2026 20:26:46 -0400 Subject: [PATCH 3/3] Compress image --- src/content/hacks/gallery-import-image.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/content/hacks/gallery-import-image.mdx b/src/content/hacks/gallery-import-image.mdx index 530f753..9665393 100644 --- a/src/content/hacks/gallery-import-image.mdx +++ b/src/content/hacks/gallery-import-image.mdx @@ -29,9 +29,11 @@ The Gallery app scans its `images/` and `thumbnails/` folders at boot. Add a mat 2. **Prepare the full-size artwork (160×120)** - Open your source image in the image editor. - Resize or export it to exactly **160×120 px** and save it as `badge-shot.png` (use any name you like) on your desktop. + - Compress the image to less than 10k. 3. **Create the thumbnail (30×23)** - Duplicate the 160×120 PNG in your editor. - Resize the duplicate to **30×23 px** and save it as `badge-shot-thumb.png`. + - Compress the image to less than 10k. 4. **Copy both files into the app with Finder or File Explorer** - Drag `badge-shot.png` into `badger volume/apps/gallery/images/`. - Drag `badge-shot-thumb.png` into `badger volume/apps/gallery/thumbnails/` and rename it so the filename matches the full-size version (for example, `badge-shot.png`).