Gatsby: [gatsby- рдЯрд┐рдкреНрдкрдгреА-рдЪрд┐рддреНрд░] рдЫрд╡рд┐ рдЧреБрдгрд╡рддреНрддрд╛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░реЗрдВ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 28 рдЕрдХреНрддреВре░ 2017  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: gatsbyjs/gatsby

рдХреНрдпрд╛ gatsby-remark-images рднреАрддрд░ рдЫрд╡рд┐ рдЧреБрдгрд╡рддреНрддрд╛ рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░рдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рд╣реИ? рдореИрдВ рдорд╛рд░реНрдХрдбрд╛рдЙрди рдореЗрдВ рдпреВрдЖрдИ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдФрд░ рдХрдореНрдкреНрд░реЗрд╢рди рдЗрддрдирд╛ рднрд╛рд░реА-рднрд░рдХрдо рд╣реИ рдХрд┐ рдЗрд╕рдореЗрдВ рдХрд╛рдлреА рдХрд▓рд╛рддреНрдордХрддрд╛ рд╣реИред

рд╕реНрд░реЛрдд рдХреЛ рджреЗрдЦрддреЗ рд╣реБрдП, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ gatsby-plugin-sharp рдорд╛рдзреНрдпрдо рд╕реЗ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред README рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рд╣реИ:

рдЬреЗрдкреАрдИрдЬреА рдХреЗ рд▓рд┐рдП рдпрд╣ 50 рдХреА рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЧреБрдгрд╡рддреНрддрд╛ рд╕реНрддрд░ рдХреЗ рд╕рд╛рде рдкреНрд░рдЧрддрд┐рд╢реАрд▓ рдЫрд╡рд┐рдпрд╛рдВ рдЙрддреНрдкрдиреНрди рдХрд░рддрд╛ рд╣реИред

рдпрджрд┐ рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЧреБрдгрд╡рддреНрддрд╛ рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХрд░ рд░рд╣рд╛ рд╣реИ, рддреЛ рдпрд╣ рдПрдХ рд╕рдордЭрджрд╛рд░ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдЙрджреНрджреЗрд╢реНрдпреЛрдВ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдХрдо рд╣реИред

рдЗрд╕рдХреЗ рдЕрддрд┐рд░рд┐рдХреНрдд, рд╡рд╣рд╛рдБ рдПрдХ рдХрд╛рд░рдг README рдореЗрдВ рд╡рд┐рдХрд▓реНрдк рдЙрдЬрд╛рдЧрд░ рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдХреНрдпрд╛ рд╡рд┐рднрд┐рдиреНрди README рдХреЗ тАЛтАЛрд▓рд┐рдП PRs рдмреНрдпрд╛рдЬ рдХреА рд╣реЛрдВрдЧреА?

documentation question or discussion

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЗрд╕рдиреЗ рдореЗрд░реЗ рд▓рд┐рдП рдЧреНрд░рд╛рдлрд┐рдХрд▓ рдореЗрдВ рднреА рдХрд╛рдо рдХрд┐рдпрд╛:

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 -36464999910 рд╕реЗ

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рд╣рд╛рдБ, рдЖрдк quality 50 рдХреА рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЧреБрдгрд╡рддреНрддрд╛ рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП 0-100 рд╕реЗ

рдзрдиреНрдпрд╡рд╛рдж! рд╡рд╣ рдорд╣рд╛рди рдХрд╛рдо рдХрд┐рдпрд╛ред рдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЙрд╕ рдмрдбрд╝реЗ рдХрд╛рд░реНрдп рдХреЛ рдХреИрд╕реЗ рд╢реБрд░реВ рдХрд┐рдпрд╛ рдЬрд╛рдП (рдЗрд╕рдореЗрдВ рдХреБрдЫ рд╕реЛрдЪрд╛ рдЬрд╛рдПрдЧрд╛), рд▓реЗрдХрд┐рди рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдЕрдкрдбреЗрдЯ рдкрд░ рдПрдХ рдкрд╛рд╕ рд▓реЗ рдЬрд╛рдПрдЧрд╛ред

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдореЗрдВ рд╕реЗ рдХрд┐рд╕реА рдХреЗ рд▓рд┐рдП, рдпрд╣рд╛рдВ рдЖрдкрдХреЛ рдЙрд╕ рдХреБрдВрдЬреА рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:

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 -36464999910 рд╕реЗ

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Oppenheimer1 picture Oppenheimer1  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

magicly picture magicly  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

dustinhorton picture dustinhorton  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

theduke picture theduke  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

totsteps picture totsteps  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ