Issue with WebP Image Styling on Cloudflare Pages Deployment
Hi everyone, I'm running into a strange issue when deploying my Nuxt 3 app on Cloudflare Pages.
- Locally, everything looks fine (
- On a self-hosted Debian server with Nginx, the deployment also looks fine.
- On Cloudflare Pages, the WebP image loads (correctly as I saw through network inspection) but gets styled weirdly for all users---it's cut off and looks different from local/Nginx builds. (Screenshots added)
- Moved images from dynamic Nuxt
- Checked if Cloudflare modifies images (Polish, Image Optimization) → Not enabled (Free Plan).
- Purged Cloudflare Cache & Tested with Cache-Control Headers → No change.
Is Cloudflare Pages applying any kind of image transformation, aspect ratio enforcement, or hidden CSS modifications that might cause styling differences in WebP images? If not, what else could cause the difference between a local build, a normal webserver deployment and the Cloudflare Pages deployment?
Problem:
- Locally, everything looks fine (
pnpm run devpnpm run preview- On a self-hosted Debian server with Nginx, the deployment also looks fine.
- On Cloudflare Pages, the WebP image loads (correctly as I saw through network inspection) but gets styled weirdly for all users---it's cut off and looks different from local/Nginx builds. (Screenshots added)
What I've Tried:
- Moved images from dynamic Nuxt
assets/public/- Checked if Cloudflare modifies images (Polish, Image Optimization) → Not enabled (Free Plan).
- Purged Cloudflare Cache & Tested with Cache-Control Headers → No change.
Question:
Is Cloudflare Pages applying any kind of image transformation, aspect ratio enforcement, or hidden CSS modifications that might cause styling differences in WebP images? If not, what else could cause the difference between a local build, a normal webserver deployment and the Cloudflare Pages deployment?
Welcome to the official Cloudflare Developers server. Here you can ask for help and stay updated with the latest news
85,042Members
Resources
Similar Threads
Was this page helpful?
