Een portret van 3,5 KB
Een foto van 866 KB werd een portret in drie grijstinten van 3,5 KB, gemaakt op onze eigen server. Er ging niets naar een externe dienst.
- Gelanceerd
- Soort
- Beeld
- Voor
- Eigen werk
Wat het opleverde
Bestandsgrootte
van 866 KBnaar 3,5 KB
De originele foto (1600 × 2000 pixels) naast de afbeelding op de site (216 × 270 stippen). Het is dus ook een veel kleinere afbeelding, die we groter tonen.
Naar een externe dienst
0
Uitsnijden en omzetten draaien allebei op onze eigen server.
Wat we maakten
Wat we deden
Een klein model snijdt de foto uit, en daarna rekent code hem om naar stippen in drie grijstinten van de site. De lichtste tint is de achtergrond van de pagina, dus het beeld heeft geen kader. Aan de rand lost het op in een vast patroon, als een vignet uit oud drukwerk.
Elke stip is één pixel in het bestand, en de browser vergroot die zonder vervaging. Daardoor blijft het klein en toch scherp.
Waarom dit past bij hoe we werken
Dezelfde techniek maakt de historische foto’s op deze site, ook allemaal tussen de 5 en 8 KB. Daardoor ziet alles eruit als één drukwerk, of het nu een borstbeeld uit de oudheid is of een foto van vorig jaar.
Er is geen beeld gegenereerd: het is de echte foto, omgezet met een vaste rekenregel. Het model maakte alleen de uitsnede, en op de site staat dat erbij.
Waar het op draait
- rembg met BiRefNet
- Een klein model dat de achtergrond weghaalt. Het draait lokaal.
- Atkinson-dithering
- Zet de foto om in stippen in drie grijstinten van de site.
- Bayer-patroon
- Laat de rand van het beeld geleidelijk oplossen in het wit van de pagina.
- WebP zonder verlies
- Bewaart elke stip scherp, en de browser vergroot ze zonder vervaging.
Waar we hier sterk in zijn
- Kleine modellen op eigen hardware, als gegevens het huis niet uit hoeven.
- Beeld dat bij het merk hoort en nauwelijks laadtijd kost.
- Eerlijk over de machine. Het model maakte alleen de uitsnede, en op de site staat dat erbij.
Zoiets voor jullie?
Vertel ons wat er elke week terugkomt, of wat er beter moet aan je site. Dan zeggen we eerlijk of we er iets aan kunnen doen.