gdgfresno / valleydevfest2018

A Professional Template for large GDG events. This project has been designed to continue to be your DevFest/IWD website solution without having to create a new site or Firebase project every year.
https://delorean-demo.firebaseapp.com
MIT License
0 stars 1 forks source link

Use Resize Images Firefox extension to automatically shrink giant image uploads #22

Open MrCsabaToth opened 4 years ago

MrCsabaToth commented 4 years ago

During the last run of IWDC there were at least 2-3 occasions when the speaker's uploaded profile photo wasn't even just a giant 3-4 MB image, but rather a 20+ MB (!!!) behemoth.

Expected Behavior

Administrators are too busy with other tasks to pay attention to this, so it'd be best if the website itself would resize the images to the optimal size automatically as part of the upload procedure.

Current Behavior

The uploaded profile photos are stored as they are provided, no transformation is done on them. Time-to-time I skim through the images and resize + web optimize them (with GIMP, Gwenview and other common Linux editors).

Possible Solution

Use the Firefox Extension of "Resize Images" to implement automatic upload resizing. Technically it's a cloud function. DeLorean v2 already has cloud functions. See also:

Steps to Reproduce

  1. Get yourself an admin privilege for the site.
  2. Navigate to the Speakers page. You have now buttons to add or edit speaker.
  3. Pick one to Add or edit a speaker.
  4. Upload a ginormous photo (20MB+ preferred).
  5. Try to view the speakers page on a 4G connection...

Possible Implementation

MrCsabaToth commented 4 years ago

I'm not sure if this will as easy just to bump the

"engines": {
  "node": "8"
},

up to 10 in the functions/package.json