Blog · Dynamische SVGs
Die 11 besten dynamischen SVG-Förderer für WinCC Unified und WinCC V8 (kostenlos)
Wir haben jeden dynamischen SVG-Förderer im HMIx-Katalog aufgemacht – 25 Fördererzeichnungen, Stand November 2026 –, uns jedes Rendering aus nächster Nähe angesehen, jedes Produktblatt gelesen und die elf behalten, die wir morgen früh ohne Bauchschmerzen in ein Bild unter WinCC Unified oder WinCC V8 ziehen würden. Alle kostenlos, alle im .svghmi-Format: Gurtförderer mit Fördergut, Rollenförderer, Schneckenförderer, ein Becherwerk, ein Hubtisch und ein Satz Richtungspfeile.
- Dynamisches SVG
- SVGHMI
- WinCC Unified
- WinCC V8
- TIA Portal
- Förderband
- Fördertechnik
- SCADA-Symbole

Schnellauswahl
Wenig Zeit? Spring direkt zu dem Förderer, den du brauchst.
- 01Bester AllrounderConveyor Belt
- 02Publikumsliebling (meistgeladen)Conveyor Belt
- 03Am besten für die Verfolgung einzelner TeileConveyor Belt
- 04Bestes Band in Perspektive (3D-Look)Roller Conveyor
- 05Am besten für Schüttgut und BergbauAggregate Conveyor
- 06Bester Rollenförderer in Draufsicht für Logistik-LayoutsRoller Conveyor
- 07Bester offener Schneckenförderer (Schnittansicht)Screw Conveyor
- 08Bester Schneckendosierer mit Trichter und MotorScrew Conveyor
- 09Bestes BecherwerkBucket Elevator
- 10Bester Sonderabschnitt (Hubtisch mit Schutztoren)Conveyor Lift Gate
- 11Beste Betriebs- und RichtungsanzeigeConveyor Direction Arrows
Warum ein Förderband mehr verdient als ein graues Rechteck
Verpackungslinien, Lager, Steinbrüche, Bäckereien, Zementwerke: Überall, wo etwas von A nach B wandert, steht ein Förderer im HMI-Bild. Und meistens ist er als graues Rechteck mit zwei Kreisen gezeichnet, das dem Bediener nichts darüber verrät, ob das Band läuft, was es transportiert oder welcher Motor ausgelöst hat.
Ein dynamischer SVG-Förderer behebt das ohne eine Zeile Code. In WinCC Unified (TIA Portal) und in WinCC V8 ist ein dynamisches SVG – das .svghmi-Format – eine Vektorzeichnung, die Eigenschaften wie MotorStatusColor, BeltSpeed oder ShowCargo bereitstellt. Du ziehst es ins Bild, verbindest diese Eigenschaften mit HMI-Variablen, und die Zeichnung reagiert: Der Motor wird grün, das Fördergut erscheint, die Schnecke zeigt, dass sie sich dreht. Und gestochen scharf bleibt sie in jeder Größe, vom Unified Comfort Panel mit 7 Zoll bis zur 4K-Videowand in der Leitwarte.
Was einen dynamischen SVG-Förderer downloadwürdig macht
Bevor es losgeht, der Maßstab. Danach haben wir gesucht, grob sortiert danach, wie sehr es uns nervt, wenn es fehlt:
- Ein Betriebszustand, den man sieht. Eine Farbe für den Motorstatus, ein Betriebsschalter oder eine Geschwindigkeitseigenschaft: Der Bediener muss auf einen Blick sehen, ob sich der Förderer bewegt. Ein hübsches Band, das immer gleich aussieht, ist Dekoration.
- Etwas, das zeigt, was transportiert wird. Fördergut, Material oder Becher, die du ein- und ausblenden und bewegen kannst, machen aus einer statischen Zeichnung eine Linie, der der Bediener folgen kann.
- Auch klein noch lesbar. Linienübersichten quetschen zehn Förderer in eine Reihe; ein Förderer, der bei 150 Pixeln zum grauen Streifen wird, taugt dort nichts.
- Ehrliche Eigenschaften. Eigenschaftsnamen, die tatsächlich im Produktblatt stehen, Farben, die du für High-Performance-Bilder im Sinne von ISA-101 zurücknehmen kannst, und keine Versprechen, die die Zeichnung nicht hält.
- Vielfalt. Statt elf Versionen desselben Bandes haben wir einen Champion pro Aufgabe gekürt: Stückgut, Lebensmittellinien, Schüttgut, Logistik-Layouts, Schneckenförderer, Senkrechtförderung, Sonderabschnitte und Richtungsanzeigen.
Wie wir ausgewählt haben (und was wir nicht gemacht haben)
Wir haben den Katalog nach dynamischen SVGs mit „conveyor“, „belt“, „roller“, „screw“, „chain“ oder „elevator“ im Namen durchsucht: 26 Treffer im November 2026, davon 25 Fördertechnik oder Förderzubehör (der Ausreißer war eine SPS). Bei jedem haben wir uns das echte Rendering angesehen (die Zeichnung selbst, nicht das Katalog-Cover mit dem großen Titel obendrauf) und das Produktblatt gelesen, um zu sehen, welche Eigenschaften er bereitstellt. Downloads waren nur das Zünglein an der Waage, denn ein Förderer, der im September veröffentlicht wurde, hatte noch keine Zeit, viele zu sammeln.
Aussortiert haben wir einen Schneckenförderer, der aussieht wie eine Welle mit Perlen, zwei Schrägschneckenförderer, aus denen wir nicht schlau wurden, zwei Ketten, die winzig oder auf dunklem Hintergrund fast unsichtbar sind, ein Band, das zu einem dünnen Streifen geschrumpft ist, und ein Kettenbecherwerk, dessen Produktblatt nur eine Eigenschaft namens „Property401“ nennt. Und eine faire Warnung: Für diesen Artikel haben wir Zeichnungen und Dokumentation bewertet; wir haben diese Förderer nicht in einer laufenden Runtime betrieben. Sie wurden mit KI erstellt, und jede Produktseite erinnert dich daran, sie vor dem Produktiveinsatz in deinem eigenen Projekt in TIA Portal zu testen. Dasselbe würden wir über alles sagen, was du irgendwo herunterlädst.
Die 11 besten dynamischen SVG-Förderer im Einzelnen
Jeder Eintrag zeigt das echte SVG-Rendering, was uns gefällt, was du wissen solltest und welche Eigenschaften du verbinden kannst, gefolgt vom Vorschaubild aus dem Katalog: Ein Klick darauf öffnet die Produktseite, auf der du den Förderer kostenlos herunterlädst.
01Bester Allrounder
Conveyor Belt

Dürften wir nur einen behalten, wäre es dieser. Ein Gurtförderer aus gebürstetem Stahl mit verchromten Tragrollen entlang des Bandes, zwei stabilen Beinen, Umlenktrommeln an den Enden und einem Antriebsmotor links. Obendrauf machen drei Fördergüter (zwei orangefarbene Kisten und ein blaues Fass) klar, was die Linie tut, bevor irgendwer ein Label liest.
Was ihn verkauft: Seine sechs Eigenschaften decken genau das ab, was ein Bediener von einem Förderer wissen will. MotorStatusColor färbt den Antrieb im jeweiligen Zustand ein (laut Produktblatt Betrieb, Stillstand oder Störung), BeltSpeed skaliert die Animation von Band und Rollen, und ShowCargo plus CargoPosition blenden das Fördergut ein und bewegen es. BeltColor und BasicColor kümmern sich um die Optik.
Er funktioniert auf dunklem wie auf hellem Hintergrund gleich gut und ist auch verkleinert für eine Linienübersicht noch als Förderer zu erkennen.
Was uns gefällt
- Motorzustand, Geschwindigkeit und Fördergut in einem einzigen Symbol
- Ein gepflegter Look, der nicht im Weg steht
- Nur sechs Eigenschaften: in Minuten verbunden
Gut zu wissen
- Laut Produktblatt ist das Fördergut eine Ebene mit einer einzigen Position, die drei Teile bewegen sich also gemeinsam
- Animierte Rollen in der Seitenansicht sind eine Annäherung: Teste den Effekt, bevor du ihn dem Kunden versprichst
Dynamisierbare Eigenschaften
- MotorStatusColor
- BeltSpeed
- BeltColor
- CargoPosition
- ShowCargo
- BasicColor
02Publikumsliebling (meistgeladen)
Conveyor Belt

Der Veteran der Liste: veröffentlicht im März 2026 und zum Zeitpunkt des Schreibens der meistgeladene Förderer im Katalog. Ein metallischer Gurtförderer mit seitlichem Schutzgeländer oben entlang, kompaktem Antriebsmotor rechts, zwei Beinen und einem weichen Schatten auf dem Boden.
Das solltest du vor dem Download wissen: Laut Produktblatt drehen sich seine sechs Eigenschaften um die Optik, nicht um Bewegung. BasicColor, BeltColor und MotorColor legen die Farben fest, während ShowMotor, ShowSideGuard und ShowShadow entscheiden, wie viel Hardware du siehst. Um den Betriebszustand zu zeigen, steuerst du MotorColor über eine Variable.
Was uns gefällt
- Der meistgeladene Förderer, also der am weitesten verbreitete
- Geländer, Motor und Schatten lassen sich einzeln ausblenden
- Sauberer, neutraler Stil, der zu den meisten Werksstandards passt
Gut zu wissen
- Laut Produktblatt keine Betriebs- oder Geschwindigkeitseigenschaft
- Das vordere Geländer verdeckt den Großteil des Bandes, in kleinen Größen wirkt er deshalb ein bisschen wie ein Rohr
Dynamisierbare Eigenschaften
- BasicColor
- BeltColor
- MotorColor
- ShowMotor
- ShowSideGuard
- ShowShadow
03Am besten für die Verfolgung einzelner Teile
Conveyor Belt

Die meisten Förderer bewegen ihre Last als Block. Dieser hier gibt dir zwei getrennte Teile, jedes mit eigenem Schalter und eigener Position: Cargo1Visible und Cargo1PositionX für das erste, Cargo2Visible und Cargo2PositionX für das zweite. Verbinde sie mit deiner Lichtschranke oder deinen Tracking-Daten, und der Bediener sieht, wo sich jedes Produkt auf dem Band befindet.
Er ist außerdem das mechanischste der Bänder: LeftRollerAngle und RightRollerAngle drehen die Endrollen, und BeltCleatsOffset schiebt die Mitnehmer entlang des Bandes, dazu BasicColor und MotorColor für Gestell und grünen Antrieb. Mit neun Eigenschaften ist er der vollständigste Förderer der Liste.
Was uns gefällt
- Zwei Teile mit unabhängiger Sichtbarkeit und Position
- Rollen- und Bandbewegung, die du aus der SPS steuern kannst
- Saubere Zeichnung, die zu unserem besten Allrounder passt
Gut zu wissen
- Das Fördergut sind Burger: perfekt für eine Lebensmittellinie, seltsam für ein Autowerk (bearbeite die Datei oder bitte den Generator um Kisten)
- Zwei Rollenwinkel und ein Bandversatz bedeuten drei Variablen oder Ausdrücke, um einen einzigen Förderer zu animieren
Dynamisierbare Eigenschaften
- BasicColor
- MotorColor
- LeftRollerAngle
- RightRollerAngle
- BeltCleatsOffset
- Cargo1Visible
- Cargo1PositionX
- Cargo2Visible
- Cargo2PositionX
04Bestes Band in Perspektive (3D-Look)
Roller Conveyor

Alle anderen Förderer hier sind flache Seitenansichten. Dieser ist in Perspektive gezeichnet: ein breites graues Band, leicht von oben gesehen, mit dunkleren Querstreifen und einer Reihe kleiner Rollen entlang der Vorderkante. Auf einer Übersicht bringt er Tiefe, ohne wie ein Spielzeug auszusehen.
Trotz seines Namens zeigt die Vorschau eher ein Band über Rollen als einen nackten Rollenförderer, und genau da kommt RollersVisible ins Spiel: Laut Produktblatt schaltet es zwischen einer glatten Bandoberfläche und einer Ausführung mit Rollen um. BeltDisplacement bewegt die Streifen und DrumRotation dreht die Trommeln, während BasicColor, BeltColor und StripeColor die Palette festlegen.
Was uns gefällt
- Der einzige Förderer mit perspektivischer Ansicht
- Dank der Streifen ist die Bandbewegung gut zu erkennen
- Band- oder Rollen-Look mit einem einzigen Schalter
Gut zu wissen
- Kein Motor und keine Statusfarbe: Ergänze für den Betriebszustand eine separate Anzeige
- Der Name sagt Rollenförderer, die Vorschau zeigt ein Band: Prüf, welchen Look du mit
RollersVisiblebekommst
Dynamisierbare Eigenschaften
- BasicColor
- BeltColor
- StripeColor
- BeltDisplacement
- DrumRotation
- RollersVisible
05Am besten für Schüttgut und Bergbau
Aggregate Conveyor

Kisten sind schön für die Logistik, aber Steinbrüche, Zementwerke und Bergwerke bewegen Sand, Kies und Erz. Das hier ist der Förderer für sie: ein Band ohne Beine mit Stahltrommeln und Tragrollen, gedacht, um zwischen anderen Anlagenteilen zu hängen, und obendrauf Materialhaufen.
Seine sechs Eigenschaften drehen sich alle um die Last. ShowMaterial und MaterialLoad blenden das Material ein und skalieren sein Volumen, MaterialPosition bewegt es entlang des Bandes, und MaterialColor unterscheidet Sand von Klinker auf einen Blick. BasicColor und BeltColor vervollständigen die Palette.
Was uns gefällt
- Beladungsvolumen, das du mit einer Bandwaage verbinden kannst
- Materialfarbe für unterschiedliche Produkte
- Keine Beine, passt also zwischen Brecher, Bunker und Silos
Gut zu wissen
- Kein Motor und keine Statusfarbe
- Die Materialhaufen sind gleichmäßig verteilt und stilisiert
Dynamisierbare Eigenschaften
- BasicColor
- BeltColor
- MaterialColor
- MaterialLoad
- ShowMaterial
- MaterialPosition
06Bester Rollenförderer in Draufsicht für Logistik-Layouts
Roller Conveyor

Lager- und Sortierbilder werden meist von oben gezeichnet, als Layout, und dafür brauchst du einen Rollenabschnitt in Draufsicht. Dieser hat seitliche Wangen aus gebürstetem Stahl und eine lange Reihe von Rollen mit zylindrischer Schattierung. Aneinandergereiht ergeben mehrere Kopien eine überzeugende Linie.
Er hat die Eigenschaft, die so viele Förderer vergessen: ConveyorRunning, einen einfachen Schalter für den Betriebszustand, dazu ConveyorSpeed für die Animationsgeschwindigkeit. BasicColor, RollerColor und ShowRollers kümmern sich um die Optik.
Was uns gefällt
- Ein echter Betriebsschalter, bereit für ein SPS-Bit
- Nahtlos, wenn du mehrere Abschnitte hintereinander setzt
- Neutraler Metall-Look, der zu hellen und dunklen Bildern passt
Gut zu wissen
- Sein Produktblatt erwähnt ein Paket und ein rotes Störungsleuchten, die die Vorschau nicht zeigt und keine aufgeführte Eigenschaft steuert: Prüf sie in TIA Portal
- Nur gerade Abschnitte: keine Kurven oder Umsetzer
Dynamisierbare Eigenschaften
- BasicColor
- RollerColor
- ConveyorSpeed
- ConveyorRunning
- ShowRollers
07Bester offener Schneckenförderer (Schnittansicht)
Screw Conveyor

Der meistgeladene Schneckenförderer im Katalog und zum Zeitpunkt des Schreibens der am besten bewertete. Er ist eine Schnittansicht: ein langer Trog mit einer silbernen Schneckenwendel über die ganze Breite, sodass der Bediener die Schnecke selbst sieht statt eines geschlossenen Rohrs.
ScrewPosition animiert die Wendel, und genau das willst du, um bewegtes Material zu zeigen. Mit ScrewColor, ShaftColor und InnerColor trennst du Wendel, Welle und Troghintergrund farblich, dazu BasicColor für das Gehäuse und IsVisible, um Teile für eine vereinfachte Ansicht auszublenden.
Was uns gefällt
- Die Schnecke ist der Star: gut sichtbar, auch in kleinen Größen
- Getrennte Farben für Wendel, Welle und Trog
- Animationseigenschaft, bereit zum Verbinden
Gut zu wissen
- Kein Motor, kein Trichter, keine Stützen: Kombinier ihn mit einem Motorsymbol
- Der dunkle Troghintergrund sticht auf hellen Bildern heraus: Ändere
InnerColor
Dynamisierbare Eigenschaften
- ScrewPosition
- IsVisible
- BasicColor
- ScrewColor
- ShaftColor
- InnerColor
08Bester Schneckendosierer mit Trichter und Motor
Screw Conveyor

Ist der vorige die Schnittansicht, ist dieser die komplette Maschine: ein Einlauftrichter oben, ein waagerechtes Rohr mit der Schnecke darin, ein blauer Antriebsmotor am Ende, zwei Stützen und ein gebogenes, schräges Auslaufrohr. Das ist der Schneckendosierer, den du unter Silos und Dosiertrichtern siehst.
Seine sieben Eigenschaften sind gut durchdacht. ScrewRotation treibt die Schnecke an, ShowHopper und ShowAuger entscheiden, was du siehst, und es gibt zwei Motorfarben: MotorColor für das Gehäuse und MotorStatusColor für den Zustand. BasicColor und SupportColor runden ihn ab.
Was uns gefällt
- Trichter, Schnecke, Motor und Auslauf in einem einzigen Symbol
- Eigene Farbe für den Motorstatus
- Trichter und Schnecke lassen sich ausblenden
Gut zu wissen
- Die Schnecke im Rohr ist blass und verschwindet in kleinen Größen fast
- Eine lange, schmale Zeichnung: Sie braucht Breite im Bild
Dynamisierbare Eigenschaften
- ScrewRotation
- ShowHopper
- ShowAuger
- BasicColor
- SupportColor
- MotorColor
- MotorStatusColor
09Bestes Becherwerk
Bucket Elevator

Senkrechtförderung ist das fehlende Puzzlestück in den meisten Förderer-Bibliotheken, und dieses Becherwerk füllt die Lücke sauber. Ein Metallgehäuse mit Kopftrommel und Antrieb oben, unten der Fuß mit seiner Einlaufschurre und durch die offene Front sichtbare orangefarbene Becher im Inneren.
Fünf Eigenschaften, alle nützlich: BeltPosition bewegt die Becher am Gurt nach oben, MotorStatusColor färbt den Antrieb im jeweiligen Zustand ein, BucketColor und BasicColor legen die Farben fest, und ShowBuckets blendet den Gurt mit den Bechern aus, für ein aufgeräumteres, geschlossenes Gehäuse. Ideal für Getreide-, Zement- und Futtermittelwerke.
Was uns gefällt
- Das einzige komplette Becherwerk unter den Besten
- Motorstatusfarbe eingebaut
- Orangefarbene Becher, die auf jeder Palette herausstechen
Gut zu wissen
- Hoch und schmal: Plan das Bildlayout um ihn herum
- Kein sichtbarer Auslauf am Kopf
Dynamisierbare Eigenschaften
- BasicColor
- BucketColor
- BeltPosition
- MotorStatusColor
- ShowBuckets
10Bester Sonderabschnitt (Hubtisch mit Schutztoren)
Conveyor Lift Gate

Nicht jeder Förderer transportiert einfach nur geradeaus. Das hier ist ein Förderabschnitt mit einem Scherenhubtisch in der Mitte, gelb-schwarzen Warnstreifen und zwei senkrechten Schutztoren, jedes in seiner eigenen Farbe. Neben den Toren sind kleine Lichtschranken eingezeichnet.
Sein Produktblatt kündigt zehn Eigenschaften an: LiftTableLevel hebt den Tisch, Gate1Position und Gate2Position bewegen die Tore, Gate1Color und Gate2Color färben sie ein (zum Beispiel Grün für offen, Rot für geschlossen), und vier Schalter zeigen die Sensoren, angefangen bei SensorBA1HautActive. Perfekt für Übergabestationen, Roboterzellen und mehrstöckige Linien.
Was uns gefällt
- Hubtisch und zwei Tore, die du aus der SPS animieren kannst
- Torfarben für einen klaren Sicherheitszustand
- Einzigartig im Katalog: Nichts sonst sieht so aus
Gut zu wissen
- Die Beschriftungen von Toren und Sensoren sind winziger, fester Text, den ein SVG zur Laufzeit nicht ändern kann
- Das Produktblatt nennt nur einen der vier Sensorschalter (mit französischen Namen): Prüf die vollständige Schnittstelle in TIA Portal, bevor du verbindest
Dynamisierbare Eigenschaften
- LiftTableLevel
- Gate1Position
- Gate2Position
- Gate1Color
- Gate2Color
- SensorBA1HautActive
11Beste Betriebs- und Richtungsanzeige
Conveyor Direction Arrows

Manchmal brauchst du keinen weiteren Förderer, sondern musst zeigen, dass der vorhandene läuft und in welche Richtung. Sechs Chevrons, die nacheinander aufleuchten, wenn IsRunning true ist, und stillstehen, wenn es false ist: simpel und nicht zu übersehen.
AnimationDuration legt die Geschwindigkeit der Sequenz in Sekunden fest, sodass du sie grob an die echte Bandgeschwindigkeit anpassen kannst, und BasicColor und StrokeColor bestimmen Füllung und Kontur. Setz ihn auf oder neben jedes Band dieser Liste, dem ein Betriebszustand fehlt.
Was uns gefällt
- Betriebszustand, den jeder quer durch den Raum erkennt
- Einstellbare Animationsgeschwindigkeit
- Funktioniert mit jeder Fördererzeichnung, sogar mit einem schlichten Rechteck
Gut zu wissen
- Das Standard-Neongrün ist sehr laut: Nimm
BasicColorfür High-Performance-Bilder zurück - Er zeigt nur nach rechts: Ein Reversierband braucht eine gespiegelte Kopie (bearbeite die Datei oder frag den Generator)
Dynamisierbare Eigenschaften
- BasicColor
- StrokeColor
- IsRunning
- AnimationDuration
Lobende Erwähnungen: 7 weitere Förderer, die einen Blick wert sind
In die Top Elf haben sie es nicht geschafft, meist weil ein besseres Geschwister ihnen den Platz weggeschnappt hat oder weil ihr Produktblatt zu viele Fragen offenlässt, aber jeder von ihnen hat seine Daseinsberechtigung. Ein Klick auf ein Vorschaubild öffnet die Produktseite.

Bi-Directional Conveyor
Ein Band mit Rollen, Motorkasten und Vor-/Rücklauf-Pfeilsymbol, und der zweitmeistgeladene Förderer. Sein Produktblatt kündigt sechs Eigenschaften an (Farben, Motorstatus sowie Elemente für Vor- und Rücklauf), ohne sie zu nennen.
Zum Produkt
Conveyor Belt with moving boxes
Zwei große Trommeln und zwei Kartons, die sich mit
Zum ProduktConveyorPositionbewegen und mitShowProductsausblenden lassen. Schlicht und freundlich für Verpackungsbilder.
Roller Conveyor Symbol
Eine Draufsicht mit kräftigen verchromten Rollen, die in kleinen Größen super aussieht. Sein Produktblatt erwähnt Flussanzeigen und einen pulsierenden Alarmzustand, die die Vorschau nicht zeigt.
Zum Produkt
Bucket Elevator Internal
Der nackte Gurt eines Becherwerks mit auf- und abfahrenden Bechern,
Zum ProduktBeltSpeed,BeltSpeedReverseundPulleyRotation. Oben und unten sind die Becher in der Vorschau abgeschnitten.
Screw Conveyor
Ein Schrägschneckenförderer mit blauem Motor und einer Eigenschaft
Zum ProduktConveyorAngle, um seine Neigung einzustellen.
Conveyor Direction Arrows
Das blaue Geschwister unserer Richtungsanzeige, mit
Zum ProduktFlashingActiveundArrowOpacityfür Alarmzustände.
Conveyor Belt Symbol
Ein dunkler Bandrahmen in Draufsicht mit
Zum ProduktBeltMovementundBeltVisibility. Nüchtern, für sehr flache Bilder.
Nicht den passenden Förderer gefunden? Bau dir deinen eigenen (oder remixe einen) mit KI, kostenlos
Ein Geständnis: Jeder Förderer in diesem Artikel wurde mit dem KI-Generator von HMIx erstellt. Deshalb können wir das sagen, ohne rot zu werden: Wenn keiner davon genau das ist, was deine Linie braucht, generierst du dir in wenigen Minuten deinen eigenen.
Beschreib das Aggregat in einfachen Worten (zum Beispiel „geneigter Muldengurtförderer mit Antriebsmotor am Kopf, Statusfarbe für den Motor und Materialbeladung von 0 bis 100“), und der Generator führt dich Schritt für Schritt durch: die Zeichnung, die Eigenschaften, die du in WinCC verbindest, eine Simulation zum Ausprobieren von Werten und das fertige .svghmi-Paket für WinCC Unified und WinCC V8. Dasselbe Werkzeug baut auch Custom Web Controls, wenn du Zahlen, Schaltflächen oder Logik brauchst, die ein SVG nicht liefern kann, etwa ein Förderer-Faceplate mit Geschwindigkeit sowie Start- und Stopp-Tasten.
- Remixe jeden Förderer dieser Liste: Auf seiner Produktseite öffnet ihn die Schaltfläche „Im KI-Generator bearbeiten“ direkt im Generator, bereit für Änderungswünsche wie „mach ihn grau nach ISA-101“, „ersetz die Burger durch Kisten“ oder „lass ihn nach links zeigen“. Die Links „Mit KI bearbeiten“ in diesem Artikel machen dasselbe.
- Kostenlos ausprobieren: Du kannst ohne Konto loslegen, mit einem kleinen täglichen Kontingent an Credits, und der Community-Plan ist kostenlos.
- Das Ergebnis kannst du direkt nutzen: Lade das Paket herunter und bring es in dein Projekt in TIA Portal, wie jeden anderen Förderer auf dieser Seite.
So verwendest du einen dynamischen SVG-Förderer in WinCC Unified (und WinCC V8)
Die Kurzfassung für alle, die ihren Förderer schon gewählt haben. Unsere Anleitung zu dynamischen SVGs erklärt jeden Schritt mit Schemazeichnungen und Screenshots.
Die .svghmi-Datei herunterladen
Öffne die Produktseite, melde dich mit deinem kostenlosen Konto an und lade die Datei herunter. Alle Förderer in diesem Artikel sind kostenlos.
In dein Projekt in TIA Portal kopieren
Leg die Datei bei WinCC Unified in deinem Projektordner unter
UserFiles\SVGControlsab (leg beide Ordner an, falls sie noch nicht existieren). Zurück in TIA Portal aktualisierst du in der Task Card Werkzeuge die Palette Dynamische Widgets und ziehst den Förderer ins Bild.Die Eigenschaften verbinden
Wähle den Förderer aus, such im Inspektorfenster seine Zustandseigenschaft (
MotorStatusColor,ConveyorRunning,IsRunning… jeder Förderer nennt sie anders) und verbinde sie mit einer HMI-Variablen. Mit Geschwindigkeit, Fördergut und Farben machst du es genauso, wenn du sie brauchst.Testen, bevor die SPS dran ist
Verbinde den Zustand mit einer internen Variablen, füge ein EA-Feld für dieselbe Variable hinzu und starte Runtime: Schalte zwischen Stillstand, Betrieb und Störung um und schau zu, wie der Förderer reagiert. Erst dann wechselst du auf die echte SPS-Variable.
Unter WinCC V8
Auch WinCC V8 unterstützt dynamische SVGHMI-Grafiken, die du im Graphics Designer projektierst. Die Datei ist dieselbe; die Engineering-Schritte sind die dieser Umgebung.
Profi-Tipp: Eigenschaften wie CargoPosition, BeltPosition oder ScrewPosition sind Positionen, keine Geschwindigkeiten. Verbindest du sie mit einem frei laufenden Zähler, springt die Zeichnung, sobald der Zähler überläuft. Nimm einen Wert, der gleichmäßig durch den Bereich der Eigenschaft läuft, oder halt es einfach: Zeig den Betriebszustand mit einer Farbe oder einem Schalter und lass die Animation den Bonus sein.
Häufige Fragen
Sind diese dynamischen SVG-Förderer wirklich kostenlos?
Ja. Jeder Förderer in diesem Artikel ist bei HMIx als kostenloses Produkt veröffentlicht. Zum Herunterladen brauchst du nur ein kostenloses Konto.
Funktionieren sie auf WinCC Unified Comfort Panels und unter WinCC V8?
Auf ihren Produktseiten ist die Kompatibilität mit WinCC Unified, einschließlich Unified Comfort Panels, und mit WinCC V8 angegeben. Wie bei jeder mit KI erzeugten Grafik gilt: Teste das Verhalten in deinem eigenen Projekt und auf deinem Zielgerät, bevor du in Produktion gehst.
Kann ein dynamischer SVG-Förderer die Bandgeschwindigkeit oder die Tonnage als Zahl anzeigen?
Nicht als Text. Ein dynamisches SVG kann Farben, Sichtbarkeit und Positionen ändern, aber keine wechselnden Zahlen anzeigen. Setz ein WinCC-EA-Feld neben den Förderer oder nimm ein Custom Web Control, wenn du ein komplettes Förderer-Faceplate mit Werten, Schaltflächen und Logik willst.
Wie zeige ich, dass ein Förderer läuft?
Am zuverlässigsten mit einer Farbe oder einem Schalter: MotorStatusColor beim Conveyor Belt oder beim Bucket Elevator, ConveyorRunning beim Roller Conveyor oder IsRunning bei den Conveyor Direction Arrows. Band- und Rollenanimationen sind ein nettes Extra, aber ein klarer Zustand liest sich leichter.
Welchen Förderer nehme ich für ein High-Performance-Bild (ISA-101)?
Eine nüchterne Zeichnung wie den Roller Conveyor in Draufsicht oder den Conveyor Belt mit ausgeblendetem Fördergut, mit Farben, die auf Grautöne zurückgenommen sind. Lass den Förderer neutral, solange alles in Ordnung ist, und setz Farbe nur für Zustände ein, die Aufmerksamkeit brauchen.
Kann ich einen dieser Förderer verändern?
Na klar. Du kannst die .svghmi-Datei in jedem Text- oder Vektoreditor öffnen oder auf der Produktseite auf „Im KI-Generator bearbeiten“ klicken und die Änderungen in ganz normaler Sprache beschreiben. Die zweite Variante ist meist schneller, weil sich der Generator um die Eigenschaften und die Paketierung kümmert.
Unser Fazit
Wenn du nur einen herunterlädst, dann den Conveyor Belt mit dem grünen Motor: Motorzustand, Geschwindigkeit und Fördergut in einer Zeichnung, verbunden, bevor dein Kaffee kalt wird. Für die Verfolgung von Produkten der Conveyor Belt mit zwei Teilen, für Steinbrüche und Zement der Aggregate Conveyor, für Lager-Layouts der Roller Conveyor in Draufsicht und für Schüttgut der Screw Conveyor mit Trichter und der Bucket Elevator.
Und falls dein Förderer schräger ist als alle diese (irgendwas ist immer), denk daran: Der Generator, der sie gezeichnet hat, ist nur einen Klick entfernt.