Een panorama dat als een enkele afbeelding op Instagram wordt geplaatst, verandert in een dunne streep in de feed Hetzelfde panorama dat in drie of vier dia's wordt gesneden en als carrousel wordt geplaatst, vult het scherm en het vegen beweegt over de foto alsof je een camera aan het pannen bent. Het effect is eenvoudig te beschrijven en gemakkelijk enigszins verkeerd te krijgen: een dia één pixel verwijderd, of een laatste dia smaller dan de rest, en de veegsprongen.
Deze gids legt uit hoe een naadloze carrousel werkt, hoeveel dia's een bepaald panorama nodig heeft, hoe de snijberekening eruit ziet bij echte pixeltellingen en hoe u de Carrousel Scroll Generator op Toolz om het snijden in uw browser te doen.
tl;dr: Een naadloze carrousel is één brede afbeelding die in gelijke dia's is gesneden en die hun randen precies delen, op volgorde geplaatst zodat het vegen van de afbeelding scrollt De diatelling is de panorama' s beeldverhouding gedeeld door de slide' s beeldverhouding: een 3:1 panorama is 3 vierkante dia's of 4 portret (4:5) dia's De carrousel scroll generator suggereert dat tellen, snijdt de afbeelding tot precies zoveel dia's' waarde van breedte, snijdt op hele pixel grenzen, en exporteert 1080 px brede dia's als JPEG, PNG of WebP in een genummerde zip. Het draait client-side, niets geüpload, gratis, geen aanmelding.
Wat is een naadloze Instagram carrousel?
Een naadloze carrousel is een carrouselpost waarvan de dia's opeenvolgende stukken van de ene afbeelding zijn In plaats van van de ene foto naar de volgende te stappen, veegt de kijker en gaat het beeld verder over de opening Landschapsfotografen gebruiken het voor panorama's, ontwerpers gebruiken het voor lange illustraties en merken gebruiken het voor tijdlijnen of productopstellingen die over verschillende frames lopen.
Het werkt omdat een carrousel in een strook schuiven naast elkaar toont, en elke schuif in een paal dezelfde grootte heeft, als schuif 1 eindigt bij pixelkolom 1.200 van het origineel en schuif 2 begint bij kolom 1.200, is de verbinding onzichtbaar, als schuif 2 begint bij kolom 1.198 of 1.203, herhaalt of verdwijnt een stukje van het beeld, en op een rechte horizon of een bouwrand die als zichtbare stap wordt weergegeven.
Twee platformregels geven vorm aan al het andere Vanaf dit schrijven accepteert Instagram maximaal 20 dia's in één carrousel, en alle dia's in een bericht delen de beeldverhouding van de eerste; een dia in een andere vorm wordt bijgesneden om overeen te komen Platforms veranderen deze details van tijd tot tijd, dus behandel ze als actueel gedrag in plaats van als een vaste specificatie.
Welke diavorm moet je kiezen?
Portret 4:5 is de gebruikelijke keuze, omdat het de hoogste vorm is die de Instagram-feed weergeeft en het meeste scherm op een telefoon neemt Vierkant en landschap zijn er wanneer de compositie bij hen past.
De generator biedt de drie carrouselvormen, elk 1080 px breed geëxporteerd:
| Schuifvorm | Uitvoergrootte | Verhouding (breedte /hoogte) | Dia's voor een 3:1 panorama | Dia's voor een 4:1 panorama |
|---|---|---|---|---|
| Portret (standaard) | 1080 x 1350 | 0,8 | 4 | 5 |
| Square | 1080 x 1080 | 1.0 | 3 | 4 |
| Landschap | 1080 x 566 | 1.91 | 2 | 2 |
De dia tellen in de tabel komen uit één divisie, behandeld in de volgende sectie Het patroon om op te merken is dat smallere dia's er meer nodig hebben om dezelfde breedte te bestrijken Portret dia's tonen de meeste hoogte van het panorama per dia, wat meestal is wat een landschapsfoto groot doet voelen, maar ze hebben meer swipes nodig Landschap dia's tonen een panorama in minder, kortere frames en passen zeer brede, ondiepe beelden zoals skylines.
Hoeveel dia's heeft een panorama nodig?
Verdeel de beeldverhouding van panorama' s door de beeldverhouding van slide' s en rond vervolgens af naar de dichtstbijzijnde hele dia.
slides = round( (image width / image height) / (slide width / slide height) )
Voor een 3:1 panorama in portretdia's: 3 /0,8 = 3,75, afgerond op 4. In vierkante dia's: 3 / 1 = 3. In landschapsdia's: 3 /1,908 = 1,57, afgerond op 2.
Voor een 4:1 panorama, zoals een afbeelding van 6000 x 1500: 4 /0,8 = 5 portretdia's, 4 /1 = 4 vierkante dia's en 4 /1,908 = 2,1, dus 2 landschapsdia's.
de panorama naar carrouseltool voert deze berekening uit zodra u een afbeelding toevoegt, klemt het antwoord vast op tussen 1 en 10 en stelt de schuifregelaar voor dia's in met een regel zoals "4 komt het meest overeen met uw afbeelding' verhoudingen het nauwst." De schuifregelaar zelf loopt van 2 naar 10. Zodra u deze verplaatst, overschrijft de suggestie uw keuze niet meer; het toevoegen van een nieuwe afbeelding of het kiezen van een andere diavorm brengt de suggestie terug.
De telling verdeelt zelden perfect, dus iets moet geven Afronden naar meer dia's trims een beetje vanaf de boven - en onderkant van het panorama Afronden naar beneden naar minder dia's trims van links en rechts De generator maakt die trim een keer, gecentreerd, voordat je gaat knippen, daarom komt elke dia er even groot uit.
Hoe snijdt het gereedschap glijbanen zonder naad?
Het werkt in drie stappen, en elk bestaat om een specifiek soort naad te stoppen.
Stap 1: snij de strook bij. De dia's vormen samen één lange strook waarvan de verhouding de diaratio maal de diatelling is, bij 4 portretdia's is dat 1080 x 4 /1350 = 3,2 Het gereedschap neemt het grootste gecentreerde gebied van de afbeelding met precies die verhouding, als de afbeelding breder is dan de strook, worden de zijkanten bijgesneden; als deze groter is, worden de boven - en onderkant bijgesneden.
Stap 2: splits de strip in kolommen met hele pixels. De strookbreedte wordt afgerond op een geheel aantal pixels, gedeeld door het aantal dia's, en eventuele overgebleven pixels worden één voor één uitgedeeld aan de leidende dia's Een strook van 3.199 px in 3 dia's wordt 1.067 + 1.066 + 1.066 De kolommen zijn opeenvolgend, dus elke dia begint op precies de pixel nadat de vorige is geëindigd Geen enkele kolom wordt tweemaal geteld en geen enkele wordt overgeslagen.
Stap 3: schaal elke dia naar de uitvoergrootte. Elke kolom wordt op een canvas getekend op het volledige vooraf ingestelde formaat, 1080 x 1350 voor portret, met behulp van de browser's canvas drawImage operatie gedefinieerd in de WHATWG HTML-standaard, met hoogwaardige beeldafvlakking.
Waarom niet elke dia & #39; s positie onafhankelijk afronden? omdat fractionele grenzen afdrijven Als een strook 3.201 px breed is en 4 dia's worden berekend als 800,25 px elk, kan het afronden van elke start en breedte op zichzelf één dia & #39; s rechterrand een pixel voorbij de volgende dia plaatsen & #39; s linkerrand Het spreiden van de rest over de leidende dia's houdt elke grens een geheel getal en elke dia binnen één bronpixel van de andere In het geval 1.067 versus 1.066, dat één extra bronpixel de horizontale schaal van de uitvoer met minder dan 0,1% verandert, wat niet zichtbaar is.
Een uitgewerkt voorbeeld met echte pixeltellingen
Neem een panorama van 4000 x 1333, een beeldverhouding van 3.0008, en kies portretdia's.
De voorgestelde telling. 3,0008 /0,8 = 3,751, afgerond op 4 dia's.
De strip voor 4 dia's. De stripverhouding is 3,2, en de beeldverhouding van 3,0008 is minder dan dat, dus het beeld is relatief groter dan de strip Het gereedschap behoudt de volledige 4000 px breedte en trimt hoogte: 4000 /3,2 = 1.250 px Dat verwijdert 83 px, ongeveer 41,5 px van de bovenkant en 41,5 px van de onderkant.
De dia's. 4000 /4 = 1.000 px elk zonder rest, dus vier plakjes van 1000 x 1250, elk opgeschaald met 1,08 tot 1080 x 1350.
4000 x 1333 panorama, portrait, 4 slides
strip: x 0-4000, y 41.5-1291.5 (4000 x 1250)
slide 1: columns 0-999 -> 1080 x 1350
slide 2: columns 1000-1999 -> 1080 x 1350
slide 3: columns 2000-2999 -> 1080 x 1350
slide 4: columns 3000-3999 -> 1080 x 1350
In plaats daarvan 3 dia's kiezen. Sleep de schuifregelaar naar 3 en de stripverhouding daalt naar 2,4 Nu is de afbeelding breder dan de strip, dus het gereedschap behoudt de volledige hoogte van 1.333 px en de breedte van de afwerkingen: 1.333 x 2,4 = 3.199,2 px, afgerond naar 3.199. Er komt ongeveer 400 px van elke kant. Opgesplitst in 3, dat wil zeggen 1.067 + 1.066 + 1.066 px, dus de eerste dia krijgt de enige overgebleven pixel.
Te ver duwen. Bij 6 dia's zou de stripverhouding 0,8 x 6 = 4,8 zijn, veel breder dan de afbeelding De generator toont een waarschuwing wanneer de image' s ratio onder de 75% van de strip ratio komt Voor deze afbeelding 0,8 x 6 x 0,75 = 3,6, en 3,0 is minder dan 3,6, dus de pagina zegt: & quot; Deze afbeelding is niet breed genoeg voor 6 dia's bij die vorm, dus elke dia zal worden bijgesneden hard boven en onder." Bij 5 dia's is de drempel 3,0 en de afbeelding maakt deze gewoon duidelijk.
Een tweede voorbeeld toont een panorama dat precies past Een afbeelding van 6000 x 1500 is 4:1, bij portretdia's is de suggestie 4 /0,8 = 5, de stripverhouding is 5 x 0,8 = 4,0, en er wordt helemaal niets bijgesneden: vijf plakjes van 1200 x 1500, elk verkleind met 0,9 tot 1080 x 1350 Schakel over naar vierkante dia's en de suggestie is 4, wederom zonder trim: vier plakjes van 1500 x 1500, verkleind naar 1080 x 1080.
Hoe maak je de carrousel stap voor stap?
- Voeg het panorama toe. Open de Instagram carrousel splitter en een afbeelding neerzetten, klikken om te bladeren, of plak er een van het klembord Elke afbeelding die de browser kan decoderen werkt, wat in de praktijk PNG, JPEG, WebP, GIF en AVIF betekent.
- Kies de glijvorm. Portret 4:5 is de standaard De notitie onder de picker herhaalt waar de vorm voor dient.
- Controleer het aantal dia's. Accepteer de suggestie of verplaats de schuifregelaar De voorbeeldstrip wordt onmiddellijk opnieuw getekend en de koptekst toont de uitvoer, bijvoorbeeld "4 x 1080x1350".
- Kies een formaat en download. Druk op " Download alle 4 als een zip" voor de hele set, of gebruik de " Slide 1", "Slide 2" knoppen om enkele dia's op te slaan.
Bestanden worden benoemd vanuit uw oorspronkelijke bestandsnaam met een zero-padded nummer: harbor.jpg HALD harbor-01.jpeg, harbor-02.jpeg en zo verder binnen harbor-carousel.zip. De opvulling houdt de dia's in veegvolgorde in elke bestandsbeheerder, wat belangrijk is wanneer u ze allemaal op uw telefoon selecteert De zip-bibliotheek wordt alleen geladen wanneer u op de zip-knop drukt, zodat de pagina zelf licht blijft.
Upload de dia's in nummervolgorde naar Instagram als een enkele carrouselpost Het plaatsen ervan is de meest gebruikelijke manier waarop een correcte set dia's er gebroken uitziet.
Moet u JPEG, PNG of WebP exporteren?
JPEG is de standaard en de juiste keuze voor foto's Instagram codeert uploads sowieso opnieuw als JPEG, dus een verliesvrij bestand koopt een grotere upload en er is aan het einde niets zichtbaars. JPEG-compressie is gedefinieerd in ITU-T-aanbeveling T.81, en de generator codeert met een kwaliteit van 0,92.
PNG is verliesvrij, gespecificeerd door de W3C PNG aanbeveling, en past bij panorama's die illustraties, diagrammen of tekst bevatten, waarbij JPEG-artefacten rond harde randen vóór Instagram' zijn eigen compressie voegt meer toe.
WebP geeft de kleinste bestanden op vergelijkbare kwaliteit en gebruikt ook 0.92 voor zijn lossy codering Het is een verstandige keuze voor dia's die ergens anders dan Instagram worden geleid, zoals een websitegalerij.
Als u de dia's daarna in een ander formaat nodig heeft, of een map ervan die in bulk is geconverteerd, kunt u de handleiding raadplegen conversie van afbeeldingsformaat behandelt wat er verandert tussen JPG, PNG en WebP en wanneer elk de moeite waard is.
Zal splitsen de beeldkwaliteit verlagen?
Snijden niet; schaalblikje Elke dia wordt met volledige resolutie van de bron gehaald en vervolgens geschaald naar 1080 px breed.
Wanneer een plak breder is dan 1080 px, zoals in het voorbeeld van 6000 x 1500 waarbij elke plak 1200 px is, wordt de schuif verkleind, waardoor er geen zichtbaar detail verloren gaat, wanneer een plak smaller is dan 1080 px, wordt de schuif opgeschaald en ziet deze er zachter uit De afbeelding van 4000 x 1333 in 4 portretdia's geeft 1000 px plakjes, een milde 1.08x vergroting Een afbeelding van 2000 px breed opgesplitst in 5 dia's geeft 400 px plakjes, vergroot 2,7x a, en zal zacht uitzien.
Uit de rekenkunde volgt een vuistregel: bij knapperige dia's moet de bron minimaal 1080 px breed zijn per dia, dus 4.320 px voor 4 dia's en 5.400 px voor 5. als een panorama kleiner is dan dat, zullen minder dia's er scherper uitzien. Voor meer informatie over waarom vergroten geen details kan toevoegen, zie de handleiding op het formaat van afbeeldingen wijzigen zonder kwaliteitsverlies, die door downscaling, upscaling en resampling loopt.
Wat veroorzaakt een zichtbare naad, en hoe repareer je deze?
De meeste naden zijn afkomstig van een van de vijf oorzaken, en de generator verwijdert de eerste twee.
| Symptoom | Waarschijnlijk oorzaak | Fix |
|---|---|---|
| Een dunne herhaalde of ontbrekende strook bij een verbinding | Fractionele plakgrenzen onafhankelijk afgerond | Gebruik slicing van hele pixels, zoals de generator doet |
| De laatste dia ziet er uitgerekt of kort gesneden uit | Resterende pixels gedumpt op één dia | Verspreid de rest over de leidende dia's |
| Schuift uit de reeks | Geüpload in de verkeerde volgorde | Plaats in de volgorde van het bestandsnummer, eerst 01 |
| Eén dia is anders bijgesneden dan de rest | Gemengde beeldverhoudingen in één post | Exporteer elke dia in dezelfde vorm |
| Onderwerp door het midden van een gezicht of bord gesneden | Diagrens landt op het onderwerp | Verander het aantal dia's zodat een grens beweegt |
De laatste rij is een compositieprobleem, geen technisch Bij 4 dia's zitten grenzen op 25%, 50% en 75% van de strip; bij 3 dia's, bij 33% en 67% Als een persoon' s gezicht precies op een join landt, verplaatst één dia meer of minder de cut meestal ergens onschadelijk Gezichten en tekst op een join overleven de swipe maar zien er ongemakkelijk uit wanneer een viewer op een enkele slide stopt.
Wat zijn de grenzen van de tool?
De schuifregelaar loopt van 2 tot 10 dia's Instagram staat meer toe, maar voorbij tien heeft een typisch panorama niet meer genoeg breedte om elke dia echt detail te geven, en elke dia wordt een smalle strook die stopt met lezen als een afbeelding.
Het gewas is altijd gecentreerd Als het belangrijke deel van het panorama zich nabij de boven - of onderrand bevindt en de gekozen telling de hoogte afsnijdt, wijzig dan de telling of snij de bron eerst bij met de social media afbeelding cropper, waarmee u het brandpunt kunt kiezen.
De invoer moet een bestand zijn dat de browser identificeert als een afbeelding en kan decoderen. Een bestand dat geen afbeelding is, wordt geweigerd met een bericht waarin het wordt genoemd, en een corrupte afbeelding of een afbeelding in een formaat dat de browser niet kan lezen, krijgt & quot; Die afbeelding kon niet worden gelezen." HEIC-foto's van een iPhone worden door de meeste browsers niet gedecodeerd, dus converteer ze eerst.
Zoals elke tool op de site tellen downloads mee voor een dagelijkse gebruikslimiet. Er is geen watermerk en geen account nodig.
Is het panorama ergens geüpload?
Nee De afbeelding wordt gedecodeerd, bijgesneden, in plakjes gesneden en gecodeerd op een HTML-canvas in uw browser, en de zip wordt lokaal samengesteld Er wordt niets naar een server verzonden, opgeslagen of gelogd, en de pagina blijft werken met het netwerk dat is verbroken zodra het is geladen Dat is van belang voor nog niet uitgebrachte productshots of clientwerk dat u nog niet hebt gepubliceerd.
Gerelateerde tools voor carrouselpalen
De scrollgenerator bevindt zich naast een handvol andere beeldhulpmiddelen die zijn gebouwd voor sociale berichten, allemaal aan de clientzijde.
de social media afbeelding cropper snijdt een enkele afbeelding tot vijftien platformgroottes met een negenpunts brandpuntsraster De matte generator zet een niet-vierkante afbeelding op een vierkant of portretmat zodat de hele afbeelding de feed overleeft, wat past bij een voorblad dat het volledige panorama klein voor de carrousel toont De generator van fotokaarten bouwt citaatkaarten en nieuws-stijl graphics uit sjablonen, en de watermarker voegt een logo of handtekening watermerk toe, in een hoek of betegeld, voordat je post Elk gereedschap in de set staat vermeld op de hub voor sociale beeldtools.
