Netlify Cms上的大图像

Question

我是新的盖茨比+ NetlifyCMS。

部署后网站图片的大小大于GitHub上原始图片的大小。

例如： 在https://gatsby-netlify-cms.netlify.com/文件上，home-jumbotron.jpg为437KB 但是在github https://github.com/netlify-templates/gatsby-starter-netlify-cms/blob/master/static/img/home-jumbotron.jpg上，文件大小为138KB

我不知道如何使图像大小正常。

Answer 1

您可以修改质量或宽度以获得所需的质量，请在此处查看文档：{​​{3}} 这是来自https://www.gatsbyjs.org/packages/gatsby-image/

的代码段

image {
         childImageSharp {
                fluid(maxWidth: 2048, quality: 100) {
                  ...GatsbyImageSharpFluid
                }
              }
            }