Images Pixelated
Hi team,
is there a way to disable Brizy´s automatic image resizing / compression? Im currently having trouble getting my images to look good. They are getting pixelated quite bad, especially on Desktop (1920 & 2560). Im using the standard image tool in Brizy.
The only way the image compression doesnt apply, is when i use a column or a block background-image. But this isnt a possible solution here (responsive).
Will there be a way to disable it?
-
Hi Philipp,
currently, there is no option in this regard and it happens automatically. But, we work on it and in the future, we will offer you more options regarding image compression.
1 -
Hi Alex,
this would be a great improvement for Brizy, to have control over the quality of your images.
Are there any estimated plans on this? I did not find anything like that on the Roadmap. I think this would be an important feature.
1 -
we have it on our internal desk and unfortunately, I do not have an ETA :(.
1 -
I second this. I am trying to add my logo to a large header and no matter what size I upload it gets extremely compressed and looks pixelated and fuzzy. It is a vector graphic being exported at various sizes I need. Doesn't matter if I choose 500px, 1000px or 1500px the logo always looks soft and pixelated once added to the header. This is a shame and really needs to be addressed.
1 -
Hi guys,
I was facing the same bad image quality, even uploading png files.
I don't know if you've tried this but, at least for me, it worked.
I noticed that, even without subscribing to the Shortpixel API, I was able to choose the lossless compression option on Brizy's Optimize Images menu, and it apparently solved the issue. Attached is the print of the page option.
Regards,
Tibor1 -
Really appreciate that info and I'll definitely remember it. I should have clarified more though as I am getting this issue when using Brizy Cloud and unfortunately it doesn't appear to have any image optimization settings available. I have been using the cloud version to create quick mockups of sites as its actually an amazing tool for that but your info definitely helps when it comes time to deploy. Thank you.
1 -
Hi Tedon,
as I said before compression is automatic and there is no option to influence it. Please attach the logo file and I will send it to our developers so that they can have a "visible" compression problem.
0 -
Why does it take you guys so long to fix such a fundamental functionality? I simply do not want my images to be automatically compressed.... Is it that tough to build such a functionality???
1 -
Hi Matthias,
it's not like we're working on the enable / disable option. We will re-create the whole image module and how it works in Brizy. That's why it takes so long. Please have a little patience.
0 -
Hi Alex,
so are you currently working on a solution? I hope this gets pushed in the next updates. For me this problem is so significant that i would consider not using Brizy on any clients website, until this is fixed.
0 -
Hi Philipp,
let's go deeper into the problem on your site and maybe find some workaround until we make new changes to the media module. From what I understand from your initial screenshot, these images are in a Brizy Template, right? Do you have a Posts element that loads the image dynamically or is it a simple image element?
0 -
Hi Alex,
i have found a solution by using the columns background image instead of brizy images tool. It works, but isnt the best responsive solution. You have to use a spacer inside the column to make it work with padding.
0 -
I'm glad you found a solution.
I'm not sure if you've tried this, but if you set 100% width and 100% height to the image settings, will it also be blurred:https://jmp.sh/ibDcznD ?
0 -
Hi Alex,
yes on 100% it will also be blurred. But it depends on the resolution / monitor.
For example on my Macbook Pro 15", Brizy will use higher resolution images.
But on my 27" QHD Monitor, Brizy does not use it. Instead it will show a lower resolution image, which looks pixelated. (The image setting here in Brizy is on 100% width and height)
To go even further: When i drag the Browser-Tab from my mac to my 27" Screen -> the image will look sharp and clean on my 27". But when i refresh the page on my 27" it will reset to the lower resolution and look pixelated again.
So Brizy uses different images for different resolutions / pixel density. But it feels like, it doesnt use the right image for every resolution. Or am i missing something here?
1 -
Hi,
Thank you for taking the time to do all these checks. Have you tried testing this with another theme? Sometimes the theme rewrites the size of the Brizy containers and because of this, the images may look blurry.
btw: Can you send us the link to the page with the image above? We will try to make the same scenario described by you.
0 -
I noticed something:
When I copy the URL of a blurry image and open it in a new tab, I can see the dimensions of the image in the pixels.
Now, when I use Chrome's element inspector and hover over the image, I can see that the actual width is +10 pixels, no wonder it is pixelated. Somehow the dimensions of the automatically downsized image does not match with the width/height of the img tag. Maybe that helps you to finally understand the problem?
0 -
Hi,
thank you. I'll send this to the devs.
0 -
Hi Alex,
Any update regarding this?0 -
Hi,
this is an open issue but did you check the above discussion? Have you tried testing this with another theme? Sometimes the theme rewrites the size of the Brizy containers and because of this, the images may look blurry.
0 -
Hi Alex,
Yes, this problem exists with different themes, I am using default wordpress themes and every theme has this issue, and this issue is on brizy pages if I add images in sample page which was not built by brizy there images not being pixelated
See the attached images
With Brizy
Without Brizy
0 -
One thing I can recommend is to make sure the size is set to 100%: https://jmp.sh/jDJWVp1 Unfortunately, I can't help you with more right now. The only thing I can do is add a new note to the internal issue for the devs.
1 -
Hello Alex,
It was already 100%
Can I know when this issue will be sorted out, the above request was made months ago
1 -
Unfortunately, I don't have any ETA for this issue :/
1 -
Please, fix this!
1 -
Hi Piotr,
sure. We work on it. Some changes have been included for the next update, which is now in beta.
1 -
Any news of update which I hope will eliminate blurred images issue?
0 -
Any news on this?
0 -
Please do something about this,
I am using around 400KB image, but when adding in Brizy it gets pixelated and in frontend it looks blurry
My Original image
Gets Blurred ALOT on Frontend
1 -
Same issue here. I slowly finish job for client, and cannot close the deal, because I am waiting for brizy to resolve this problem. Some pics I add are sharp, but mostly they are soft and blurry.
Brizy keeps saying they are working on it, but cannot see any progress.
2 -
Hi,
yes, we have this on our priority list but we still don't have any updates in this regard. In the meantime, I recommend using images larger than 700x300 in terms of resolution (as in the example above). The image must be bigger than the container in which it is used.
1
Please sign in to leave a comment.
Comments
61 comments