Small-files - Revision history

Manetta: /* Intro */

2026-05-04T10:49:05Z

Intro

← Older revision		Revision as of 12:49, 4 May 2026
Line 9:		Line 9:
	Hardware (older devices/regime of staying-always-up-to-date): <code>top</code>/<code>htop</code>, task manager (Windows) / activity monitor (Mac)		Hardware (older devices/regime of staying-always-up-to-date): <code>top</code>/<code>htop</code>, task manager (Windows) / activity monitor (Mac)

	Pedagogy: hex editors		Pedagogy: hex editors, material understanding of digital files

	Subcultures: demo scene		Subcultures: demo scene

Manetta at 10:46, 4 May 2026

2026-05-04T10:46:17Z

← Older revision		Revision as of 12:46, 4 May 2026
Line 115:		Line 115:

	* [[Prototyping 2013-11-05 (Lens Based Media)\|prototyping class on video compression]]		* [[Prototyping 2013-11-05 (Lens Based Media)\|prototyping class on video compression]]

			[[Category:Workbooks]]

Manetta: /* Intro */

2026-05-04T10:45:57Z

Intro

← Older revision		Revision as of 12:45, 4 May 2026
Line 17:		Line 17:
	[[File:Aspoon.jpg\|50px]]		[[File:Aspoon.jpg\|50px]]

	hex editor (such as Bless) > open Aspoon.jpg		Download Aspoon.jpg.
	~~count~~ the nr of bytes CTRL+A
			Open a hex editor (such as Bless) and open Aspoon.jpg.

			Count the nr of bytes CTRL+A.

	0x817a8 (hex)		0x817a8 (hex)
	530344 (dec)		530344 (dec)

Manetta: /* Intro */

2026-05-04T10:45:02Z

Intro

← Older revision		Revision as of 12:45, 4 May 2026
Line 3:		Line 3:
	'''Why spend a day on compression and small files?'''		'''Why spend a day on compression and small files?'''

	~~Storage capacities, environmental impact, older devices/regime~~ of ~~staying-always-up-to-date, pedagogy, joy.~~		Environmental damage: water usage of our computational cloud infrastructures

	'''Why is this image ~~518~~ KB?''' [[File:Aspoon.jpg\|50px]]		Storage capacities: <code>df -h</code>

			Hardware (older devices/regime of staying-always-up-to-date): <code>top</code>/<code>htop</code>, task manager (Windows) / activity monitor (Mac)

			Pedagogy: hex editors

			Subcultures: demo scene

			'''Why is this image 530.3 KB (on my system)?'''

			[[File:Aspoon.jpg\|50px]]

	hex editor (such as Bless) > open Aspoon.jpg		hex editor (such as Bless) > open Aspoon.jpg
Line 16:		Line 26:
	'''What is file compression?'''		'''What is file compression?'''

	~~Algorithms,~~ file types, ~~file size~~.		Different file types, different compression algorithms.

	https://parametric.press/issue-01/unraveling-the-jpeg/		https://parametric.press/issue-01/unraveling-the-jpeg/

Manetta at 10:26, 4 May 2026

2026-05-04T10:26:01Z

← Older revision		Revision as of 12:26, 4 May 2026
Line 1:		Line 1:
			==Intro==

			'''Why spend a day on compression and small files?'''

			Storage capacities, environmental impact, older devices/regime of staying-always-up-to-date, pedagogy, joy.

			'''Why is this image 518 KB?''' [[File:Aspoon.jpg\|50px]]

			hex editor (such as Bless) > open Aspoon.jpg
			count the nr of bytes CTRL+A
			0x817a8 (hex)
			530344 (dec)

			https://www.rapidtables.com/convert/number/hex-to-decimal.html?x=817A8

			'''What is file compression?'''

			Algorithms, file types, file size.

			https://parametric.press/issue-01/unraveling-the-jpeg/

	==Images==		==Images==

Manetta at 09:51, 4 May 2026

2026-05-04T09:51:51Z

← Older revision		Revision as of 11:51, 4 May 2026
Line 1:		Line 1:
	==~~How to compress images?~~==		==Images==

	What is data compression? It's a way to encode information in such way, that is uses less bytes to store it.		What is data compression? It's a way to encode information in such way, that is uses less bytes to store it.
Line 25:		Line 25:
	* [https://github.com/hbldh/hitherdither hitherdither: A package implementing dithering algorithms that can be used with PIL/Pillow.]		* [https://github.com/hbldh/hitherdither hitherdither: A package implementing dithering algorithms that can be used with PIL/Pillow.]

	==~~How to compress audio?~~==		==Audio==
	{{:Prototypology/Transcodology-2}}		{{:Prototypology/Transcodology-2}}

	==~~How to compress video?~~==		==Video==
	{{:Prototypology/Transcodology-3}}		{{:Prototypology/Transcodology-3}}

	==~~Keep your web~~ pages ~~light!~~==		==Web pages==

	===References===		===References===

Manetta: /* Keep your web pages light! */

2026-04-10T12:30:34Z

Keep your web pages light!

← Older revision		Revision as of 14:30, 10 April 2026
Line 35:		Line 35:
	===References===		===References===

			* https://w3c.github.io/sustainableweb-wsg/
	* [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]
	* https://smolweb.org/		* https://smolweb.org/

Manetta: /* Keep your web pages light! */

2026-04-10T11:36:01Z

Keep your web pages light!

← Older revision		Revision as of 13:36, 10 April 2026
Line 36:		Line 36:

	* [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]
			* https://smolweb.org/
			* https://codeberg.org/thgie/awesome-small-web-publishing

	===Check the size of a web page===		===Check the size of a web page===

Manetta: /* Keep your web pages light! */

2025-09-10T13:36:01Z

Keep your web pages light!

← Older revision		Revision as of 15:36, 10 September 2025
Line 32:		Line 32:

	==Keep your web pages light!==		==Keep your web pages light!==

			===References===

			* [https://github.com/lowtechmag/solar/wiki/Solar-Web-Design How to Build a Low-tech Website: Design Techniques and Process]

	===Check the size of a web page===		===Check the size of a web page===

Manetta: /* How to compress images? */

2025-09-10T13:35:22Z

How to compress images?

← Older revision		Revision as of 15:35, 10 September 2025
Line 2:		Line 2:

	What is data compression? It's a way to encode information in such way, that is uses less bytes to store it.		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:~~

	* [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]

	And if you are curious to learn how image files are encoded, have a look at the following links:		And if you are curious to learn how image files are encoded, have a look at the following links:
Line 21:		Line 16:
	Decrease the file size of an images by saving them with specific settings: <code>quality</code>, <code>smoothing</code>, <code>progressive loading</code>, <code>no exif data</code>, <code>color sub-sampling</code>. You can do this in Gimp, Imagemagick or Photoshop.		Decrease the file size of an images by saving them with specific settings: <code>quality</code>, <code>smoothing</code>, <code>progressive loading</code>, <code>no exif data</code>, <code>color sub-sampling</code>. You can do this in Gimp, Imagemagick or Photoshop.

	* [https://www.youtube.com/watch?v=cfrB4Gvpj8c Green Hacks: Optimising images for web - Rekka Bellum (using Gimp)]		* [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 (using Imagemagicks's mogrify)]		* [https://www.youtube.com/watch?v=cfrB4Gvpj8c Green Hacks: Optimising images for web - Rekka Bellum (using Gimp) [video]]
	* [https://imagemagick.org/script/mogrify.php Imagemagick's mogrify]		* [https://imagemagick.org/script/mogrify.php Imagemagick's mogrify]
			* [https://github.com/lowtechmag/solar/wiki/Solar-Web-Design How to Build a Low-tech Website: Design Techniques and Process]

	===Dithering===		===Dithering===