Gatsby: [gatsby-remark-images] 이미지 품질을 조정 하시겠습니까?

예, 0-100의 숫자와 함께 quality 키를 전달하여 기본 품질 인 50을 재정의 할 수 있습니다.하지만 예, 이것과 다른 것들을 문서화하는 것이 좋습니다! 내 희망은 플러그인 옵션을 문서화 / 검증하는 표준 방법을 선택하여 문서가 자동으로 생성 될 수 있도록하는 것이 었습니다. 이것을 조사하는 다소 큰 작업이 해결하고 싶은 것처럼 들리면 생태계에 큰 이점이 될 것입니다.

감사! 잘 작동했습니다. 더 큰 작업을 시작하는 방법을 모르지만 (몇 가지 생각을하게 될 것입니다), 일부 문서 업데이트를 확실히 통과 할 것입니다.

팔로우하는 모든 사람을 위해 해당 키를 정의해야하는 위치는 다음과 같습니다.

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-transformer-remark',
      options: {
        plugins: [
          {
            resolve: 'gatsby-remark-images',
            options: {
              quality: 80,
            },
          },
        ],
      },
    },
  ],
}

이것은 graphql에서도 저에게 효과적이었습니다.

graphql`
{
    allImageSharp {
      edges {
        node {
          ... on ImageSharp {
            fluid(quality: 100, maxWidth: 1600) {
              src
              srcSet
              originalImg
              originalName
              aspectRatio
              sizes
            }
          }
        }
      }
    }
}
`

https://github.com/gatsbyjs/gatsby/issues/3984#issuecomment -364799710에서