рдХреНрдпрд╛ gatsby-remark-images
рднреАрддрд░ рдЫрд╡рд┐ рдЧреБрдгрд╡рддреНрддрд╛ рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░рдиреЗ рдХреА рдХреНрд╖рдорддрд╛ рд╣реИ? рдореИрдВ рдорд╛рд░реНрдХрдбрд╛рдЙрди рдореЗрдВ рдпреВрдЖрдИ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдФрд░ рдХрдореНрдкреНрд░реЗрд╢рди рдЗрддрдирд╛ рднрд╛рд░реА-рднрд░рдХрдо рд╣реИ рдХрд┐ рдЗрд╕рдореЗрдВ рдХрд╛рдлреА рдХрд▓рд╛рддреНрдордХрддрд╛ рд╣реИред
рд╕реНрд░реЛрдд рдХреЛ рджреЗрдЦрддреЗ рд╣реБрдП, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ gatsby-plugin-sharp
рдорд╛рдзреНрдпрдо рд╕реЗ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред README
рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рд╣реИ:
рдЬреЗрдкреАрдИрдЬреА рдХреЗ рд▓рд┐рдП рдпрд╣ 50 рдХреА рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЧреБрдгрд╡рддреНрддрд╛ рд╕реНрддрд░ рдХреЗ рд╕рд╛рде рдкреНрд░рдЧрддрд┐рд╢реАрд▓ рдЫрд╡рд┐рдпрд╛рдВ рдЙрддреНрдкрдиреНрди рдХрд░рддрд╛ рд╣реИред
рдпрджрд┐ рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЧреБрдгрд╡рддреНрддрд╛ рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХрд░ рд░рд╣рд╛ рд╣реИ, рддреЛ рдпрд╣ рдПрдХ рд╕рдордЭрджрд╛рд░ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдЙрджреНрджреЗрд╢реНрдпреЛрдВ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдХрдо рд╣реИред
рдЗрд╕рдХреЗ рдЕрддрд┐рд░рд┐рдХреНрдд, рд╡рд╣рд╛рдБ рдПрдХ рдХрд╛рд░рдг README рдореЗрдВ рд╡рд┐рдХрд▓реНрдк рдЙрдЬрд╛рдЧрд░ рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдХреНрдпрд╛ рд╡рд┐рднрд┐рдиреНрди README рдХреЗ тАЛтАЛрд▓рд┐рдП PRs рдмреНрдпрд╛рдЬ рдХреА рд╣реЛрдВрдЧреА?
рд╣рд╛рдБ, рдЖрдк 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 рд╕реЗ
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдЗрд╕рдиреЗ рдореЗрд░реЗ рд▓рд┐рдП рдЧреНрд░рд╛рдлрд┐рдХрд▓ рдореЗрдВ рднреА рдХрд╛рдо рдХрд┐рдпрд╛:
Https://github.com/gatsbyjs/gatsby/issues/3984#issuecomment -36464999910 рд╕реЗ