我已经阅读了 gatsby-image 文档，但不知道如何关闭某些东西。默认情况下，gatsby-image 似乎会加载图像的缩略图，然后逐步加载图像。基本上是一个很好的占位符效果。但我发现每次换页时我的标志都会变得模糊。这是我的代码:
<StaticQuery
query={graphql`
query {
file(relativePath: { eq: "appendto_logo.png" }) {
childImageSharp {
# Specify the image processing specifications right in the query.
# Makes it trivial to update as your page's design changes.
fixed(width: 150) {
...GatsbyImageSharpFixed
}
}
}
}
`}
render={data => <Img fixed={data.file.childImageSharp.fixed} />}
/>
有什么想法吗？如何防止这种模糊效果？或者缩略图加载效果...
最佳答案
切换到 GatsbyImageSharpFixed_noBase64解决了它(而不仅仅是 ...GatsbyImageSharpFixed )
关于reactjs - 如何防止 Gatsby 图像在每次重新加载时模糊 Logo ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55839971/