feat(gatsby-remark-images-contentful): enable webp sources

[AlbericTrancart]

Description

Add a withWebp option to include a webp source in parsed images from contentful.

Related Issues

Addresses #11268.

[KyleAMathews]

Is there any reason to not just make this the default? Seems like everyone should have webp enabled :-)

[wardpeet]

we should enable it by default 👍

[AlbericTrancart]

@KyleAMathews I didn't enabled it by default because it isn't in gatsby-remark-images so I thought there should be a good reason, but I will make it the default then 👍

@wardpeet what kind of structure are you thinking of? Something like this? (I will implement this TODO rightaway if possible 😉 )

srcSet: {
  original: ...,
  webp: ...
}

[wardpeet]

hey @AlbericTrancart it's super cool that you want to take this on right away but it would be a breaking change so we have to wait for gatsby v3. Also I haven't thought about it yet 😄.

The current behaviour is perfect for now. So good job! 💪

[AlbericTrancart]

Updated!

[KyleAMathews]

@wardpeet this wouldn't be a breaking change actually because it's hidden from the user — nobody's code would break — their sites would just get faster :-)

[KyleAMathews]

@AlbericTrancart the only reason we don't include it by default in gatsby-remark-images is that generating webp thumbnails is a lot more expensive than jpg. So we want people to opt into webp so they realize the cost they're taking on (as not everyone wants to tradeoff longer build times for smaller images).

But with a hosted service like Contentful where webp images are generated on demand, it makes a lot more sense to default to webp.

[AlbericTrancart]

@KyleAMathews @wardpeet any news on merging this PR? :)

[AlbericTrancart]

@wardpeet PR rebased to fix a merge conflict on the README.

[ryanwiemer]

Any update on this? I would love to see the gatsby-remark-images-contentful plugin get some improvements.

[AlbericTrancart]

@wardpeet @KyleAMathews ping to merge this PR :)

[wardpeet]

thanks for your patience. It looks great, I've added the small TODO.

[gatsbot]

Holy buckets, @AlbericTrancart — we just merged your PR to Gatsby! 💪💜

Gatsby is built by awesome people like you. Let us say “thanks” in two ways:

1. We’d like to send you some Gatsby swag. As a token of our appreciation, you can go to the Gatsby Swag Store and log in with your GitHub account to get a coupon code good for one free piece of swag. (Currently we’ve got a couple t-shirts available, plus some socks that are really razzing our berries right now.)
2. We just invited you to join the Gatsby organization on GitHub. This will add you to our team of maintainers. Accept the invite by visiting https://github.com/orgs/gatsbyjs/invitation. By joining the team, you’ll be able to label issues, review pull requests, and merge approved pull requests.

If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’.

Thanks again!

[sidharthachatterjee]

Published in gatsby-remark-images-contentful@2.0.9