From 611630d65f988022cce5dde8283c86758f8a4c74 Mon Sep 17 00:00:00 2001 From: FTWinston Date: Sun, 12 May 2019 23:19:12 +0100 Subject: [PATCH] Increased max width of images to reduce image pixelation at high landscape resolutions This wouldn't be needed once https://github.com/gatsbyjs/gatsby/pull/13395 is available --- gatsby-config.js | 2 +- src/components/AllHomepageSections.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/gatsby-config.js b/gatsby-config.js index 6db7c01..2c2870a 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -42,7 +42,7 @@ // It's important to specify the maxWidth (in pixels) of // the content container as this plugin uses this as the // base for generating different widths of each image. - maxWidth: 960, + maxWidth: 1600, }, }, ], diff --git a/src/components/AllHomepageSections.tsx b/src/components/AllHomepageSections.tsx index 162fbef..a87ddbf 100644 --- a/src/components/AllHomepageSections.tsx +++ b/src/components/AllHomepageSections.tsx @@ -20,7 +20,7 @@ export default () => title image { childImageSharp { - fluid(maxWidth: 960) { + fluid(maxWidth: 1600) { ...GatsbyImageSharpFluid } }