Gatsby: [gatsby-bemerkenswert-images] Bildqualität anpassen?

Ja, Sie können einen quality Schlüssel mit einer Zahl von 0-100 übergeben, um die Standardqualität von 50 zu überschreiben. Aber ja, dies und andere zu dokumentieren wäre großartig! Ich hatte die Hoffnung, dass wir einen Standardweg zum Dokumentieren / Validieren von Plugin-Optionen auswählen, damit daraus automatisch Dokumentation generiert werden kann. Wenn diese etwas größere Aufgabe, dies zu untersuchen, nach etwas klingt, das Sie angehen möchten, wäre dies ein großer Vorteil für das Ökosystem.

Vielen Dank! Das hat super geklappt. Ich bin mir nicht sicher, wie ich diese größere Aufgabe starten soll (ich werde darüber nachdenken), aber ich werde sicher einige Dokumentationsaktualisierungen durchgehen.

Für alle, die mitmachen, müssen Sie diesen Schlüssel hier definieren:

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

Das hat bei mir auch im graphql funktioniert:

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

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