Hey all,
Ghost 5.69, nothing weird, CLI install on a VPS. (I don’t think it’s relevant here.)
I’m observing that emailing a webp with a transparent background results in the image arriving with a black background, at least in my gmail inbox. (mail.google.com web client, Windows, latest version of Chrome browser.) I’m posting this observation here, because I’m not sure if it’s a problem with the webp encoding (although it looks fine on a webpage), or a Chrome/Gmail quirk, or something else. Anyone else seeing this?
Gmail does a fair bit of CSS/HTML rewriting when displaying emails so it’s possible transparent images in general aren’t working properly. Did you test the same image as a transparent PNG?
Looks like it’s a Gmail-specific thing. They convert webp images to jpeg for better email compatibility (e.g. Outlook which has zero webp support) but of course jpeg doesn’t support transparency so they get a solid background. I’d avoid using webp for anything email related, or at least avoiding use of transparent webp images if you know your audience is unlikely to be using Outlook.
That’s a bit of a conundrum, then. I want webp on blog posts on the website for faster load times, but if it’s going to get messed up by the emailed version, that means needing two versions of the post. :P
What would be really really cool would be if Ghost would output webp on images included in {{content}}. I make good use of the feature for featured images, but no way to tell Ghost currently to convert my body images also.
