grid_on Afbeelding-rasterverdeler star

Hoe het werkt

De tool laadt uw foto op een HTML-canvas, verdeelt dat canvas in een N×M-raster op basis van het aantal rijen en kolommen dat u kiest, en snijdt elke cel uit als eigen afbeelding met canvas-regio-extractie — geen server ziet ooit de pixels. Elke resulterende tegel wordt aangeboden als aparte PNG-download op dezelfde resolutie als het oorspronkelijke uitsnedegebied, dus een afbeelding van 3000×3000px die in een 3×3-raster wordt gesplitst, levert negen tegels van 1000×1000px op.

De specifieke toepassing waarvoor deze tool is gebouwd — het Instagram-meerpost-raster — bestaat omdat Instagram nog nooit een enkele multi-afbeelding-"puzzel"-post native heeft ondersteund die zich over meerdere tegels van een profielraster uitstrekt. Om dat effect na te bootsen, moesten makers handmatig één brede afbeelding vooraf in losse vierkante tegels splitsen en elk daarvan als aparte post uploaden. Omdat het profielraster van Instagram posts nieuwste eerst toont, gelezen van links naar rechts en van boven naar onder, moeten de tegels in de omgekeerde natuurlijke leesvolgorde worden geüpload — beginnend bij de tegel rechtsonder en achterwaarts werkend, van rechts naar links binnen elke rij, onderste rij vóór de rijen erboven — zodat zodra alle negen posts bestaan, de nieuwste-eerst-weergave ze weer samenvoegt tot de juiste van-links-naar-rechts, van-boven-naar-onder-afbeelding.

Voorbeeld: voor een 3×3-raster moet tegel 1 (linksboven op de afbeelding) de laatste post zijn die u uploadt; tegel 9 (rechtsonder op de afbeelding) moet de eerste zijn. Uploaden in de leesvolgorde van de afbeelding levert in plaats daarvan een door elkaar gehusseld, gespiegeld ogend raster op uw profiel op — de meest voorkomende fout bij deze techniek.

Wat u moet weten

• Beeldverhouding is belangrijk: een vierkante (1:1) bronafbeelding splitst in nette vierkante tegels voor Instagram; een niet-vierkante foto levert niet-vierkante tegels op, wat prima is voor posters maar door Instagrams eigen vierkante miniatuurbijsnede onvoorspelbaar wordt afgesneden tenzij u de afbeelding eerst tot een vierkant opvult.
• Verliesvrij bijsnijden: elke tegel wordt op volledige resolutie uit de originele bitmap gehaald en als PNG geëxporteerd, zodat het splitsen zelf geen compressie-artefact toevoegt — eventueel kwaliteitsverlies achteraf komt van het platform dat de tegel bij uploaden opnieuw comprimeert.
• Uploadvolgorde is de hele truc: het splitsen zelf is eenvoudig; of het raster er goed uitziet, hangt volledig af van het plaatsen van tegels in omgekeerde leesvolgorde, rechtsonder eerst.
• Niet alleen voor Instagram: dezelfde N×M-splitsing werkt ook voor het afdrukken van een grote poster over meerdere vellen papier, of elk ander project dat één afbeelding in een regelmatig tegelraster moet verdelen.