Gatsby: [gatsby-remark-images]画質を調整しますか？

作成日 2017年10月28日 · 3コメント · ソース: gatsbyjs/gatsby

gatsby-remark-images内で画質を設定する機能はありますか？ MarkdownでUIスクリーンショットを使用していますが、圧縮が非常に重いため、かなりのアーティファクトが発生します。

ソースを見ると、 gatsby-plugin-sharp ？を介して制御されている可能性があると思います。 READMEそこに言及があります：

JPEGの場合、デフォルトの品質レベル50でプログレッシブ画像を生成します。

これが実際に品質を設定しているものである場合、これは賢明なデフォルトのように見えますが、私の目的には低すぎます。

さらに、オプションがREADMEに公開されていない理由はありますか？これらをさまざまなREADMEに追加するPRは興味深いでしょうか？

documentation question or discussion

ソース

dustinhorton

最も参考になるコメント

これは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から

taktran 2018年11月09日

👍6

全てのコメント3件

ええ、 qualityから100までの数字で

KyleAMathews 2017年10月28日

👍1

ありがとう！それはうまくいきました。その大きなタスクを開始する方法はわかりませんが（いくつかの考えがあります）、確かにいくつかのドキュメントの更新に合格します。

フォローしている人のために、ここでそのキーを定義する必要があります：

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

dustinhorton 2017年10月28日

❤3 👍3

これは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から

taktran 2018年11月09日

👍6

このページは役に立ちましたか？

0 / 5 - 0 評価

Gatsby: [gatsby-remark-images]画質を調整しますか？

最も参考になるコメント

全てのコメント3件

関連する問題