Next Image Component + Gifs Throwing 502 Bad Gateway errors

Support
,
1

Example of Issue on site: Blebbing cultured intestinal epithelial cell | Beautiful Biology

Gif Images fetched using the Next Image component are resulting in 502 bad gateway errors:

image
image1308×800 107 KB

This issue only happens when the site is hosted on Netlify.

The chatbot didn’t find any documented issues about gifs + the Next Image component on Netlify:

image
image740×404 37.2 KB

2

The reason:

{"errorType":"Function.ResponseSizeTooLarge","errorMessage":"Response payload size exceeded maximum allowed payload size (6291556 bytes)."}

Have you considered upgrading: Next.js 13.5+ on Netlify | Netlify Docs?

3

Thank you so much, I’ll reduce the size of the image being pulled from our backend.