Om tjänsten
Marcus Cedergren
Mjukvaruutvecklare & hobbyfotograf
Jag byggde Collage Studio av ren frustration. Jag kunde inte hitta ett collageverktyg som hanterade stora bildsamlingar på det sätt jag ville. Varje app eller tjänst jag provade tvingade antingen in mina bilder i en fast mall eller producerade stela, förutsägbara rutnät, och beskar ofta bilder för att de skulle passa layouten istället för tvärtom. Många var dessutom sega att jobba med, och att ladda upp personliga semesterbilder till okända tjänster kändes inte tryggt. Jag ville ha något som arrangerade bilder organiskt, fyllde canvasen så fullständigt som möjligt, gav varje bild det utrymme den förtjänade, och producerade en högupplöst fil som var tillräckligt bra för att skicka direkt till en utskriftstjänst på nätet för en stor poster. Som mjukvaruutvecklare var den självklara lösningen att helt enkelt bygga det själv!
Vad den gör
De flesta collageverktyg lägger dina bilder i en fast mall eller ett stelt rutnät. Collage Studio fungerar annorlunda: det arrangerar varje bilduppsättning för att fylla canvasen så fullständigt som möjligt utan att följa en förinställd mall, så varje resultat ser annorlunda ut.
Eftersom den löser arrangemanget istället för att följa en mall hanterar den stora bildsamlingar bra (upp till 300 bilder). Du kan prioritera några bilder så att de oftare blir större och mer centralt placerade. Ju fler bilder du lägger till, desto fler kombinationer har lösaren att arbeta med.
Exportera som en utskriftsklar fil i 300 DPI vid standardpappersstorlekar, eller storleksanpassad för skärm eller sociala medier: kvadratiska och stående inlägg, 9:16 stories och reels, kortvideoformat, pins och profilomslag och banners för alla större plattformar.
Allt körs i din webbläsare. Layoutalgoritmen är kompilerad till WebAssembly och körs lokalt på din enhets CPU. Inga uppladdningar, inga konton.
Hur det fungerar
När du skapar ett collage utforskar appen ett stort antal möjliga arrangemang och behåller tre som fyller din valda storlek väl, var och en med sin egen tyngdpunkt: en balanserad, en med jämnare storlekar och en med större kontraster. Bilder du prioriterat tas med i beräkningen. Sökningen körs parallellt på din enhets CPU-kärnor, så även stora bilduppsättningar brukar bli klara på några sekunder.
Du väljer den variant du gillar bäst. Varje körning ger oftast nya arrangemang, så du kan ta fram nya varianter tills du är nöjd med resultatet. Algoritmen anpassar sig automatiskt till ditt bildantal och storlek.
Layoutmotorn är en genetisk algoritm, samma typ av teknik som används för att lösa komplexa optimeringsproblem inom teknik och logistik. Den börjar med en population av slumpmässiga arrangemang och låter dem utvecklas över hundratals generationer: layouter som fyller canvasen väl överlever och för sina egenskaper vidare, medan dåliga sållas bort. Små slumpmässiga mutationer håller sökningen från att fastna. Målet är ett nära optimalt arrangemang, framtaget genom styrd utforskning snarare än brute force. Det förklarar varför körningarna oftast skiljer sig åt, och varför fler bilder ger den mer att arbeta med.
Grundidén, en rekursivt uppdelad yta som söks igenom med en genetisk algoritm, kommer från Jian Fans artikel Photo Layout with a Fast Evaluation Method and Genetic Algorithm från 2012.
Tips
- 01
Använd 15 eller fler bilder för bästa resultat. Fler bilder ger algoritmen mer att arbeta med.
- 02
Klicka på en bild och prioritera den (×2, ×3 eller ×5) för att ge den mer utrymme och en framträdande plats i collaget.
- 03
Om resultatet har luckor, prova en annan storlek eller lägg till fler bilder. Varje körning ger oftast nya layouter, så att ta fram nya varianter stänger ofta kvarvarande luckor.
- 04
Exportera en variant du gillar innan du tar fram nya. Varje körning är unik, så samma layout dyker sannolikt inte upp igen.
Kontakt
Jag hoppas att Collage Studio kommer till nytta, oavsett om det blir en tavla på väggen eller ett inlägg i flödet. Hör gärna av dig med frågor, glada tillrop, förbättringsförslag eller om något inte fungerar som det ska. Du når mig på collage-studio@kodverket.se.