[#6222] Client Side Image Resizing and Compression

7 years 7 months ago - 7 years 7 months ago #286162 by davisJ
To get users using CB communities, they need to be able to load pics quickly and easily. If they take a photo on an iphone, and it can't be uploaded because the image is too large (ie. greater than the CB install max limit) or it takes 30-60 seconds to upload, they'll stick to sharing on Facebook or Instagram as it's much easier.

In the past, users would upload the pic from their SD card, resize and compress, then upload, and maybe some users do this nowadays or use a phone app to do so. But people generally do whatever's easier and if they've got the choice of:
a) taking a photo, opening it in an app (or downloading one), choosing what size to save it as, resizing then compressing, then saving, then going back to the CB site, opening and then sharing
versus
b) taking a photo, uploading it using on-the-fly compression/resizing
I'd say any given sane user will choose (b).

Facebook, Instagram and Whatsapp use on-the-fly compression using an algorithm like this or this via mobiles .

Please Log in to join the conversation.

7 years 7 months ago #286163 by davisJ
Replied by davisJ on topic Client Side Image Resizing and Compression


Making CB mobile ready and integrating on-the-fly compression/resizing should be a priority. It seems that suitable code exists such as plupload or JIC .

Is there a timeline for this?

Please Log in to join the conversation.

7 years 7 months ago #286183 by krileon
Replied by krileon on topic Client Side Image Resizing and Compression
Client side resizing and thumbnail cropping is already planned. It wasn't reliably supported until HTML5 officially launched (using canvas elements) and wasn't widely available until just recently due to browser support so it couldn't be implemented until that point. Facebook probably uses this technology now, but it absolutely did not before. I wager they still have a fallback of some sort as the only way to do client side resizing before HTML5 was through Flash or Java applet. My point is it's extremely new still.

The client side resizing will likely just become a part of our validation code and be done entirely silently based off the image fields settings. I've added a feature ticket to keep track of the client size resizing, but it's unlikely to make it into CB 2.1.

forge.joomlapolis.com/issues/6222

As with all things here no there is no timeline; we simply get to features as we get to them and we continue to provide no release dates, sorry. This isn't a simple addition as it requires all our upload code to handle byte arrays for images instead of the file it self. So I've a lot of rewriting to do before this can happen.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: nant, davisJ

Please Log in to join the conversation.

7 years 7 months ago #286207 by davisJ
Replied by davisJ on topic Client Side Image Resizing and Compression
Thanks Kyle. Would be great if you could make this a priority as it will make a massive difference to the usability of CB sites. Cheers, David

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.222 seconds

Facebook Twitter LinkedIn