Small-files: Difference between revisions
| Line 54: | Line 54: | ||
* [https://taper.badquar.to/9/about.html Taper #9: "each poem—the HTML on the page after the header—could be no more than a tiny 2KB (2048 bytes)"] | * [https://taper.badquar.to/9/about.html Taper #9: "each poem—the HTML on the page after the header—could be no more than a tiny 2KB (2048 bytes)"] | ||
* [[Jpegloop| Michael prototyping a Jpeg loop in Python using Imagemagick]] | * [[Jpegloop| Michael prototyping a Jpeg loop in Python using Imagemagick]] | ||
===Command line tools=== | |||
* [https://imagemagick.org/script/mogrify.php Mogrify] (part of imagemagick) | |||
* [https://pmt.sourceforge.io/pngcrush/ pngcrush] | |||
* [https://www.lcdf.org/gifsicle/ gifslice] | |||
* [https://jpegclub.org/jpegtran/ jpegtran] | |||
===Discussion points=== | ===Discussion points=== | ||
Revision as of 11:18, 16 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:
- Ways to optimize images for the web, by Rekka Bellum
- 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:
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.
- Green Hacks: Optimising images for web - Rekka Bellum (using Gimp)
- Ways to optimize images for the web, by Rekka Bellum (using Imagemagicks's mogrify)
- Imagemagick's mogrify
Dithering
- hitherdither: A package implementing dithering algorithms that can be used with PIL/Pillow.
- Why Your Website Should Not Use Dithered Images?
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
- SMALL FILE MEDIA FESTIVAL
- Open Call: Small File Photo Festival
- demoscene: pouet.net, scene.org, demoscene.info, viznut, ...
- Taper #9: "each poem—the HTML on the page after the header—could be no more than a tiny 2KB (2048 bytes)"
- Michael prototyping a Jpeg loop in Python using Imagemagick