Gmail image 404

Hi everyone,

I have an image in my NextJS public folder which I am using for emails made with React Email. The link to the image on one of my preview deployments is https://seller-flow.preview.purelylocal.co.uk/purelylocal.png which works fine.

When viewing the email in gmail the image is broken and when I inspect and grab the proxied google image link it returns a 404 https://ci3.googleusercontent.com/meips/ADKq_NYY3aA3OJITMBMBn-DwaPYkPbJYy68be50fgRK6ua_6Mf_0oA855QthY8q750SdCiIMkLQqeE02B9-P7DcV99xLEzb8ZLXj_iEts7yFmMh6xh8B=s0-d-e1-ft#https://seller-flow.preview.purelylocal.co.uk/purelylocal.png

Does anyone know why this might be happening and what I can do to stop it? I can only guess it’s to do with how Vercel handles requests from googles user content request.

There’s another community post with 404 debugging tips that might be helpful. Please give these solutions a try and let us know how it goes.

A human should be around soon to offer more advice. But you can also get helpful information quickly by asking v0.

Hi @mickybizzle, welcome to the Vercel Community!

The link you shared here, seems to be a preview deployment that’s protected by the Deployment Protection on Vercel. Hence, only you or your team members can access this deployment (and the image).

I’d recommend promoting the deployment to the production environment and using that link in the email.

I hope this was helpful.

1 Like