InnerSourceCommons
Optimize event images to improve page load performance
This PR addresses the issue with large PNG images on the Events page causing slow page loading.
Changes made:
- Converted 50 large PNG images (500KB-1.2MB) to optimized JPG format with appropriate dimensions
- Resized all images to a maximum width of 540px (the size they're displayed at)
- Updated all content file references to point to the new JPG versions
- Added documentation with guidelines for future image optimization
Performance improvements:
- Reduced individual image sizes by an average of 95%
- Total image size reduction: 57MB → 4.9MB (91% reduction)
- Example of improvement:
-
spring2019.png: 15.6MB (3968x2976) → 56KB (540x404) -
meetup-2024-08-13.png: 1.3MB (1920x1080) → 32KB (540x303)
-
Future optimization:
After confirming these changes work correctly, the documentation includes instructions for removing the original PNG files to save an additional 56.7MB of repository space.
Fixes #424.
[!WARNING]
Firewall rules blocked me from connecting to one or more addresses
I tried to connect to the following addresses, but was blocked by firewall rules:
_https._tcp.esm.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)_https._tcp.motd.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)esm.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)motd.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)If you need me to access, download, or install something from one of these locations, you can either:
- Configure Actions setup steps to set up my environment, which run before the firewall is enabled
- Add the appropriate URLs or hosts to my firewall allow list
💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.
it looks we still have the png files. We should delete original png files
I've deleted all the original PNG files from the events directory in commit 992fdb4. This includes converting the remaining files (gathering-2022-09.png and paypal.png) to JPG format and updating their references in the content files. The repository is now about 57MB smaller with all the original PNGs removed.
[!WARNING]
Firewall rules blocked me from connecting to one or more addresses
I tried to connect to the following addresses, but was blocked by firewall rules:
_https._tcp.esm.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)_https._tcp.motd.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)esm.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)motd.ubuntu.com
- Triggering command:
/usr/lib/apt/methods/https(dns block)If you need me to access, download, or install something from one of these locations, you can either:
- Configure Actions setup steps to set up my environment, which run before the firewall is enabled
- Add the appropriate URLs or hosts to my firewall allow list
Hi @spier, is this what we have to do? It looks it worked properly, but some images might haave some resolution issue (some of them should be higher resolution, and shouldn't be shrinked.) What's your take?
@yuhattor this will be hard to review/validate as these are so many changes now.
For which files are you suspecting that these have resolution issues now?
Ah I see, this is an original issue https://github.com/InnerSourceCommons/innersourcecommons.org/issues/424
I have just commented on it now
could you take a look that? Actually, what it did looks great, but we need to store the original data somewhere at the same time. And GitHub Copilot only operated with 50 images, but it should be more... 🤔 https://github.com/InnerSourceCommons/innersourcecommons.org/pull/1032 What do you think of the direction that Copilot come up with?? If it's okay, maybe we can have it create some scripts instead, and operate it by ourselves...?