Slå ihop bilder till en bild: layout, storlek och appar

Nästan alla önskemål om att kombinera bilder hamnar i en av fyra former. Sida vid sida placerar två till fyra bilder på en rad. Det är formen för ett före och efter, en produkt i två färger eller ett då-och-nu-par. Vertikal stapel lägger bilderna uppifrån och ned, och så gör du fem skärmbilder av en lång chatt, ett kvitto eller ett recept till en enda hög bild som är lätt att scrolla på telefonen. Rutnät fyller rader och kolumner, 2 × 2 för fyra bilder eller 3 × 3 för nio, och är den klassiska collagen. Den fjärde, mindre självklara formen är en lång remsa som du senare delar upp i bilder.

Remsan är bra att känna till eftersom det är så sammanhängande karuseller på Instagram görs. Tre stående bilder på 1080 × 1350 px, placerade kant i kant, blir en yta på 3240 × 1350 px. Du designar eller slår ihop över hela remsan, så att en panoramabild eller ett motiv kan korsa kanterna mellan bilderna, och delar sedan upp den i tre lika delar med dela bild. När någon sveper fortsätter bilden från en bild till nästa. Instagram höjde gränsen för karuseller från 10 till 20 bilder 2024, så en remsa kan vara mycket längre än förut.

Det är viktigt att välja form först eftersom den avgör vilken kant alla bilder måste dela. En rad behöver en höjd, en stapel behöver en bredd och ett rutnät behöver en cellstorlek, vilket oftast betyder ett bildförhållande. Formen avgör också hur stor filen blir: en rad växer i bredd för varje bild du lägger till, en stapel växer i höjd och ett rutnät växer i båda riktningarna. Korten nedan visar proportionerna för ett typiskt resultat i varje layout, så att du kan se den färdiga bilden framför dig innan du börjar.

Foton från olika källor har nästan aldrig samma storlek. Ett iPhone-foto är 4032 × 3024 px, en skärmbild från samma telefon kan vara 1179 × 2556 px och en bild sparad från en webbplats kanske är 800 × 600 px. Lägger du dem bredvid varandra orörda får du en ojämn kant, en liten bild bredvid en enorm och vita eller svarta fält i luckorna. Lösningen är att skala alla bilder så att den gemensamma kanten blir lika lång: för en rad ändrar du storlek på varje bild till samma höjd, till exempel 1080 px, och för en stapel till samma bredd, till exempel 1080 eller 1179 px.

När formerna också skiljer sig räcker inte skalning. Ett stående och ett liggande foto med samma höjd har fortfarande helt olika bredd, vilket ser obalanserat ut i ett före och efter. Beskär båda till samma proportioner först, 4:5 eller 1:1 är säkra val, och matcha sedan storleken. Vår guide om att beskära en bild till ett bildförhållande går igenom hur du väljer proportioner och håller motivet centrerat. För ren skalning till ett exakt antal pixlar kan du ändra storlek på bilden före sammanslagningen, eller låta verktyget göra det.

Skala alltid ned mot den minsta bilden i stället för upp mot den största. Om du krymper ett foto på 4032 px till 1080 px förblir det skarpt, men om du sträcker en skärmbild på 600 px till 1080 px blir varje bokstav suddig, och den mjuka bilden sticker ut bredvid de skarpa. I verktyget slå ihop bilder ger Matcha storlekar på Automatiskt en rad en höjd och en stapel en bredd, och Minsta garanterar att inget förstoras.

Ett mellanrum är det tomma utrymmet mellan bilderna. Noll lägger dem kant i kant, vilket passar en karusellremsa eller en lång skärmbild där skarven ska försvinna. Ett smalt mellanrum på 10–20 px på en bild som är 1080 px bred, ungefär 1–2 % av bredden, ser ut som en medveten linje och får ett rutnät att se prydligt ut. Låt ytterkanten vara lika bred som mellanrummet så att kanterna känns jämna. Mellanrum och ram får bakgrundsfärgen: vitt ser rent ut i de flesta flöden, svart passar mörka foton och nattbilder, och en ljusgrå nyans som #F2F2F2 mjukar upp ett rutnät utan att det ser ut som en tom sida.

Utdatans storlek är enkel aritmetik, och den växer snabbare än man tror. Fyra telefonfoton på 4032 px bredvid varandra blir en bild som är över 16 000 px bred, långt mer än någon skärm visar och mer än många appar tar emot. För delning i chatt, e-post eller sociala inlägg bör du hålla den färdiga bredden på högst 4000 px. 2048 px räcker gott för de flesta telefoner och 1080 px motsvarar Instagram. Meddelandeappar komprimerar stora bilder igen ändå, så ett original i rimlig storlek klarar komprimeringen bättre än ett gigantiskt.

Formatet beror på vad bilderna innehåller. Skärmbilder, diagram och allt med text hör hemma i PNG, som är förlustfritt och behåller bokstäverna skarpa. Foton hör hemma i JPG med kvalitet 80–85, vilket ser likadant ut som originalet till en bråkdel av storleken. En hög PNG med foton kan lätt nå 20 MB eller mer, medan samma stapel som JPG oftast är några megabyte. Kom ihåg att JPG inte kan innehålla transparens, så ett genomskinligt mellanrum blir vitt, och att JPEG har en hård gräns på 65 535 px på varje sida, vilket bara spelar roll för mycket långa staplar.

Appen Bilder i iPhone har ingen collage- eller sammanslagningsfunktion, men appen Genvägar har det. Åtgärden Kombinera bilder sätter ihop valfritt antal markerade foton horisontellt, vertikalt eller i ett rutnät, med ett mellanrum i pixlar, och en efterföljande åtgärd Spara i fotoalbum lägger resultatet i ditt bibliotek. Genvägar har funnits i iOS sedan iOS 13 och kom till Mac med macOS Monterey 2021, så samma genväg fungerar på båda. På Android har Google Foto alternativet Collage bland sina skapa-verktyg, med färdiga mallar för några få bilder, och Samsung Galleri har Skapa → Collage för två till sex bilder.

På datorn krävs lite improvisation. I Paint i Windows kan du förstora ytan, klistra in den andra bilden och dra den på plats, vilket fungerar för två bilder men gör exakt justering svår. PowerPoint är mer exakt: ange en anpassad bildstorlek, placera bilderna med justeringsverktygen och exportera sedan bilden som PNG eller JPG. Förhandsvisning i macOS ändrar storlek bra under Verktyg → Justera storlek, men kan varken utöka ytan eller foga ihop filer, så på Mac använder du åtgärden i Genvägar, Keynote eller ett webbverktyg. Canva och webbverktyg för sammanslagning ger exakt kontroll över mellanrum, bakgrund och utdatastorlek.

Att foga ihop skärmbilder är en vertikal stapel med ett extra problem: överlappning. När du scrollar och tar en ny bild upprepas oftast nederkanten av den förra högst upp i nästa, så en vanlig stapel visar samma meddelande eller rad två gånger. Beskär bort det upprepade fältet överst på varje följande skärmbild före sammanslagningen, och behåll en eller två rader sammanhang så att läsaren kan följa skarven. Android 12 och senare kan ta en rullande skärmbild direkt med Fånga mer, och Safari på iPhone sparar en helsidesbild som PDF, men ingetdera fungerar i alla appar, så manuell sammanfogning är fortfarande det vanliga sättet för chattar och appvyer.

Jämförelsebilder följer strängare regler än collage, eftersom betraktaren bedömer en skillnad. Ta eller beskär båda bilderna med samma bildutsnitt, samma proportioner och helst samma ljus, och slå sedan ihop dem sida vid sida med samma höjd och ett litet mellanrum eller inget alls. Lägg före till vänster, eftersom folk läser från vänster till höger, och lägg bara till etiketter om plattformen tillåter text på bilder. Marknadsplatser begränsar ofta huvudbilden i annonsen. Amazon ber till exempel om en enda produkt på ren vit bakgrund, så jämförelsebilder hör hemma i de sekundära bildplatserna.

Telefonfoton innehåller EXIF-metadata: kameramodell, datum och tid, och ofta de exakta GPS-koordinaterna för var varje bild togs. En sammanslagen bild är en ny fil som ritats på en ny yta, och de flesta verktyg kopierar inte över källfotonas EXIF, vilket oftast är just vad du vill innan du publicerar ett collage av ditt hem eller ett barns skola. Ta det dock inte för givet. Kontrollera resultatet i filens infopanel eller egenskaper, eller svep uppåt på fotot på iPhone, och leta efter en plats innan du delar det offentligt.

Utskrift ändrar målet från pixlar på skärmen till pixlar per tum. Fotolabb skriver ut i 300 dpi, så en utskrift på 4 × 6 tum kräver 1200 × 1800 px och en på 5 × 7 tum kräver 1500 × 2100 px. Ett A4-ark i 300 dpi är 2480 × 3508 px och US Letter är 2550 × 3300 px. Bygg collaget i de måtten, med ett mellanrum på 20–30 px så att fotona inte visuellt rör vid varandra, och lämna några millimeter marginal eftersom labb beskär kanterna något.

Anpassa rutnätet till papperets proportioner före sammanslagningen, annars beskär eller fyller ett fotolabb bilden så att den passar arket. En utskrift på 4 × 6 är 2:3, så ett rutnät med 2 kolumner och 3 rader kvadratiska foton fyller den exakt, medan ett 3 × 3-rutnät med kvadrater lämnar fält upptill och nedtill. Om collaget ska till en portal eller ett e-postmeddelande i stället för en skrivare, minska bildens storlek i KB efter sammanslagningen, inte före.

De flesta misslyckade sammanslagningar går fel på ett fåtal förutsägbara sätt, och nästan alla beror på att storleksteget hoppades över. En rad foton med olika höjd tvingar verktyget att antingen lämna fält eller sträcka något. En förstorad skärmbild blir suddig. En stapel som sparats i fel format blir för tung att skicka eller bifoga. Inget av detta kräver särskild programvara för att lösas, bara ett nytt försök med rätt inställning och en minut för att kontrollera resultatet.

Kontrollera den färdiga bilden i 100 % zoom innan du delar den, inte bara som miniatyr. Titta på skarvarna, den minsta texten och filstorleken i din filhanterare. Om fotorutnätsverktyget eller något annat verktyg gav något för stort, sänk bredden i stället för JPG-kvaliteten först, eftersom en halverad bredd minskar filen till ungefär en fjärdedel samtidigt som den förblir skarp i normal visningsstorlek. Sänk kvaliteten under 80 först när bredden redan är där du vill ha den.