большой размер изображения на Netlify Cms

Question

Я новый Gatsby + NetlifyCMS.

Размер изображения веб-сайта после развертывания больше размера оригинала на GitHub.

Например: Вкл. https://gatsby -netlify-cms.netlify.com/ file home-jumbotron.jpg составляет 437 КБ, но на github https://github.com/netlify-templates/gatsby-starter-netlify-cms/blob/master/static/img/home-jumbotron.jpg размер файла составляет 138 КБ

Я не знаю, как сделать размер изображения нормальным.

Answer 1

Вы можете изменить качество или ширину, чтобы получить желаемое качество, проверьте документацию здесь: https://www.gatsbyjs.org/packages/gatsby-image/ Вот код фрагмента из https://github.com/netlify-templates/gatsby-starter-netlify-cms/blob/master/src/templates/index-page.js

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