Khoros Atlas Logo

%3CLINGO-SUB%20id%3D%22lingo-sub-565963%22%20slang%3D%22en-US%22%3EImage%20upload%20optimization%20and%20compression%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-565963%22%20slang%3D%22en-US%22%3E%3CP%3EInterested%20in%20learning%20more%20about%20the%20methods%20used%20for%20image%20optimization%20in%20Community.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fcommunity.khoros.com%2Ft5%2FMedia-Experience%2FAbout-the-new-Media-Experience%2Ftac-p%2F218501%2Fhighlight%2Ftrue%23M31%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%3EAccording%20to%20this%20post%3C%2FA%3E%2C%20image%20uploads%20are%20at%20least%20thumbnailed%20a%20bit%20so%20that%20the%20original-sized%20image%20is%20only%20displayed%20in%20the%20lightbox.%20A%20pixel-reduced%20(resized%20as%20smaller)%20version%20is%20displayed%20in%20the%20thread.%3C%2FP%3E%3CP%3EMy%20particular%20community%20does%20a%20lot%20of%20support%2C%20so%20we%20see%20many%20screenshots%20(and%20many%20coming%20from%20the%204x-normal-size%20Apple%20Retina%20displays).%20The%20scaled%2Fresized%20versions%20on%20the%20thread%20are%20good%20news%20for%20us.%3C%2FP%3E%3CP%3EBut%20is%20that%20all%20that%20happens%3F%3C%2FP%3E%3CP%3EI%20downloaded%20a%20copy%20of%20the%20scaled-down%20image%20on%20one%20thread%2C%20and%20ran%20it%20through%20ImageOptim%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22image.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fcommunity.khoros.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F162074iE32060001AF6D3FA%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20srcset%3D%22%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F162074iE32060001AF6D3FA%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%201.0x%22%20title%3D%22image.png%22%20alt%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EMy%20ImageOptim%20settings%20are%20fairly%20aggressive%2C%20but%20the%20filesize%20savings%20were%20consistent%20with%20what%20I'd%20expect%20from%20a%20totally%20non-compressed%20image.%3C%2FP%3E%3CP%3E%3CSPAN%3EI'm%20wondering%20if%20there%20are%20plans%20to%20integrate%20Kraken.io%2C%20OpenCV%2C%20Cloudinary%2C%20imgix%2C%20etc.%20with%20the%20Community%20product.%20OpenCV%20for%20example%20is%20a%20free%2Fopen%20source%20command%20line%20utility%20that%20could%20be%20chained%20to%20the%20existing%20image%20scaling%20functionality.%20Obviously%20the%20exact%20implementation%20would%20be%20up%20to%20Khoros%20(maybe%20they%20prefer%20a%20subscription%20API%20service%20to%20running%20OpenCV%20on%20the%20stack)%20but%20I%20think%20this%20would%20be%20super%20beneficial%20to%20our%20users%2C%20especially%20those%20on%20limited%20bandwidth%20connections.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-566418%22%20slang%3D%22en-US%22%3ERe%3A%20Image%20upload%20optimization%20and%20compression%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-566418%22%20slang%3D%22en-US%22%3E%3CP%3EGood%20topic%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fcommunity.khoros.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F76170%22%20target%3D%22_blank%22%3E%40deads%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3EYou%20might%20like%20to%20add%20your%20findings%20to%20this%20enhancement%20request%20-%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fcommunity.khoros.com%2Ft5%2FKhoros-Community-Ideas%2FThe-platform-should-automatically-reduce-the-size-of-images%2Fidi-p%2F538214%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Fcommunity.khoros.com%2Ft5%2FKhoros-Community-Ideas%2FThe-platform-should-automatically-reduce-the-size-of-images%2Fidi-p%2F538214%3C%2FA%3E%3C%2FP%3E%0A%3CP%3EThanks%2C%3C%2FP%3E%0A%3CP%3EJason%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Advisor
Occasional Advisor

Image upload optimization and compression

Interested in learning more about the methods used for image optimization in Community.

According to this post, image uploads are at least thumbnailed a bit so that the original-sized image is only displayed in the lightbox. A pixel-reduced (resized as smaller) version is displayed in the thread.

My particular community does a lot of support, so we see many screenshots (and many coming from the 4x-normal-size Apple Retina displays). The scaled/resized versions on the thread are good news for us.

But is that all that happens?

I downloaded a copy of the scaled-down image on one thread, and ran it through ImageOptim:

image.png

My ImageOptim settings are fairly aggressive, but the filesize savings were consistent with what I'd expect from a totally non-compressed image.

I'm wondering if there are plans to integrate Kraken.io, OpenCV, Cloudinary, imgix, etc. with the Community product. OpenCV for example is a free/open source command line utility that could be chained to the existing image scaling functionality. Obviously the exact implementation would be up to Khoros (maybe they prefer a subscription API service to running OpenCV on the stack) but I think this would be super beneficial to our users, especially those on limited bandwidth connections.

1 Reply 1
Honored Contributor Honored Contributor
Honored Contributor

Re: Image upload optimization and compression

Good topic @deads.

You might like to add your findings to this enhancement request - https://community.khoros.com/t5/Khoros-Community-Ideas/The-platform-should-automatically-reduce-the-...

Thanks,

Jason

 

Generic1.jpg

0 Kudos
Reply
Loading...