Bookstack: Displayed image size on the web is bigger than uploaded

[hhk7734]

Describe the bug
Image size on bookstack is bigger than the original uploaded image.
So I think that page loading is slow.
I'm not sure it is a bug.

example page
On this page, the uploaded image size is 145 kB. But the displayed image size is 500kB.

Steps To Reproduce
Upload image

Expected behavior
Displayed image size on the web is bigger than uploaded.

Your Configuration (please complete the following information):

• Exact BookStack Version (Found in settings): 0.27.5
• PHP Version: PHP 7.2.19
• Hosting Method (Nginx/Apache/Docker): Apache/2.4.29

[ssddanbrown]

Thanks for finding and reporting @hhk7734, Quite a strange one.

It looks like the original image is well optimized, with thee main benefit of having indexed colours which keeps the file sizes small. Our resizing undoes these optimizations in it's operation thus resulting in a larger image size.

Think we'll just need to check over the image content resize system here to make it a little smarter, So it at least compares file sizes and uses the original if no size change benefit.

If you need a work-around for now there should be an 'Edit HTML' button within the editor, You can find the image HTML in that and replace the src attribute content of the image with a link to the original image file (https://docs.loliot.net/uploads/images/gallery/2019-10/arduino-due-pin-map.png)

[ssddanbrown]

Thanks again @hhk7734, Have applied a patch (32e7f0a2e672226384f58a0f7ba96e0b17535d4a) to master, will be in the next release (v0.28) which is due out at the end of the year.

[hhk7734]

@ssddanbrown
Bookstack is soooo cool.
I'm glad I was able to help you. :) 👍