Reduce image sizes

[mikatuo]

Current images folder in the repo is a bit too large. Not sure if there are specific requirements for the images as far as their width & height are concerned. Probably a simple solution would be to compress existing images manually and then have requirements for new images to be "no more than X by X pixels" and "no more than X KB"?

which makes https://defold.com/assets/ page to be slow to load

In my specific case I would like to download the entire repo https://github.com/defold/asset-portal/archive/master.zip which is not feasible for my use case as the master.zip is ~50 MB so it takes quite some time. So as a workaround I have to download each .json file one by one (~260 of them) which could be slow as well.

[mikatuo]

Related to defold/defold.github.io#24

[AGulev]

I made a couple of changes:

• image compression for PNG files with alpha
• replace nontransparent PNGs with JPGs
  

[AGulev]

Maybe it's not perfect but almost twice better.

[britzl]

We should also set images to loading="lazy" but this requires changing from <div background to <img. I will look into this.

[britzl]

I will look into this.

defold/defold.github.io@6de395f

[AGulev]

I will look into this.

defold/defold.github.io@6de395f

works for me:

CleanShot.2024-11-10.at.15.22.12.mp4