Dela bild i rutnät

Dela en bild i ett rutnät

Stora bilder kan vara mer användbara när de delas upp i mindre delar. Ett varumärke kanske vill ha ett 3×3- Instagram-rutnät, en designer kan behöva lika stora bitar till en webblayout, eller en skapare kanske vill göra om en panorama till separata inlägg. Den här bilddelaren skär en källbild i ett NxM-rutnät i din webbläsare. Välj antal rader och kolumner, generera rutorna, förhandsgranska varje bit och ladda ner delarna som separata PNG-filer.

Processen sker helt på klientsidan. Din bild avkodas lokalt, varje ruta ritas från de ursprungliga pixlarna på en canvas och webbläsaren skapar nedladdningsbara Blob-filer. Ingen uppladdning, inget konto och ingen lagring på servern. Det gör den säker för kampanjutkast, personliga foton, privata designreferenser och kundförhandsvisningar som inte bör skickas till en onlinetjänst för bilder bara för att delas upp.

Rader, kolumner och rutornas ordning

Rader delar bilden uppifrån och ned, och kolumner delar den från vänster till höger. En 3×3-delning skapar nio rutor, en 1×3-delning skapar tre vertikala delar och en 3×1-delning skapar tre horisontella delar. Rutornas namn innehåller rad och kolumn så att du kan hålla koll på ordningen. I vissa rutnät på sociala medier är publiceringsordningen omvänd eftersom den senaste bilden visas först. Kontrollera plattformens beteende innan du publicerar ett helt rutnät.

Få rena resultat

Börja med en bild som redan har den övergripande form du vill ha. Behöver du ett kvadratiskt Instagram- rutnät beskär du källan till kvadrat innan du delar så att varje ruta linjerar snyggt. Mycket små källbilder kan ge suddiga rutor om de förstoras senare, så använd källan med högsta tillgängliga upplösning. Efter nedladdningen förhandsgranskar du rutorna tillsammans i ditt designverktyg eller din schemaläggare för sociala medier för att kontrollera att viktiga ansikten, text och produktdetaljer inte delas illa över rutornas kanter.