Gatsby: [imagens-observação-gatsby] Ajustar a qualidade da imagem?

Sim, você pode passar uma chave quality com um número de 0-100 para substituir a qualidade padrão de 50. Mas sim, documentar isso e outros seria ótimo! Minha esperança é que escolhemos uma maneira padrão de documentar / validar as opções de plug-ins para que a documentação possa ser gerada automaticamente a partir disso. Se essa tarefa um tanto maior de investigar isso soa como algo que você deseja enfrentar, isso seria um grande benefício para o ecossistema.

Obrigado! Isso funcionou muito bem. Não tenho certeza de como iniciar essa tarefa maior (vou pensar nisso), mas vou dar uma olhada em algumas atualizações de documentação com certeza.

Para quem está acompanhando, é aqui que você precisa definir essa chave:

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

Isso funcionou para mim no graphql também:

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

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