oppia / foundation-website

Repository for developing the new Oppia Foundation website.
Apache License 2.0
6 stars 32 forks source link

Optimize and Compress Images #111

Open dchen97 opened 5 years ago

dchen97 commented 5 years ago

Compressing and resizing https://oppiafoundation.org/assets/images/home/home_impact.jpg could save 60.9KiB (73% reduction).

Compressing https://oppiafoundation.org/assets/images/navbar/oppia_foundation_logo.png could save 1.2KiB (30% reduction).

hoangviet1993 commented 5 years ago

Hi @dchen97 what are you using to compress the images to get the result you mention?

iharshit009 commented 4 years ago

I have a suggestion... can we use webp format to compress the size of images?? @dchen97

hoangviet1993 commented 4 years ago

Thanks @iharshit009 for the suggestion!

I individually compressed all images before putting them in the repo. I could use a different tool to further compress them.

@iharshit009 How do you think Webp will help with compression? Have you had experience converting jpeg to webp? I can get you the original uncompressed version if you want to give it a try!

iharshit009 commented 4 years ago

Yes I have worked on a project where I converted jpeg to webp format so as to optimise the webpage...

I would feel honoured if I could get a chance to look at the issue and work for optimisation... Please share the original uncompressed version. I will look into and revert you soon

On Mon 29 Jul, 2019, 03:00 Viet Tran Quoc Hoang, notifications@github.com wrote:

Thanks @iharshit009 https://github.com/iharshit009 for the suggestion!

I individually compressed all images before putting them in the repo. I could use a different tool to further compress them.

@iharshit009 https://github.com/iharshit009 How do you think Webp will help with compression? Have you had experience converting jpeg to webp? I can get you the original uncompressed version if you want to give it a try!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/oppia/foundation-website/issues/111?email_source=notifications&email_token=AKQXHFCQD3VIEI2HPQOVHC3QBYFZBA5CNFSM4HONR5R2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD27G6HA#issuecomment-515796764, or mute the thread https://github.com/notifications/unsubscribe-auth/AKQXHFHCFW35QQRQYIHVL63QBYFZBANCNFSM4HONR5RQ .

hoangviet1993 commented 4 years ago

So I did some digging and managed to find the original source of the photo.

@iharshit009 Would you mind going to my provided link, click "Free Download" and then select "Original"? A year ago, I was emailed the photo by the designer at the time and it was around 5MB. I think downloading from the source would prevent cross-server compression. https://www.maxpixel.net/Different-Happy-Faces-Children-Rural-Drawings-1853193

Also, according to caniuse, Safari has yet to support WebP. Safari is the default browser engine for iOS devices. How do you address this problem?

iharshit009 commented 4 years ago

Thanks for your email, I would look into it soon.

On Wed 31 Jul, 2019, 06:29 Viet Tran Quoc Hoang, notifications@github.com wrote:

So I did some digging and managed to find the original source of the photo. @iharshit009 https://github.com/iharshit009 Would you mind going to my provided link, click "Free Download" and then select "Original"? A year ago, I was emailed the photo by the designer at the time and it was around 5MB.

https://www.maxpixel.net/Different-Happy-Faces-Children-Rural-Drawings-1853193

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/oppia/foundation-website/issues/111?email_source=notifications&email_token=AKQXHFFWM4TDN6PTN6FW3NDQCDPWXA5CNFSM4HONR5R2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD3FXQVI#issuecomment-516651093, or mute the thread https://github.com/notifications/unsubscribe-auth/AKQXHFFNM5R2MUAR4WKUMMLQCDPWXANCNFSM4HONR5RQ .

nlok5923 commented 3 years ago

i would like to work on this issue if nobody is working