Gatsby: [gatsby-note-images] ضبط جودة الصورة؟

نعم ، يمكنك تمرير مفتاح quality مع رقم من 0-100 لتجاوز الجودة الافتراضية التي تبلغ 50. ولكن نعم ، سيكون توثيق هذا وغيره أمرًا رائعًا! كان أملي أن نختار طريقة قياسية لتوثيق / التحقق من صحة خيارات المكون الإضافي بحيث يمكن إنشاء الوثائق تلقائيًا من هذا. إذا كانت هذه المهمة الأكبر إلى حد ما المتمثلة في التحقيق في هذا تبدو وكأنها شيء تريد معالجته ، فستكون هذه فائدة كبيرة للنظام البيئي.

شكر! عملت بشكل رائع. لست متأكدًا من كيفية بدء هذه المهمة الأكبر (ستضع بعض التفكير فيها) ، ولكنك ستأخذ في الاعتبار بعض تحديثات الوثائق بالتأكيد.

بالنسبة لأي شخص يتابع ، إليك المكان الذي تحتاج فيه إلى تحديد هذا المفتاح:

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

لقد نجح هذا أيضًا بالنسبة لي في الرسم البياني:

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