Naar de inhoud
fusionstudios.
Case study2026

Beeldformaten-referentie

PixelSpec

Elk beeldformaat van elk platform, met het antwoord bovenaan en een resizer ernaast die je bestand niet verstuurt. De beeldbewerking gebeurt in je eigen tabblad.

Periode juli 2026 tot heden
Rol Strategie, merk, ontwerp, bouw en SEO
Stack Next.js, React, TypeScript
Live pixelspec.net
01

Het vraagstuk

Eén vraag, één goed antwoord.

"Welk formaat is een Instagram-post?" is een vraag met één goed antwoord, maar wie hem opzoekt krijgt dat antwoord zelden meteen te zien.

De pagina's die in deze niche ranken zijn vaak lange blogposts met verouderde cijfers, waar het getal pas na een paar schermen scrollen opduikt. En de resizers erachter vragen je doorgaans om je afbeelding eerst te uploaden naar een server die je niet kent.

Wij wilden het omgekeerde: het getal bovenaan, met een verificatiedatum erbij, en het gereedschap ernaast dat je bestand niet verstuurt.

02

De aanpak

Eén dataset, alles volgt vanzelf.

(01)Eén bron van waarheidAlle specs staan in één plat databestand dat zowel de site als de API-generator voedt. Een correctie op één plek werkt overal door: pagina, hub, sitemap, JSON-LD, OG-beeld en API.
(02)Een eigen design-systeemEen schoon wit vlak met een fel magenta accent, monospace-cijfers en een pixelraster als achtergrond. Geen thema, geen Tailwind: handgeschreven CSS met een volwaardige donkere modus.
(03)De SpecSheet als hartDe kaart bovenaan elke spec-pagina geeft het antwoord meteen: afmeting, verhouding en een stempel met de verificatiedatum. Extra regels verschijnen alleen als het platform ze echt stelt.
(04)Beeldbewerking in de browserDe resizer en compressor werken op het canvas van de browser zelf. Geen upload, geen tijdelijke opslag: de afbeelding verlaat het tabblad niet.
(05)Bewaakt door controlescriptsTwee eigen scripts lezen de gebouwde site na: het ene zoekt weespagina's en kapotte interne links, het andere valideert de JSON-LD per paginatype.
03

Het werk

Het getal is de held.

Wit, magenta en monospace-cijfers op een pixelraster van 28 bij 28. Het onderwerp van deze site is letterlijk de pixel, en de achtergrond zegt dat zonder woorden.

pixelspec.net
Homepage van PixelSpec op desktop, met de resizer direct bovenaan
De homepage: de resizer staat klaar, geen upload nodig
Homepage van PixelSpec op mobiel
Mobiel hetzelfde antwoord
pixelspec.net
De Instagram-post-specpagina van PixelSpec op desktop
De SpecSheet: het formaat bovenaan, met verificatiedatum
De Instagram-post-specpagina van PixelSpec op mobiel
Het getal eerst, dan de tool
04

Het resultaat

84 pagina's uit één bestand.

Uit die ene dataset komen 51 specs verdeeld over 18 platforms en 84 statische pagina's, elk met eigen metadata, een canonical en een JSON-LD-graaf die uit de data wordt opgebouwd in plaats van per pagina met de hand.

Daaromheen liggen drie distributielagen: een cheat sheet met alle specs in één tabel, een gratis API van 70 statische JSON-bestanden zonder sleutel, en 51 insluitbare widgets die elk op één formaat zijn voorgeladen. Een nieuw platform toevoegen is een toevoeging aan één bestand, waarna pagina, hub, sitemap, OG-beeld, API en widget vanzelf ontstaan.

51

Specs, elk met verificatiedatum

18

Platforms, van Instagram tot Bluesky

84

Statische pagina's uit één dataset

70

Gratis JSON-bestanden als API

BellenWhatsAppStart een project