From 93c38555c54ad7ce42cfb8df95ce1fcd08ad2abe Mon Sep 17 00:00:00 2001 From: Sean Ho Date: Mon, 24 Jan 2022 15:41:19 +0800 Subject: [PATCH] chore: decrease image quality --- src/components/graphql/academy-fragments.js | 6 ++--- src/templates/article.js | 28 +++++++++------------ 2 files changed, 15 insertions(+), 19 deletions(-) diff --git a/src/components/graphql/academy-fragments.js b/src/components/graphql/academy-fragments.js index 9d11f97c90a..46bb3dff91a 100644 --- a/src/components/graphql/academy-fragments.js +++ b/src/components/graphql/academy-fragments.js @@ -15,7 +15,7 @@ export const academyQuery = graphql` desktop_hero: image { imageFile { childImageSharp { - gatsbyImageData(quality: 100) + gatsbyImageData(quality: 60) } } id @@ -40,7 +40,7 @@ export const academyQuery = graphql` desktop_hero: image { imageFile { childImageSharp { - gatsbyImageData(quality: 100) + gatsbyImageData(quality: 60) } } id @@ -65,7 +65,7 @@ export const academyQuery = graphql` desktop_hero: image { imageFile { childImageSharp { - gatsbyImageData(quality: 100) + gatsbyImageData(quality: 60) } } id diff --git a/src/templates/article.js b/src/templates/article.js index 93bb5f7d699..6e23fd49647 100644 --- a/src/templates/article.js +++ b/src/templates/article.js @@ -367,10 +367,9 @@ export const query = graphql` imageFile { childImageSharp { gatsbyImageData( - quality: 100 - webpOptions: { quality: 100 } - avifOptions: { quality: 100, lossless: true } - placeholder: BLURRED + quality: 60 + webpOptions: { quality: 60 } + avifOptions: { quality: 60 } ) } } @@ -400,10 +399,9 @@ export const query = graphql` imageFile { childImageSharp { gatsbyImageData( - quality: 100 - webpOptions: { quality: 100 } - avifOptions: { quality: 100, lossless: true } - placeholder: BLURRED + quality: 60 + webpOptions: { quality: 60 } + avifOptions: { quality: 60 } ) } } @@ -414,10 +412,9 @@ export const query = graphql` imageFile { childImageSharp { gatsbyImageData( - quality: 100 - webpOptions: { quality: 100 } - avifOptions: { quality: 100, lossless: true } - placeholder: BLURRED + quality: 60 + webpOptions: { quality: 60 } + avifOptions: { quality: 60 } ) } } @@ -433,10 +430,9 @@ export const query = graphql` imageFile { childImageSharp { gatsbyImageData( - quality: 100 - webpOptions: { quality: 100 } - avifOptions: { quality: 100, lossless: true } - placeholder: BLURRED + quality: 60 + webpOptions: { quality: 60 } + avifOptions: { quality: 60 } ) } }