Ein auf Instagram gepostetes Panorama als einzelnes Bild verwandelt sich im Feed in einen dünnen Streifen, das gleiche Panorama, das in drei oder vier Folien geschnitten und als Karussell gepostet wurde, füllt den Bildschirm, und das Wischen bewegt sich über das Bild, als ob man eine Kamera schwenkt Der Effekt ist einfach zu beschreiben und leicht etwas falsch zu machen: ein Diapositiv, das ein Pixel entfernt ist, oder ein letzter Diapositiv, der schmaler als der Rest ist, und der Wisch springt.
In diesem Ratgeber wird erklärt, wie ein nahtloses Karussell funktioniert, wie viele Folien ein bestimmtes Panorama benötigt, wie die Schnittarithmetik mit realen Pixelzahlen aussieht und wie man die Karussell-Rollengenerator Auf Toolz, um das Slicing in Ihrem Browser durchzuführen.
tl; dr: Ein nahtloses Karussell ist ein breites Bild, das in gleiche Dias geschnitten ist, die ihre Kanten genau teilen, in der Reihenfolge gepostet werden, sodass das Bild durch Wischen gescrollt wird. Die Diazahl ist das Seitenverhältnis panorama's dividiert durch das Seitenverhältnis slide's: ein 3:1-Panorama besteht aus 3 quadratischen Dias oder 4 Porträtdias (4:5). Die Karussellrollengenerator Suggeriert, dass zählen, das Bild auf genau so viele Dias & #39; Wert der Breite, schneidet auf ganze Pixelgrenzen und exportiert 1080 px breite Dias als JPEG, PNG oder WebP in einem nummerierten Zip. Es läuft clientseitig, nichts hochgeladen, kostenlos, keine Anmeldung.
Was ist ein nahtloses Instagram-Karussell?
Ein nahtloses Karussell ist ein Karussellpfosten, dessen Dias aufeinanderfolgende Stücke eines Bildes sind, statt von einem Foto zum nächsten zu treten, wischt der Betrachter und das Bild setzt sich über die Lücke fort Landschaftsfotografen verwenden es für Panoramen, Designer für lange Illustrationen, Marken verwenden es für Zeitleisten oder Produktaufstellungen, die sich über mehrere Rahmen erstrecken.
Es funktioniert, weil ein Karussell Folien nebeneinander in einem Streifen zeigt, und jeder Folienzug in einem Pfosten die gleiche Größe hat, endet Diapositiv 1 an der Pixelspalte 1.200 des Originals und Diapositiv 2 beginnt an Spalte 1.200, ist der Join unsichtbar, beginnt Diapositiv 2 an Spalte 1.198 oder 1.203, wiederholt sich ein Splitter des Bildes oder verschwindet, und an einem geraden Horizont oder einer Gebäudekante, die als sichtbare Stufe angezeigt wird.
Alles andere prägen zwei Plattformregeln, Instagram akzeptiert ab diesem Schreiben bis zu 20 Folien in einem Karussell, und alle Folien in einem Beitrag teilen sich das Seitenverhältnis des ersten; eine Folie in einer anderen Form wird passend beschnitten Plattformen ändern diese Details von Zeit zu Zeit, behandeln sie also eher als aktuelles Verhalten, als als als feste Spezifikation.
Welche Rutschenform soll man wählen?
Portrait 4:5 ist die übliche Wahl, denn es ist die höchste Form, die der Instagram-Feed anzeigt und nimmt den meisten Bildschirm auf einem Telefon Platz und Landschaft sind da, wenn die Komposition zu ihnen passt.
Der Generator bietet die drei Karussellformen, jeweils exportiert 1080 px breit:
| Gleitform | Ausgangsgröße | Verhältnis (Breite/Höhe) | Folien für ein 3:1 Panorama | Folien für ein 4:1 Panorama |
|---|---|---|---|---|
| Porträt (Standard) | 1080 x 1350 | 0.8 | 4 | 5 |
| Platz | 1080 x 1080 | 1.0 | 3 | 4 |
| Landschaft | 1080 x 566 | 1,91 | 2 | 2 |
Die Diazahlen in der Tabelle stammen aus einer Abteilung, behandelt im nächsten Abschnitt, das Muster, das zu beachten ist, dass schmalere Dias mehr davon benötigen, um die gleiche Breite abzudecken Porträtdias zeigen die meiste Höhe des Panoramas pro Folie, was normalerweise ein Landschaftsfoto groß anfühlen lässt, aber sie brauchen mehr Seitenhiebe Landschaftsdias zeigen ein Panorama in weniger, kürzeren Rahmen und passen zu sehr breiten, flachen Bildern wie Skylines.
Wie viele Folien braucht ein Panorama?
Teilen Sie das Seitenverhältnis panorama's durch das Seitenverhältnis slide's und runden Sie es dann auf die nächste ganze Folie.
slides = round( (image width / image height) / (slide width / slide height) )
Für ein 3:1-Panorama in Portrait-Folien: 3 / 0,8 = 3,75, das auf 4 rundet In quadratischen Folien: 3 / 1 = 3. In Landschafts-Folien: 3 / 1,908 = 1,57, was auf 2 rundet.
Für ein 4:1-Panorama, beispielsweise ein 6000 x 1500-Bild: 4 / 0,8 = 5 Porträtfolien, 4 / 1 = 4 Quadratfolien und 4 / 1,908 = 2,1, also 2 Landschaftsfolien.
der Panorama zum Karussellwerkzeug Führt diese Berechnung aus, sobald Sie ein Bild hinzufügen, klemmt die Antwort auf zwischen 1 und 10 und stellt den Slides-Slider darauf ein, indem eine Zeile wie & quot;4 am ehesten mit Ihrem Bild übereinstimmt's Proportionen." Der Slider selbst läuft von 2 bis 10. Sobald Sie ihn verschieben, hört der Vorschlag auf, Ihre Wahl außer Kraft zu setzen; das Hinzufügen eines neuen Bildes oder das Auswählen einer anderen Folienform bringt den Vorschlag zurück.
Die Zählung teilt sich selten perfekt, da muss etwas nachgeben Aufrunden auf mehr Dias-Verkleidungen ein wenig von oben und unten im Panorama Aufrunden auf weniger Dias-Verkleidungen von links und rechts Der Generator macht das Trimmen einmal, zentriert, vor dem Schneiden, weshalb jede Folie die gleiche Größe herauskommt.
Wie schneidet das Werkzeug Dias ohne Naht?
Es funktioniert in drei Schritten und jeder einzelne dient dazu, eine bestimmte Art von Naht zu stoppen.
Schritt 1: Schneiden Sie den Streifen zu. Die Dias bilden zusammen einen langen Streifen, dessen Verhältnis das Diapositiv mal der Diazahl ist Bei 4 Portraitdias ist das 1080 x 4 / 1350 = 3,2. Das Werkzeug nimmt den größten zentrierten Bereich des Bildes mit genau diesem Verhältnis, ist das Bild breiter als der Streifen, werden die Seiten beschnitten; ist es höher, werden Ober - und Unterseite beschnitten.
Schritt 2: Teilen Sie den Streifen in Ganzpixelspalten auf. Die Streifenbreite wird auf eine ganze Anzahl von Pixeln, geteilt durch die Folienanzahl, gerundet und eventuell übrig gebliebene Pixel werden einzeln an die führenden Folien verteilt, so wird aus einem 3.199 px-Streifen in 3 Folien 1.067 + 1.066 + 1.066. Die Spalten sind aufeinanderfolgend, sodass jede Folie genau auf dem Pixel beginnt, nachdem die vorherige beendet wurde Keine Spalte wird doppelt gezählt und keine übersprungen.
Schritt 3: Skalieren Sie jede Folie auf die Ausgabegröße. Jede Spalte wird mit der Leinwand & #39;s auf eine Leinwand in der vollen voreingestellten Größe, 1080 x 1350 für das Porträt, gezeichnet drawImage Operation definiert in WHATWG HTML-Standard‘mit hochwertiger Bildglättung.
Warum nicht jede Folie runden' s Position unabhängig? denn Bruchgrenzen driften Wenn ein Streifen 3.201 px breit ist und 4 Folien mit je 800,25 px berechnet werden, kann durch Rundung jedes Starts und jeder Breite für sich genommen eine Folie' s rechte Kante ein Pixel an der nächsten Folie vorbei 's linke Kante spreizen Durch die Verteilung des Rests über die führenden Folien bleibt jede Grenze eine ganze Zahl und jede Folie innerhalb eines Quellpixels der anderen. Im Fall 1.067 gegenüber 1.066 ändert dieses zusätzliche Quellpixel den horizontalen Maßstab der Ausgabe um weniger als 0,1%, was nicht sichtbar ist.
Ein gearbeitetes Beispiel mit realer Pixelanzahl
Nehmen Sie ein 4000 x 1333 großes Panorama mit einem Seitenverhältnis von 3,0008 und wählen Sie Porträtfolien.
Die vorgeschlagene Zählung. 3,0008 / 0,8 = 3,751, was auf 4 Folien rundet.
Der Streifen für 4 Dias. Das Streifenverhältnis beträgt 3,2, und das Bildverhältnis von 3,0008 ist geringer als das, das Bild ist also relativ höher als der Streifen Das Werkzeug behält die volle 4000 px Breite und Besatzhöhe: 4000 / 3,2 = 1.250 px. Das entfernt 83 px, etwa 41,5 px von oben und 41,5 px von unten.
Die Folien. 4000 / 4 = 1.000 px jeweils ohne Rest, also vier Scheiben von 1000 x 1250, jeweils um 1,08 auf 1080 x 1350 vergrößert.
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
Wählen Sie stattdessen 3 Folien. Schieber auf 3 ziehen und das Streifenverhältnis fällt auf 2,4. Jetzt ist das Bild breiter als der Streifen, also behält das Werkzeug die volle 1.333 px Höhe und Bortenbreite: 1.333 x 2,4 = 3.199,2 px, abgerundet auf 3.199. Von jeder Seite kommen etwa 400 px. Aufgeteilt in 3, das sind 1.067 + 1.066 + 1.066 px, so dass die erste Folie das eine übrig gebliebene Pixel bekommt.
Zu weit schieben. Bei 6 Dias wäre das Streifenverhältnis 0,8 x 6 = 4,8, also weit breiter als das Bild Der Generator zeigt eine Warnung an, wenn das Verhältnis image' s unter 75% des Streifenverhältnisses fällt Für dieses Bild 0,8 x 6 x 0,75 = 3,6, und 3,0 ist weniger als 3,6, also steht auf der Seite: " dieses Bild ist nicht breit genug für 6 Dias in dieser Form, so dass jede Folie oben und unten hart zugeschnitten wird." Bei 5 Dias liegt der Schwellenwert bei 3,0 und das Bild löscht es gerade.
Ein zweites Beispiel zeigt ein Panorama, das genau passt Ein Bild von 6000 x 1500 ist 4:1. In Portraitfolien lautet der Vorschlag 4 / 0,8 = 5, das Streifenverhältnis 5 x 0,8 = 4,0, und es wird überhaupt nichts beschnitten: fünf Scheiben von 1200 x 1500, jeweils um 0,9 auf 1080 x 1350 verkleinert. Auf quadratische Folien umschalten und der Vorschlag ist 4, wiederum ohne Beschnitt: vier Scheiben von 1500 x 1500, skaliert auf 1080 x 1080.
Wie macht man das Karussell Schritt für Schritt?
- Das Panorama hinzufügen. Öffne das Instagram Karussell Splitter Und ein Bild fallen lassen, zum Durchsuchen klicken, oder aus der Zwischenablage einfügen Jedes Bild, das der Browser dekodieren kann, funktioniert, was in der Praxis PNG, JPEG, WebP, GIF und AVIF bedeutet.
- Wählen Sie die Schlittenform. Als Standard gilt Portrait 4:5. Die Notiz unter dem Picker gibt wieder, wofür die Form ist.
- Überprüfen Sie die Anzahl der Folien. Akzeptieren Sie den Vorschlag oder verschieben Sie den Schieberegler Der Vorschaustreifen zieht sofort neu, und der Header zeigt die Ausgabe an, zum Beispiel "4 x 1080x1350".
- Wählen Sie ein Format und laden Sie es herunter. Drücken Sie & quot; Laden Sie alle 4 als zip" herunter. für das gesamte Set oder verwenden Sie die "Slide 1", "Slide 2" Schaltflächen zum Speichern einzelner Folien.
Dateien werden nach Ihrem ursprünglichen Dateinamen mit einer null aufgefüllten Nummer benannt: harbor.jpg wird harbor-01.jpeg, harbor-02.jpeg Und so weiter drinnen harbor-carousel.zip. Das Polster hält die Folien in jedem Dateimanager in Wischreihenfolge, was wichtig ist, wenn Sie sie alle auf Ihrem Telefon auswählen. Die Zip-Bibliothek wird nur geladen, wenn Sie die Zip-Taste drücken, sodass die Seite selbst hell bleibt.
Laden Sie die Folien in der Reihenfolge ihrer Anzahl als einzelnen Karussellbeitrag auf Instagram hoch. Wenn Sie sie außer Betrieb setzen, sieht es am häufigsten so aus, dass ein korrekter Foliensatz kaputt aussieht.
Soll man JPEG, PNG oder WebP exportieren?
JPEG ist die Voreinstellung und die richtige Wahl für Fotografien Instagram kodiert Uploads ohnehin als JPEG neu, so dass eine verlustfreie Datei einen größeren Upload kauft und am Ende nichts sichtbar ist JPEG-Komprimierung ist definiert in ITU-T-Empfehlung T.81, und der Generator kodiert mit einer Qualität von 0,92.
PNG ist verlustfrei, spezifiziert durch die W3 C PNG Empfehlungund passt zu Panoramen, die Illustrationen, Diagramme oder Text enthalten, wobei JPEG-Artefakte an harten Kanten vor Instagram und #39; angezeigt werden. Die eigene Komprimierung fügt mehr hinzu.
WebP gibt die kleinsten Dateien in ähnlicher Qualität und verwendet auch 0,92 für seine verlustbehaftete Kodierung Es ist eine sinnvolle Wahl für Folien, die irgendwo anders als Instagram hingeleitet werden, wie zum Beispiel eine Website-Galerie.
Wenn Sie die Folien anschließend in einem anderen Format oder einen Ordner davon in großen Mengen konvertieren müssen, finden Sie im Leitfaden Bildformatumwandlung Deckt ab, was sich zwischen JPG, PNG und WebP ändert und wann sich jedes lohnt.
Wird die Bildqualität durch Splitting verringert?
Schneiden nicht; Skalierung kann Jeder Schlitten wird mit voller Auflösung von der Quelle genommen und dann auf 1080 px Breite skaliert.
Wenn ein Slice breiter als 1080 px ist, wie im Beispiel 6000 x 1500, bei dem jedes Slice 1200 px ist, wird der Slide verkleinert, wodurch kein sichtbares Detail verloren geht. Wenn ein Slice schmaler als 1080 px ist, wird der Slide verkleinert und sieht weicher aus. Das 4000 x 1333-Bild in 4 Hochformatfolien ergibt 1000 x Slices, eine milde 1,08-fache Vergrößerung. Ein 2000 x breites Bild, aufgeteilt in 5 Folien, ergibt 400 x Scheiben, vergrößert um 2,7 x, und sieht auf einem Telefon weich aus.
Aus der Arithmetik folgt eine Faustregel: bei knackigen Dias sollte die Quelle mindestens 1080 px breit pro Folie sein, also 4.320 px für 4 Dias und 5.400 px für 5. Ist ein Panorama kleiner als das, sehen weniger Dias schärfer aus, mehr dazu, warum das Vergrößern keine Details hinzufügen kann, siehe die Anleitung auf Größenänderung der Bilder ohne Qualitätsverlust, die durch Downscaling, Upscaling und Resampling läuft.
Was verursacht eine sichtbare Naht und wie repariert man sie?
Die meisten Nähte stammen aus einer von fünf Ursachen und der Generator entfernt die ersten beiden.
| Symptom | Wahrscheinliche Ursache | Fix |
|---|---|---|
| Ein dünner, wiederholter oder fehlender Streifen an einer Verbindung | Fraktionierte Schichtgrenzen, unabhängig voneinander gerundet | Verwenden Sie wie der Generator das Vollpixel-Slicing |
| Die letzte Folie sieht gestreckt oder kurz geschnitten aus | Restpixel auf einer Folie abgeladen | Verteilen Sie den Rest auf den führenden Folien |
| Rutscht aus der Reihenfolge | In der falschen Reihenfolge hochgeladen | Beitrag in Aktenzeichen-Reihenfolge, 01 zuerst |
| Eine Folie wurde anders beschnitten als die anderen | Gemischte Seitenverhältnisse in einem Pfosten | Exportieren Sie jede Folie in die gleiche Form |
| Das Subjekt durchschneidet die Mitte eines Gesichts oder Schildes | Gleitgrenzen landen auf dem Thema | Ändern Sie die Anzahl der Folien, sodass sich eine Grenze bewegt |
Die letzte Reihe ist ein Kompositionsproblem, kein technisches, bei 4 Folien sitzen Grenzen bei 25%, 50% und 75% des Streifens; bei 3 Folien, bei 33% und 67% Wenn ein Person' s Gesicht genau auf einem Join landet, bewegt eine Folie mehr oder weniger den Schnitt normalerweise irgendwo harmlos Gesichter und Text auf einem Join überleben den Swipe, sehen aber unbeholfen aus, wenn ein Betrachter auf einer einzelnen Folie stehen bleibt.
Wo liegen die Grenzen des Tools?
Der Schieberegler läuft von 2 bis 10 Folien Instagram erlaubt mehr, aber nach zehn hat ein typisches Panorama nicht mehr genug Breite, um jeder Folie echte Details zu verleihen, und jede Folie wird zu einem schmalen Streifen, der nicht mehr als Bild gelesen wird.
Der Crop ist immer zentriert, wenn der wichtige Teil des Panoramas in der Nähe der Ober - oder Unterkante sitzt und die gewählte Count-Trims-Höhe, ändern Sie die Zählung oder schneiden Sie die Quelle zuerst mit dem Social Media Bilderbeschneider, mit dem Sie den Brennpunkt auswählen können.
Die Eingabe muss eine Datei sein, die der Browser als Bild identifiziert und dekodieren kann Eine Datei, die kein Bild ist, wird mit einer Nachricht abgelehnt, in der sie benannt wird, und ein beschädigtes Bild oder eines in einem Format, das der Browser nicht lesen kann, erhält " Dieses Bild konnte nicht gelesen werden." HEIC-Fotos von einem iPhone werden von den meisten Browsern nicht dekodiert, also konvertieren Sie sie zuerst.
Wie jedes Tool auf der Seite zählen Downloads zu einem täglichen Nutzungslimit, es gibt kein Wasserzeichen und kein Konto benötigt.
Wird das Panorama irgendwo hochgeladen?
Nein. Das Bild wird in Ihrem Browser auf einer HTML-Leinwand dekodiert, beschnitten, geschnitten und kodiert, und der Zip wird lokal zusammengesetzt, nichts wird an einen Server gesendet, gespeichert oder protokolliert, und die Seite arbeitet weiter mit dem Netzwerk getrennt, sobald sie geladen ist Das ist wichtig für unveröffentlichte Produktaufnahmen oder Clientarbeiten, die Sie noch nicht veröffentlicht haben.
Verwandte Werkzeuge für Karussellpfosten
Der Bildlaufgenerator steht neben einer Handvoll anderer Bildtools, die für soziale Beiträge entwickelt wurden, allesamt clientseitig.
der Social Media Bilderbeschneider Erteilt ein einzelnes Bild auf fünfzehn Plattformgrößen mit einem neunstufigen Brenngitter Die Matte Generator Stellt ein nicht quadratisches Bild auf ein Quadrat oder eine Porträtmatte, sodass das ganze Bild den Feed überlebt, der zu einem Coverpost passt, der das vollständige Panorama klein vor dem Karussell zeigt Die Fotokartengenerator Erstellen Sie Zitatkarten und Grafiken im Nachrichtenstil aus Vorlagen und Wasserzeichen Fügt ein Logo oder Signatur Wasserzeichen, in einer Ecke oder gekachelt, bevor Sie posten Jedes Werkzeug im Set ist auf der Hub für soziale Image-Toolsdrohen
