Image Compression

[Buntesamt]

Re: Image Compression Concerns

Hi,
the file sizes of images increase after being uploaded and used in a carousel. Let's say my uploaded image has a file size of 784 kb and a dimension of 2560 x 1440 px. When I save the image out of a carousel by opening a new tab, the file size shows 2.4 mb at 2048 x 1366 px. So the file size increases while the dimension of the used picture has become smaller.

Please have a look here (i.e. picture no.7):
https://labor.heikopreller.de/afrika-in-hannover/

Since the performance of my website, especially on mobile phones, is not satisfying, I wonder if each Image being used in a carousel is getting bigger in file size and needs too much time to be loaded.

Thank you for your help and best regards from Berlin

[Richard]

Dear @Buntesamt

Best wishes to you in Berlin

I will forward this to Armin for a better look, also please to be sure:

---

If problem persists:

Could you please send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

---

Have a wonderful day & thank you for using Laytheme 🌞

Sincerely

Richard

[Buntesamt]

Dear Richard,

thank you very much for getting back to me so quickly. I will send the login data to info@laytheme.com. It would be great if you or Armin could have a look at it, since the problem still exists. I also noticed the Lay option for resizing images.

Thank you for your help.
Best

[arminunruh]

so what i recommended was:
lay options → image quality set it to sth like 80%
and then use the regenerate thumbnails plugin

or if the original image you uploaded already has a smaller filesize you can use the option lay options → never show resized versions of your images

my guess is:
the original image is uploaded → the server creates multiple versions of that image in different sizes → somehow that makes the image size bigger

changing the setting lay options → image quality is the only thing that comes to my mind, other than that, the image compression module is like a program that is installed on the server "imagick" or sth it is called and im not sure if it would need different configuration or how to configure it

[Buntesamt]

Dear Armin,

thank you very much for your help. I tried the »never show resized version« option and I think it works much better now. As you said the original file size is being kept and loading time is quite good.

Ick grüß dir aus Berlin,
best wishes

[Richard]

Dear @Buntesamt

Awesome 🌝
Thank you for the update & thank you for using Laytheme!

Sincerely
Richard

[Buntesamt]

Hello,

sorry for bothering you with the same old issue. As I said the desktop version works much better now since the server uses the original file size instead of generating smaller images with a much bigger file size.

Unfortunately, the mobile version is terribly slow. Same issue as before: by generating smaller Images the file size explodes. Pictures with 360 kb blow up to 950 kb on the mobile site wich slows down the entire website. I do not understand why images being resized for mobile would become much bigger in file size. The purpose of the responsive generating of pictures should be the opposite.

I assume that setting the image quality to 80% in Lay options would lead to pictures with an originated small file size but when used on the mobile site the server would still create versions with bigger data sizes. Also a picture of 360 kb will have quite some loss of quality when set to 80%.

Does anyone have the same issue? I never had problems with image sizes at any of the websites I developed with Lay Theme.

Thank you for your help