- Put raw images into the original/ folder.
-
Name files
YYYY-MM-short-slug.jpg(kebab-case), e.g.2026-01-shanghaitech-talk.jpg. Use the same basename in original/, optimized/, thumbnails/, and strip/. - These raw images are then optimized in the following ways:
- they are passed through an online optimizer tool that minimizes image size without losing (a lot of) quality.
- they are all transformed into .jpg files (generally, from .png).
- they are all renamed from .jpeg to .jpg (to ensure consistency between jpg/jpeg).
-
These optimized images are stored in the /optimized subdirectory.
- The optimized images are then transformed into thumbnails (of 96px width) using a Mac Automator utility I learnt about recently (easy to make these in Mac – just lookup online).