Convex CommunityCCConvex Community
Powered by
TrabT
Convex Community•6mo ago•
1 reply
Trab

Image compression with sharp - Input buffer contains unsupported image format

I'm trying to do image compression. I use sharp which seems to work fine. But there is probably some problem with the convex/node environment I don't understand. The value of buffer keeps changing when I use sharp, even if I use sharp without touching the buffer.

- I do use "use node"
- I don't import any other code
- I use internalAction
- When I run the same code with the same image in regular node, it works

This returns correct byteLength and image data
const req = await fetch(
  "https://cdn.pixabay.com/photo/2025/06/05/09/42/forest-9642627_960_720.jpg",
);

const buffer = await response.arrayBuffer();
console.log(buffer.byteLength); // 94297
const req = await fetch(
  "https://cdn.pixabay.com/photo/2025/06/05/09/42/forest-9642627_960_720.jpg",
);

const buffer = await response.arrayBuffer();
console.log(buffer.byteLength); // 94297


This returns different byteLength and image data
const req = await fetch(
  "https://cdn.pixabay.com/photo/2025/06/05/09/42/forest-9642627_960_720.jpg",
);

const buffer = await response.arrayBuffer();
console.log(buffer.byteLength); // 169475

sharp({
  text: {
    text: "Hello, world!",
    width: 400,
    height: 300,
  },
});
const req = await fetch(
  "https://cdn.pixabay.com/photo/2025/06/05/09/42/forest-9642627_960_720.jpg",
);

const buffer = await response.arrayBuffer();
console.log(buffer.byteLength); // 169475

sharp({
  text: {
    text: "Hello, world!",
    width: 400,
    height: 300,
  },
});


This fails
const response = await fetch(
  "https://cdn.pixabay.com/photo/2025/06/05/09/42/forest-9642627_960_720.jpg",
);

const buffer = await response.arrayBuffer();
console.log(buffer.byteLength); // 169475

// Uncaught Error: Input buffer contains unsupported image format
const metadata = await sharp(buffer).metadata();
const response = await fetch(
  "https://cdn.pixabay.com/photo/2025/06/05/09/42/forest-9642627_960_720.jpg",
);

const buffer = await response.arrayBuffer();
console.log(buffer.byteLength); // 169475

// Uncaught Error: Input buffer contains unsupported image format
const metadata = await sharp(buffer).metadata();
Convex Community banner
Convex CommunityJoin
Join the Convex Discord! Explore Convex, the backend platform that keeps your app in sync.
15,138Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements
Recent Announcements
james

Hi @everyone with everything going on today I forgot to post on discord about our EU launch! We have a region in Dublin now! You can start using it immediately, even for folks on the free plan. https://news.convex.dev/we-finally-got-our-eu-visa/ Stay tuned for more regions but also stay tuned for more infra improvements where we improve latency for teams no matter where their servers are located. Just at the tip of the iceberg re all the optimizations we have lined up.

james · 4d ago

Wayne

Hi @everyone happy Monday. Components Authoring [Challenge](https://www.convex.dev/components/challenge) updates! Meet the second batch of community-approved components **Firecrawl Scrape **- Scrape any URL and get clean markdown, HTML, screenshots, or structured JSON - with durable caching and reactive queries. https://www.convex.dev/components/firecrawl-scrape Built by: Gitmaxd **Durable Agents **- A Convex component for building durable AI agents with an async tool loop. https://www.convex.dev/components/durable-agents Built by: Siegfried **Convex Debouncer** - A server-side debouncing component for debouncing expensive operations like LLM calls, metrics computation, or any heavy processing that should only run after a period of inactivity. https://www.convex.dev/components/debouncer Built by: Ilya **DatabaseChat **- A Convex component for adding natural language database queries to your app. https://www.convex.dev/components/database-chat Built by: Nick **Transloadit** - A Convex component for creating Transloadit Assemblies, handling resumable uploads with status, and persisting status/results in Convex. https://www.convex.dev/components/transloadit Built by: Kvz **Loops** - A Convex component for integrating with Loops.so email marketing platform. https://www.convex.dev/components/loops Built by: Bobby The [challenge](https://www.convex.dev/components/challenge) is now ongoing, so keep building, and we'll keep rewarding. Thanks, everyone!

Wayne · 3w ago

Liz C

Hi everyone! Have you ever wanted to get your hands on some convex swag? Well you're in luck! We just launched our Convex swag store. Check it out here ---> https://store.convex.dev/

Liz C · 3w ago

Similar Threads

Convex image compression
AlviAAlvi / support-community
12mo ago
Image compression integration
Coffee11CCoffee11 / support-community
2y ago
Web-socket compression
Michal SrbMMichal Srb / support-community
8mo ago
Array Contains
ZerodayZZeroday / support-community
11mo ago