Skip to content

GatsbyImage components are loading blurry on refresh #45

@benslv

Description

@benslv

Images processed through a GatsbyImage component don't seem to load correctly if you refresh a page that contains them. They load an extremely low-res/blurry version that never switches to a high resolution.

If you visit a different page first, and then click onto a page containing GatsbyImage components, they load fine.

Reproduce:

  1. Visit thelemonpress.yordevs.com
  2. Observe the images are blurry and don't load high-res versions.
  3. Click on the About link in the navbar.
  4. Click on the Lemon Press logo in the top left to return to the homepage.
  5. Images now load properly.
  6. Refresh the page.
  7. Images load blurred again.

images blurry on refresh

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions