different-ai/openwork · warning · Error

Use a wordmark at least 128×32 pixels.

Error message

Use a wordmark at least 128×32 pixels.

What it means

For kind === "wordmark", the decoded image must be at least 128 pixels wide and 32 pixels tall; anything smaller is rejected because the wordmark would be illegible when rendered in the dashboard header and marketplace listings.

Source

Thrown at ee/apps/den-web/app/(den)/dashboard/_components/brand-appearance-screen.tsx:50

  if (file.type !== "image/png" && file.type !== "image/jpeg") throw new Error("Use a PNG or JPEG image.");
  if (file.size > BRAND_ASSET_MAX_BYTES) throw new Error("Use an image under 2 MB.");

  let image: ImageBitmap;
  try {
    image = await createImageBitmap(file);
  } catch {
    throw new Error("OpenWork could not decode that image.");
  }

  const { width, height } = image;
  image.close();
  if (width > 4096 || height > 4096) throw new Error("Use an image no larger than 4096×4096 pixels.");
  if (kind === "icon") {
    if (width < 64 || height < 64) throw new Error("Use a square icon at least 64×64 pixels.");
    if (width !== height) throw new Error("Use a square image for the app icon.");
  } else {
    const aspectRatio = width / height;
    if (width < 128 || height < 32) throw new Error("Use a wordmark at least 128×32 pixels.");
    if (aspectRatio < 1.5 || aspectRatio > 8) throw new Error("Use a horizontal wordmark between 1.5:1 and 8:1.");
  }

  return { file, previewUrl: URL.createObjectURL(file), width, height };
}

function BrandAssetUploadField({
  kind,
  title,
  description,
  currentUrl,
  managedAsset,
  draft,
  clearPending,
  disabled,
  onSelect,
  onClear,
}: {

View on GitHub (pinned to 2b7df46e8a)

Solutions

1. Re-export the wordmark at e.g. 512×128 PNG so it comfortably clears the 128×32 minimum.
2. Render the text/logo at a larger point size in the design tool before export.
3. Keep the aspect ratio between 1.5:1 and 8:1 (the next check) — a 512×128 export satisfies both.
4. Pre-check dimensions client-side before invoking the draft creator.

Example fix

// before
await draft(smallStamp /* 100x20 */, "wordmark");
// after
await draft(wordmarkPng /* 512x128 */, "wordmark");

async function isWordmarkBigEnough(file: File): Promise<boolean> {
  const bmp = await createImageBitmap(file);
  const ok = bmp.width >= 128 && bmp.height >= 32;
  bmp.close();
  return ok;
}

try {
  const asset = await createBrandAssetDraft(file, "wordmark");
} catch (error) {
  showToast(error instanceof Error ? error.message : "Could not use that image.");
}

When it happens

Trigger: Uploading a wordmark where width < 128 or height < 32 — e.g. a tiny 100×20 text banner, a scaled-down logo strip, or a 64×16 thumbnail.

Common situations: Screenshots of tiny logo text; exporting a thin text layer at 1x from a small frame; reusing a footer stamp or email signature image.

Related errors

• Use an image no larger than 4096×4096 pixels.
• Use a square icon at least 64×64 pixels.
• Use a square image for the app icon.

AI-assisted analysis of different-ai/openwork@2b7df46e8a (2026-09-01). Data as JSON: /api/errors/cc1f374cd50b5834. Report an issue: GitHub.