Small-files: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
Line 7: Line 7:
* [https://kokorobot.ca/site/image_optimization.html Ways to optimize images for the web, by Rekka Bellum]
* [https://kokorobot.ca/site/image_optimization.html Ways to optimize images for the web, by Rekka Bellum]
* [https://github.com/lowtechmag/solar/wiki/Solar-Web-Design How to Build a Low-tech Website: Design Techniques and Process]
* [https://github.com/lowtechmag/solar/wiki/Solar-Web-Design How to Build a Low-tech Website: Design Techniques and Process]
And if you are curious to learn how image files are encoded, have a look at the following links:
* [https://yasoob.me/posts/understanding-and-writing-jpeg-decoder-in-python/ Understanding and Decoding a JPEG Image using Python]
* [https://yasoob.me/posts/understanding-and-writing-jpeg-decoder-in-python/ Understanding and Decoding a JPEG Image using Python]
* [https://parametric.press/issue-01/unraveling-the-jpeg/ Unraveling the JPEG (with live examples)]
* [https://parametric.press/issue-01/unraveling-the-jpeg/ Unraveling the JPEG (with live examples)]

Revision as of 22:14, 15 January 2023

How to compress images?

What is data compression? It's a way to encode information in such way, that is uses less bytes to store it.

General useful references:

And if you are curious to learn how image files are encoded, have a look at the following links:

Image file types

Image resizing

Decrease the file size of an images by saving them with specific settings: quality, smoothing, progressive loading, no exif data, color sub-sampling. You can do this in Gimp, Imagemagick or Photoshop.

Dithering

Keep your web pages light!

Check the size of a web page

Right-click on inspect and click on network.

Lazy loading

CSS sprites

Links

Small files as a feature

Discussion points