diff --git a/.gitignore b/.gitignore
index fb9831c..7b8fce0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,5 +6,5 @@ dist
 # Local Netlify folder
 .netlify
 
-
-tmp/
\ No newline at end of file
+tmp/
+./node-aseprite
\ No newline at end of file
diff --git a/lib.d.ts b/lib.d.ts
index 8a82902..079f7bc 100644
--- a/lib.d.ts
+++ b/lib.d.ts
@@ -76,7 +76,7 @@ declare module "aseprite" {
     RGBA = 32,
   }
 
-  enum ChunkType {
+  export enum ChunkType {
     PALETTE_OLD_1 = 4,
     PALETTE_OLD_2 = 17,
     LAYER = 8196,
@@ -89,6 +89,7 @@ declare module "aseprite" {
     PALETTE = 8217,
     USERDATA = 8224,
     SLICE = 8226,
+    TILESET = 8227,
   }
 
   interface FlagsBitset {
@@ -122,10 +123,11 @@ declare module "aseprite" {
     numChunks: number;
   } & KaitaiProperties<C, Frame<C, I>, Aseprite<C, I>>;
 
-  enum CelType {
+  export enum CelType {
     RAW = 0,
     LINKED = 1,
     COMPRESSED = 2,
+    COMPRESSED_TILEMAP = 3,
   }
   type CelChunkData<C, I> = {
     layerIndex: number;
@@ -150,8 +152,47 @@ declare module "aseprite" {
         pixelsCompressed: Uint8Array;
         pixels: I extends true ? Buffer : undefined;
       }
+    | {
+        type: CelType.COMPRESSED_TILEMAP;
+        tilesWidth: number;
+        tilesHeight: number;
+        bitsPerTile: number;
+        tileIdBitmask: number;
+        xFlipBitmask: number;
+        yFlipBitmask: number;
+        dFlipBitmask: number;
+        tilesCompressed: Uint8Array;
+        tiles: I extends true ? Buffer : undefined;
+      }
   ) &
     KaitaiProperties<C, Frame<C, I>, Aseprite<C, I>>;
+  type TilesetChunkData<C, I> = {
+    tilesetId: number;
+    numTiles: number;
+    tileWidth: number;
+    tileHeight: number;
+    baseIndex: number;
+    name: string;
+    pixelsCompressed: Uint8Array;
+    pixels: I extends true ? Buffer : undefined;
+  };
+  export enum LayerType {
+    IMAGE = 0,
+    GROUP = 1,
+    TILEMAP = 2,
+  }
+  type LayerChunkData = {
+    blendMode: number; // TODO enum
+    opacity: number;
+    name: string;
+  } & (
+    | { type: LayerType.IMAGE }
+    | { type: LayerType.GROUP }
+    | {
+        type: LayerType.TILEMAP;
+        tilesetIndex: number;
+      }
+  );
   type Color = { r: number; g: number; b: number };
   type Packet = { skip: number; numColors: number; colors: Color[] };
   type PaletteOldChunkData<C, I> = {
@@ -175,13 +216,17 @@ declare module "aseprite" {
   };
   type CelExtraChunk = { type: ChunkType.CEL_EXTRA };
   type UserdataChunk = { type: ChunkType.USERDATA };
-  type LayerChunk = { type: ChunkType.LAYER };
+  type LayerChunk = { type: ChunkType.LAYER; data: LayerChunkData };
   type TagsChunk = { type: ChunkType.TAGS };
   type PaletteChunk<C, I> = {
     type: ChunkType.PALETTE;
     data: PaletteChunkData<C, I>;
   };
   type MaskChunk = { type: ChunkType.MASK };
+  type TilesetChunk = {
+    type: ChunkType.TILESET;
+    data: TilesetChunkData<C, I>;
+  };
   type Chunk<C, I> = { size: number } & (
     | ColorProfileChunk
     | PaletteOld1Chunk<C, I>
@@ -193,6 +238,7 @@ declare module "aseprite" {
     | TagsChunk
     | PaletteChunk<C, I>
     | MaskChunk
+    | TilesetChunk
   ) &
     KaitaiProperties<C, Frame<C, I>, Aseprite<C, I>>;
 
@@ -201,7 +247,7 @@ declare module "aseprite" {
     chunks: Chunk<C, I>[];
   } & KaitaiProperties<C, Aseprite<C, I>, Aseprite<C, I>>;
 
-  type Aseprite<C, I> = {
+  export type Aseprite<C, I> = {
     header: Header<C>;
     frames: Frame<C, I>[];
   } & KaitaiProperties<C, null, null>;
@@ -218,6 +264,9 @@ declare module "aseprite" {
         CelChunk: {
           CelTypeEnum: typeof CelType;
         };
+        LayerChunk: {
+          TypeEnum: typeof LayerType;
+        };
       };
     };
   }
diff --git a/netlify.toml b/netlify.toml
index 1adf2c9..d482639 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,3 +1,6 @@
+[build]
+  command = "pnpm run build:aseprite && pnpm run build"
+
 [functions]
   node_bundler = "esbuild"
   external_node_modules = ["@cornerstonejs/codec-libjpeg-turbo-8bit"]
diff --git a/netlify/functions/counter.ts b/netlify/functions/counter.ts
index d4a0994..b0911e4 100644
--- a/netlify/functions/counter.ts
+++ b/netlify/functions/counter.ts
@@ -53,7 +53,7 @@ function counterTemplate(digits: string[], align: string | null) {
       </div>
       <form class="window-contents" method="POST">
         <button type="submit">
-          <img src="/assets/icons-16.png" alt="sheep" class="sprite-16">
+          <img src="/assets/icons-16.png" alt="sheep" class="sprite-16" style="object-position: -192px 0">
           <div class="counter">
             <div class="counter-count" style="--num-digits: ${digits.length}">
               ${digits
diff --git a/package.json b/package.json
index 2522e94..c1d7413 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,9 @@
 {
 	"type": "module",
 	"scripts": {
-		"start": "eleventy --config=eleventy.config.ts --serve"
+		"start": "eleventy --config=eleventy.config.ts --serve",
+		"build": "eleventy --config=eleventy.config.ts",
+		"build:aseprite": "git clone https://github.com/cubeghost/node-aseprite && cd node-aseprite && pnpm --ignore-workspace install && node ./build.js && cd .. && pnpm link ./node-aseprite"
 	},
 	"dependencies": {
 		"11ty.ts": "^0.0.7",
@@ -13,7 +15,7 @@
 		"@netlify/blobs": "^10.7.7",
 		"@netlify/functions": "^5.2.1",
 		"@upstash/redis": "^1.38.0",
-		"aseprite": "^0.3.1",
+		"aseprite": "github:cubeghost/node-aseprite",
 		"canvas": "^3.2.3",
 		"canvas-dither": "^1.0.1",
 		"d3": "^7.9.0",
@@ -40,7 +42,8 @@
 	"packageManager": "pnpm@10.33.0",
 	"pnpm": {
 		"overrides": {
-			"canvas": "^3.2.3"
+			"canvas": "^3.2.3",
+			"aseprite": "link:node-aseprite"
 		}
 	}
 }
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 31dd8a2..dc4367e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,6 +6,7 @@ settings:
 
 overrides:
   canvas: ^3.2.3
+  aseprite: link:node-aseprite
 
 importers:
 
@@ -39,8 +40,8 @@ importers:
         specifier: ^1.38.0
         version: 1.38.0
       aseprite:
-        specifier: ^0.3.1
-        version: 0.3.1
+        specifier: link:node-aseprite
+        version: link:node-aseprite
       canvas:
         specifier: ^3.2.3
         version: 3.2.3
@@ -724,9 +725,6 @@ packages:
   asap@2.0.6:
     resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
 
-  aseprite@0.3.1:
-    resolution: {integrity: sha512-9wjhTFY1MJsa3a+gwDDEdKZm0XJE1wRHiHVqDYKEeu8njTi4pEM5y+XgDj0egNYUKujOd5oS9VpUE31s0WZ43g==}
-
   atomically@2.1.1:
     resolution: {integrity: sha512-P4w9o2dqARji6P7MHprklbfiArZAWvo07yW7qs3pdljb3BWr12FIB7W+p0zJiuiVsUpRO0iZn1kFFcpPegg0tQ==}
 
@@ -1275,9 +1273,6 @@ packages:
     resolution: {integrity: sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==}
     engines: {node: '>=8'}
 
-  kaitai-struct@0.9.0:
-    resolution: {integrity: sha512-mfoBu9+IGqaY3ykG1TyAy9omOAZWtheqESQOvo/HKIQVTz+gRPVCNBnhjbO+8wAQ77RD33wYvLBWmITuXIviQg==}
-
   kind-of@6.0.3:
     resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
     engines: {node: '>=0.10.0'}
@@ -2317,10 +2312,6 @@ snapshots:
 
   asap@2.0.6: {}
 
-  aseprite@0.3.1:
-    dependencies:
-      kaitai-struct: 0.9.0
-
   atomically@2.1.1:
     dependencies:
       stubborn-fs: 2.0.0
@@ -2874,8 +2865,6 @@ snapshots:
 
   junk@3.1.0: {}
 
-  kaitai-struct@0.9.0: {}
-
   kind-of@6.0.3: {}
 
   kleur@4.1.5: {}
diff --git a/src/_data/elsewhere.json b/src/_data/elsewhere.json
index 09e845e..58c74df 100644
--- a/src/_data/elsewhere.json
+++ b/src/_data/elsewhere.json
@@ -26,7 +26,7 @@
   },
   {
     "label": "e-mail",
-    "sprite": "mail4",
+    "sprite": "mail",
     "url": "mailto:mail@cubegho.st"
   }
 ]
\ No newline at end of file
diff --git a/src/_data/icon-sources.json b/src/_data/icon-sources.json
index 9c067ae..f0d0653 100644
--- a/src/_data/icon-sources.json
+++ b/src/_data/icon-sources.json
@@ -105,7 +105,7 @@
     "source": "Microsoft Outlook"
   },
   {
-    "sprite": "mail4",
+    "sprite": "mail",
     "size": 16,
     "alt": "mail",
     "source": "Microsoft Outlook"
diff --git a/src/_data/icons-16.json b/src/_data/icons-16.json
index 6532b0c..7db134b 100644
--- a/src/_data/icons-16.json
+++ b/src/_data/icons-16.json
@@ -1,15 +1,15 @@
 [
-  "sheep",
   "alert",
+  "resedit",
   "document-code",
-  "mail4",
-  "suitcase-git",
   "scrapbook",
+  "document-pinned",
+  "mail",
+  "suitcase-fonts",
+  "suitcase-git",
   "globe",
   "users",
   "display",
-  "resedit",
-  "suitcase-fonts",
   "spray-paint",
-  "document-pinned"
+  "sheep"
 ]
\ No newline at end of file
diff --git a/src/_data/icons-32.json b/src/_data/icons-32.json
index 215a6e5..6f96f87 100644
--- a/src/_data/icons-32.json
+++ b/src/_data/icons-32.json
@@ -1,12 +1,12 @@
 [
-  "globe",
+  "alert",
+  "alert-open",
   "resedit",
   "resedit-open",
   "document-code",
   "document-macpaint",
-  "suitcase-fonts",
   "news",
-  "alert",
-  "alert-open",
+  "suitcase-fonts",
+  "globe",
   "bomb"
 ]
\ No newline at end of file
diff --git a/src/assets/aseprite.11ty.ts b/src/assets/aseprite.11ty.ts
index ca79cd4..f220e07 100644
--- a/src/assets/aseprite.11ty.ts
+++ b/src/assets/aseprite.11ty.ts
@@ -2,6 +2,14 @@ import { readdirSync } from "node:fs";
 import fs from "node:fs/promises";
 import path from "node:path";
 import Aseprite from "aseprite";
+import type {
+  Aseprite as AsepriteDoc,
+  CelChunk,
+  CelChunkData,
+  CelType,
+  PaletteChunk,
+  PaletteOld1Chunk,
+} from "aseprite";
 import sharp from "sharp";
 
 const dir = "./src/assets";
@@ -12,6 +20,7 @@ const entryPoints = readdirSync(dir, { withFileTypes: true })
 
 const ChunkTypeEnum = Aseprite.Frame.Chunk.ChunkTypeEnum;
 const CelTypeEnum = Aseprite.Frame.Chunk.CelChunk.CelTypeEnum;
+const LayerTypeEnum = Aseprite.Frame.Chunk.LayerChunk.TypeEnum;
 // https://github.com/aseprite/aseprite/blob/main/src/doc/color_mode.h#L22
 const ColorModeEnum = {
   RGB: 4,
@@ -37,103 +46,285 @@ export default class {
   }
 
   async render({ baseName }: EntrypointData) {
-    const entrypoint = path.join(dir, `${baseName}.aseprite`);
-    const file = await fs.readFile(entrypoint);
-    const ase = Aseprite.parse(file, { clean: true, inflate: true });
-    if (!ase.header) throw new Error(`missing header in ${entrypoint}`);
-
-    const depth = ase.header?.pixelFormat;
-    // https://github.com/aseprite/aseprite/blob/main/src/dio/aseprite_decoder.cpp#L60
-    const mode =
-      depth == 32
-        ? ColorModeEnum.RGB
-        : depth == 16
-          ? ColorModeEnum.GRAYSCALE
-          : ColorModeEnum.INDEXED;
-
-    if (!ase.frames) throw new Error(`missing frames in ${entrypoint}`);
-
-    const palette = ase.frames[0].chunks.find(
-      (c) =>
-        c.type === ChunkTypeEnum.PALETTE_OLD_1 ||
-        c.type === ChunkTypeEnum.PALETTE,
-    );
-    if (!palette) {
-      throw new Error(`missing palette chunk in first frame of ${entrypoint}`);
-    }
+    try {
+      const entrypoint = path.join(dir, `${baseName}.aseprite`);
+      const file = await fs.readFile(entrypoint);
+      const ase = Aseprite.parse(file, { clean: true, inflate: true });
+      if (!ase.header) throw new Error(`missing header in ${entrypoint}`);
 
-    const frames = await Promise.all(
-      ase.frames.map(async (frame) => {
-        // TODO multiple layers
-        const cel = frame.chunks.find((c) => c.type === ChunkTypeEnum.CEL);
-        if (!cel) throw new Error(`missing cel chunk in ${entrypoint}`);
-        if (cel.data.type !== CelTypeEnum.COMPRESSED)
-          throw new Error(
-            `unsupported cel type in ${entrypoint}: ${cel.data.type}`,
-          );
+      const depth = ase.header?.pixelFormat;
+      // https://github.com/aseprite/aseprite/blob/main/src/dio/aseprite_decoder.cpp#L60
+      const mode =
+        depth == 32
+          ? ColorModeEnum.RGB
+          : depth == 16
+            ? ColorModeEnum.GRAYSCALE
+            : ColorModeEnum.INDEXED;
 
-        let buffer: Buffer | Uint8Array = cel.data.pixels;
-        if (mode === ColorModeEnum.INDEXED) {
-          const originalBuffer = buffer;
-          buffer = new Uint8Array(originalBuffer.length * 4);
-
-          const transparentIndex = ase.header.transparentIndex;
-          const colors =
-            palette.type === ChunkTypeEnum.PALETTE_OLD_1
-              ? palette.data.packets[0].colors
-              : palette.data.entries;
-
-          for (let i = 0; i < originalBuffer.length; i++) {
-            const colorIndex = originalBuffer[i];
-            if (colorIndex === transparentIndex) {
-              buffer.set([0, 0, 0, 0], i * 4);
-            } else {
-              const color = colors[colorIndex];
-              buffer.set([color.r, color.g, color.b, 255], i * 4);
-            }
+      if (!ase.frames) throw new Error(`missing frames in ${entrypoint}`);
+
+      const oldPalette = ase.frames[0].chunks.find(
+        (c) => c.type === ChunkTypeEnum.PALETTE_OLD_1,
+      );
+      const palette =
+        ase.frames[0].chunks.find((c) => c.type === ChunkTypeEnum.PALETTE) ??
+        oldPalette;
+      if (!palette) {
+        throw new Error(
+          `missing palette chunk in first frame of ${entrypoint}`,
+        );
+      }
+
+      const frames = await Promise.all(
+        ase.frames.map(async (frame, i) => {
+          // TODO multiple layers
+          const cel = frame.chunks.find((c) => c.type === ChunkTypeEnum.CEL);
+          if (!cel) throw new Error(`missing cel chunk in ${entrypoint}`);
+
+          if (
+            cel.data.type !== CelTypeEnum.COMPRESSED &&
+            cel.data.type !== CelTypeEnum.COMPRESSED_TILEMAP
+          ) {
+            throw new Error(
+              `unsupported cel type in ${entrypoint}: ${cel.data.type}`,
+            );
           }
-        }
 
-        const image = await sharp(buffer, {
-          raw: {
-            width: cel.data.width,
-            height: cel.data.height,
-            channels: mode === ColorModeEnum.INDEXED ? 4 : mode,
+          const image =
+            cel.data.type === CelTypeEnum.COMPRESSED
+              ? await readCompressedPixels(cel, ase, palette, mode)
+              : cel.data.type === CelTypeEnum.COMPRESSED_TILEMAP
+                ? await readCompressedTilemapPixels(cel, ase, palette, mode)
+                : null;
+
+          if (!image) throw new Error("impossible");
+
+          const { info } = await image.toBuffer({ resolveWithObject: true });
+          return image.extend({
+            top: cel.data.y,
+            left: cel.data.x,
+            bottom: ase.header.height - info.height - cel.data.y,
+            right: ase.header.width - info.width - cel.data.x,
+            background: { r: 0, g: 0, b: 0, alpha: 0 },
+          });
+        }),
+      );
+
+      if (frames.length === 1) {
+        // output single frame
+        frames[0].png().toFile(`${output}/${baseName}.png`);
+      } else {
+        // create basic side-by-side spritesheet
+        const base = await sharp({
+          create: {
+            width: ase.header.width * ase.header.numFrames,
+            height: ase.header.height,
+            channels: 4,
+            background: { r: 0, g: 0, b: 0, alpha: 0 },
           },
         });
-        const { info } = await image.toBuffer({ resolveWithObject: true });
-        return image.extend({
-          top: cel.data.y,
-          left: cel.data.x,
-          bottom: ase.header.height - info.height - cel.data.y,
-          right: ase.header.width - info.width - cel.data.x,
-          background: { r: 0, g: 0, b: 0, alpha: 0 },
+
+        const inputs = await Promise.all(
+          frames.map(async (frame, i) => ({
+            input: await frame.png().toBuffer(),
+            top: 0,
+            left: i * ase.header.width,
+          })),
+        );
+        base.composite(inputs).png().toFile(`${output}/${baseName}.png`);
+      }
+    } catch (err) {
+      console.log(`Error converting ${baseName}.aseprite`);
+      throw err;
+    }
+  }
+}
+
+async function readCompressedPixels<C, I>(
+  cel: CelChunk<C, I>,
+  ase: AsepriteDoc<C, I>,
+  palette: PaletteChunk<C, I> | PaletteOld1Chunk<C, I>,
+  mode: (typeof ColorModeEnum)[keyof typeof ColorModeEnum],
+) {
+  if (cel.data.type !== CelTypeEnum.COMPRESSED) {
+    throw new Error("wrong cel format");
+  }
+
+  let buffer: Buffer | Uint8Array = cel.data.pixels!;
+  if (mode === ColorModeEnum.INDEXED) {
+    const originalBuffer = buffer;
+    buffer = new Uint8Array(originalBuffer.length * 4);
+
+    const transparentIndex = ase.header.transparentIndex;
+    const colors =
+      palette.type === ChunkTypeEnum.PALETTE_OLD_1
+        ? palette.data.packets[0].colors
+        : palette.data.entries;
+
+    for (let i = 0; i < originalBuffer.length; i++) {
+      const colorIndex = originalBuffer[i];
+      if (colorIndex === transparentIndex) {
+        buffer.set([0, 0, 0, 0], i * 4);
+      } else {
+        const color = colors[colorIndex];
+        buffer.set([color.r, color.g, color.b, 255], i * 4);
+      }
+    }
+  }
+
+  return await sharp(buffer, {
+    raw: {
+      width: cel.data.width,
+      height: cel.data.height,
+      channels: mode === ColorModeEnum.INDEXED ? 4 : mode,
+    },
+  });
+}
+
+async function readCompressedTilemapPixels<C, I>(
+  cel: CelChunk<C, I>,
+  ase: AsepriteDoc<C, I>,
+  palette: PaletteChunk<C, I> | PaletteOld1Chunk<C, I>,
+  mode: (typeof ColorModeEnum)[keyof typeof ColorModeEnum],
+) {
+  if (cel.data.type !== CelTypeEnum.COMPRESSED_TILEMAP) {
+    throw new Error("wrong cel format");
+  }
+
+  const layers = ase.frames[0].chunks.filter(
+    (chunk) => chunk.type === ChunkTypeEnum.LAYER,
+  );
+  const layer = layers[cel.data.layerIndex];
+  if (layer.data.type !== LayerTypeEnum.TILEMAP) {
+    throw new Error("wrong layer type");
+  }
+  const tilesets = ase.frames[0].chunks.filter(
+    (chunk) => chunk.type === ChunkTypeEnum.TILESET,
+  );
+
+  const tileset = tilesets[layer.data.tilesetIndex];
+
+  if (!tileset) {
+    throw new Error("aghhhg");
+  }
+  let tilesetBuffer: Buffer | Uint8Array = tileset.data.pixels!;
+
+  if (mode === ColorModeEnum.INDEXED) {
+    const originalBuffer = tilesetBuffer;
+    tilesetBuffer = new Uint8Array(originalBuffer.length * 4);
+
+    const transparentIndex = ase.header.transparentIndex;
+    const colors =
+      palette.type === ChunkTypeEnum.PALETTE_OLD_1
+        ? palette.data.packets[0].colors
+        : palette.data.entries;
+
+    for (let i = 0; i < originalBuffer.length; i++) {
+      const colorIndex = originalBuffer[i];
+      if (colorIndex === transparentIndex) {
+        tilesetBuffer.set([0, 0, 0, 0], i * 4);
+      } else {
+        const color = colors[colorIndex];
+        tilesetBuffer.set([color.r, color.g, color.b, 255], i * 4);
+      }
+    }
+  }
+  const tilesetImage = await sharp(tilesetBuffer, {
+    raw: {
+      width: tileset.data.tileWidth,
+      height: tileset.data.tileHeight * tileset.data.numTiles,
+      channels: mode === ColorModeEnum.INDEXED ? 4 : mode,
+    },
+  });
+
+  const tilesBuffer = cel.data.tiles!;
+  const width = cel.data.tilesWidth * tileset.data.tileWidth;
+  const height = cel.data.tilesHeight * tileset.data.tileHeight;
+
+  const tiles = [];
+  let i = 0;
+  for (let y = 0; y < cel.data.tilesHeight; y++) {
+    for (let x = 0; x < cel.data.tilesWidth; x++, i++) {
+      const tile = parseTile(i, tilesBuffer, cel.data);
+      if (tile.index > 0) {
+        let tileImage = await tilesetImage.clone().extract({
+          left: 0,
+          top: tile.index * tileset.data.tileHeight,
+          width: tileset.data.tileWidth,
+          height: tileset.data.tileHeight,
+        });
+
+        if (tile.dFlip) {
+          tileImage = await sharp(
+            await tileImage.rotate(90).flip().png().toBuffer(),
+          );
+        }
+        if (tile.xFlip) {
+          tileImage = tileImage.flop();
+        }
+        if (tile.yFlip) {
+          tileImage = tileImage.flip();
+        }
+
+        tiles.push({
+          image: tileImage,
+          x,
+          y,
         });
-      }),
-    );
-
-    if (frames.length === 1) {
-      // output single frame
-      frames[0].png().toFile(`${output}/${baseName}.png`);
-    } else {
-      // create basic side-by-side spritesheet
-      const base = await sharp({
-        create: {
-          width: ase.header.width * ase.header.numFrames,
-          height: ase.header.height,
-          channels: 4,
-          background: { r: 0, g: 0, b: 0, alpha: 0 },
-        },
-      });
-
-      const inputs = await Promise.all(
-        frames.map(async (frame, i) => ({
-          input: await frame.png().toBuffer(),
-          top: 0,
-          left: i * ase.header.width,
-        })),
-      );
-      base.composite(inputs).png().toFile(`${output}/${baseName}.png`);
+      }
     }
   }
+
+  const base = await sharp({
+    create: {
+      width,
+      height,
+      channels: 4,
+      background: { r: 0, g: 0, b: 0, alpha: 0 },
+    },
+  });
+
+  const inputs = await Promise.all(
+    tiles.map(async ({ image, x, y }) => ({
+      input: await image.png().toBuffer(),
+      top: y * tileset.data.tileHeight,
+      left: x * tileset.data.tileWidth,
+    })),
+  );
+  base.composite(inputs);
+
+  return base;
+}
+
+function parseTile<C, I>(
+  i: number,
+  tiles: Buffer,
+  data: Extract<CelChunkData<C, I>, { type: CelType.COMPRESSED_TILEMAP }>,
+) {
+  const tileBytes = data.bitsPerTile / 8;
+
+  const bufIndex = i * tileBytes;
+  const tile = tiles.readUInt32LE(bufIndex) | 0;
+  const tileIdShift = maskShift(data.tileIdBitmask | 0);
+  const xFlipBitmask = data.xFlipBitmask | 0;
+  const yFlipBitmask = data.yFlipBitmask | 0;
+  const dFlipBitmask = data.dFlipBitmask | 0;
+
+  return {
+    index: (tile & data.tileIdBitmask) >> tileIdShift,
+    xFlip: (tile & xFlipBitmask) === xFlipBitmask,
+    yFlip: (tile & yFlipBitmask) === yFlipBitmask,
+    dFlip: (tile & dFlipBitmask) === dFlipBitmask,
+  };
+}
+
+function maskShift(mask: number) {
+  let shift = 0;
+  let bit = 1;
+  const size = 4; // sizeof(mask)
+  while ((mask & bit) == 0 && shift < 8 * size) {
+    bit <<= 1;
+    ++shift;
+  }
+  return shift;
 }
diff --git a/src/assets/dice.aseprite b/src/assets/dice.aseprite
index 7b36c12..26d6ba9 100644
Binary files a/src/assets/dice.aseprite and b/src/assets/dice.aseprite differ
diff --git a/src/assets/icons-16.aseprite b/src/assets/icons-16.aseprite
index 910c097..ce423c5 100644
Binary files a/src/assets/icons-16.aseprite and b/src/assets/icons-16.aseprite differ
diff --git a/src/assets/icons-32.aseprite b/src/assets/icons-32.aseprite
index cb54cd9..f1bf0f7 100644
Binary files a/src/assets/icons-32.aseprite and b/src/assets/icons-32.aseprite differ
diff --git a/src/assets/ui.aseprite b/src/assets/ui.aseprite
index 3c10701..41da5cf 100644
Binary files a/src/assets/ui.aseprite and b/src/assets/ui.aseprite differ