Gridsome <g-image> images are blurry after build and deploy

perry · May 20, 2020, 7:39pm

hm. thats very odd.

i found this: which is sort of the opposite of what your problem is, but maybe it is helpful anyway:

github.com/gridsome/gridsome

g-image lazyload blur not working when grab from static folder

opened 11:17AM - 09 Feb 19 UTC

closed 01:21AM - 10 Feb 19 UTC

fahmiirsyadk

## Description i trying to add dynamic image and store it in <g-image /> but …when i load the page, the image not blurred first. Then now i just add fake lazyload image 😞 this is my code : ```html <div class="preload-img"> <g-image :src="$page.blogPost.image" /> </div> <page-query> query BlogPost ($path: String!) { blogPost (path: $path) { image } } </page-query> ``` ## My Live Example https://cocky-brattain-5a734f.netlify.com/menjelajah-vue-pengenalan-awal/ Thanks for making gridsome, I've just migrated my blog from gatsby to gridsome. 💯

Given that your build works fine…i’m not sure. (also did you remove or change the name of the netlify site? i cant load https://nifty-wilson-07a391.netlify.app/)

Is it possible it is a case issue?

If i were you, i might check with the folks over at gridsome, to be honest, they might have seen this problem before!