reactjs - 如何防止 Gatsby 图像在每次重新加载时模糊 Logo ？

Question

我已经阅读了 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} />}
          />

有什么想法吗？如何防止这种模糊效果？或者缩略图加载效果...

Answer 1

切换到 GatsbyImageSharpFixed_noBase64解决了它(而不仅仅是 ...GatsbyImageSharpFixed )