Hi @zalium, thanks for the suggestion, we are checking the details about this feature, will let you know when we have an update.
This is an interesting feature. We just finished couple test and generated base64 successfully. https://www.w3schools.com/code/tryit.asp?filename=G2OYNLKYBS70
Is this what you mean?
Thread Starter
Zalium
(@zalium)
Thanks, but this is not the method that I am referring to. A low quality image placeholder would basically be a very low quality blurred JPEG version of the original image.
Here is an informative piece of content on the method: https://blog.imgix.com/2016/06/01/lqip-your-images
And here is a WP plugin that utilizes the concept: https://humanmade.com/2016/01/18/lightweight-image-previews-in-wordpress-with-gaussholder/
Hi @zalium, Hai’s base64 image is one type of low quality blurred images and with the same feature as you mentioned. Do you have any concern by using another jpeg file instead of base64 version?
Thread Starter
Zalium
(@zalium)
Hi @stanleylitespeed and @hailite
OK, I had to view it with throttling enabled to actually see the LQIP. Yes this should do the trick quite nicely I think.
Thanks.
You need to click the run
button to preview the result and difference.
I added the image in your ref to compare. Please check this one: https://www.w3schools.com/code/tryit.asp?filename=G2PSQN2HU9V6
Thread Starter
Zalium
(@zalium)
Yes, but best viewed in developer tools with throttling enabled to see the effect.
I think it would be useful to have an option for setting the different qualities for generating the base64 images. The default 10 would work for me, but I am sure other users would prefer a different quality.
Hi @zalium ,
We just finished a SVG version LQIP local generator development. After couple tests, we found its hard to use LQIP with corresponding size. This is because the base64 PNG version is around 200k. SQIP can be just 1.2k. For the placeholder, I think its acceptable. How do you think?
Thread Starter
Zalium
(@zalium)
Hi @hailite
Yes, I think that will be a good solution. Can’t wait to try it out.
Thanks.