Importer des symboles HMI dans Siemens WinCC Unified
WinCC Unified privilégie les ressources vectorielles (SVG) — elles s'affichent nettement sur n'importe quelle taille de pupitre et restent légères en mémoire. Le Symbol Builder exporte du SVG propre (pas de scripts, pas de polices externes, couleurs hexadécimales littérales), et chaque page de symbole communautaire propose le même téléchargement SVG — les deux vont directement dans la bibliothèque de graphiques externes de TIA Portal.
Pas à pas
Exportez vos symboles en SVG
- Dessinez-le : dans le Symbol Builder, composez l'équipement à partir de formes, d'éléments ISA et de tampons, puis cliquez sur
↓ SVG(ou Copy SVG si vous voulez coller le balisage ailleurs). Utilisez un canevas 512 × 512 pour un équipement carré, 256 × 128 pour l'empreinte large moteur-et-étiquette. - Réutilisez-le : ouvrez un symbole parmi les moteurs de la communauté, les vannes, les pompes ou les réservoirs et cliquez sur Download SVG. CC BY 4.0 — créditez l'auteur dans la documentation de votre projet. Open in builder vous permet de l'adapter d'abord.
- Badges et icônes : les badges de priorité d'alarme, les badges d'état, les flèches et les icônes de navigation / barre système viennent de la bibliothèque d'icônes, en SVG également.
Il vous faut un fichier par état. Construisez le symbole de base, enregistrez-le comme modèle, recolorez le remplissage du corps pour chaque état (gris arrêté, blanc ou vert en marche, jaune sans retour, bleu manuel, gris foncé désactivé), apposez le badge P1 / P2 pour les variantes d'alarme, et exportez chacun sous la forme {kind}_{state}.svg — par ex. motor_3ph_running.svg. Gardez le corps sans le texte du tag ; le faceplate l'ajoute (étape 6).
La composition dans le Builder ne nécessite pas de compte. Le téléchargement, si : un compte gratuit donne 5 téléchargements par mois, Starter 50, Studio illimité. Les symboles que vous publiez vous-même sont toujours téléchargeables gratuitement.
Ouvrez votre projet TIA Portal
Dans la vue Portal, basculez vers la vue Projet. Dépliez votre appareil HMI → HMI graphics → External graphics.
Ajoutez des graphiques externes
Clic droit sur External graphics → Add new external graphic. Parcourez jusqu'à votre dossier motor/, sélectionnez tous les SVG et cliquez sur Open. Répétez pour chaque type d'équipement.
Alternative : glissez-déposez les fichiers SVG directement depuis l'explorateur de fichiers sur le nœud External graphics — TIA Portal V18+ accepte les dépôts par lot.
Créez une Graphic List pour la commutation d'états
Pour commuter les images selon la valeur de l'API, construisez une Graphic List :
- Appareil HMI → Lists → Graphic lists → Add new graphic list. Nommez-la d'après le type d'équipement (par ex.
GL_Motor3ph). - Sélectionnez Graphic list type : Value/Range.
- Ajoutez 9 entrées (0..8) et affectez chacune au SVG correspondant que vous avez importé : 0 arrêté, 1 démarrage, 2 en marche, 3 sans retour, 4 manuel, 5 désactivé, 6 en marche + P1, 7 en marche + P2, 8 défaut.
Placez un Graphic IO Field sur un écran
Boîte à outils → Elements → Graphic IO Field. Déposez sur l'écran.
Dans la fenêtre d'inspection :
- General → Graphic list : choisissez
GL_Motor3ph. - General → Process tag : liez à votre INT d'état de l'API (un mot par équipement, encodé 0-8).
- General → Mode : Output (lecture seule).
(Facultatif) Encapsulez sous forme de Custom Faceplate
Pour les projets comportant de nombreux équipements identiques, créez un Faceplate dans WinCC Unified :
- Library → Add new faceplate. Nom
FP_Motor3ph. - À l'intérieur, placez le Graphic IO Field lié à un tag interne au faceplate
State. - Ajoutez un Text Field lié à
Tagpour l'étiquette de l'équipement (P-101, M-201...). - Déposez le faceplate sur les écrans ; liez
StateetTagaux tags API réels par instance.
Encodage API recommandé (S7)
Utilisez un seul mot INT par équipement dans votre bloc de données, encodé 0-8 :
Repli Comfort Panel (Classic WinCC)
Si vous ciblez des Comfort Panels (séries KP/TP) exécutant Classic WinCC au lieu de WinCC Unified, le SVG n'est pas pris en charge nativement. Vous avez deux options :
- PNG au lieu de SVG : exportez les mêmes symboles en PNG transparent (Builder : BG → Transparent,
↓ PNG; pages communautaires : Download PNG) et importez via Boîte à outils → Graphics → Bitmap. Liez via une Graphics List de la même manière. Le PNG est rendu à 2× le canevas ou plus, il se réduit donc proprement. - SVG re-rastérisé : TIA Portal convertit les SVG importés en vecteurs internes ; sur les Comfort Panels ils s'affichent à une PPI fixe. Testez sur l'appareil cible — la lisibilité du texte diffère de celle des Unified Panels.
Tailles de pupitre recommandées
| Pupitre | Taille de graphique recommandée | Format |
|---|---|---|
| MTP1500 / MTP1900 Unified | 320×160 | SVG |
| MTP700 / MTP1000 Unified | 256×128 | SVG |
| TP700 / TP900 Comfort | 192×96 à 256×128 | PNG (transparent) |
| TP1500 / TP1900 Comfort | 256×128 à 320×160 | PNG (transparent) |
Pièges fréquents
- Le texte SVG ne s'affiche pas : WinCC Unified rastérise les polices SVG à la compilation. Les exports du Builder écrivent le texte avec la famille de police Inter, que TIA Portal peut ne pas avoir — gardez le texte du tag hors du SVG et superposez plutôt un Text Field (étape 6). Les bulles d'instrument avec des lettres à l'intérieur passent bien à 256 px et au-delà ; testez-les sur le pupitre cible.
- Les entrées de la Graphic List se réduisent à « default » : assurez-vous que chaque valeur (0-8) a un graphique distinct. Les entrées vides retombent sur l'entrée 0.
- Couleurs qui dérivent entre les états : quand vous recolorez les variantes à la main, respectez la palette :
#9E9E9Earrêté,#2E7D32en marche,#FBC02Dsans retour,#1976D2manuel,#616161désactivé,#D32F2FP1,#F57C00P2. Les échantillons de remplissage du Builder sont exactement ceux-là. - Chargement d'écran lent : pour les écrans comportant 30+ équipements, préférez des Faceplates avec des graphic lists partagées plutôt que 30 Graphic IO Fields individuels.
Et ensuite
- Pourquoi ces 9 états sont le bon encodage
- Référence ISA-101 — la philosophie de conception derrière la palette apaisée
- Vous voulez les badges et indicateurs plus proches du look TIA par défaut ? La barre latérale de la bibliothèque d'icônes dispose d'un préréglage de style Siemens qui les recolore aux couleurs maison avant le téléchargement. Dans le Builder, vous choisissez les remplissages vous-même.
- Bloqué sur une particularité de version TIA ? Posez la question dans le forum — les questions WinCC vont dans la catégorie outils-fabricants.
Construisez le symbole, puis liez-le
Le Symbol Builder ne nécessite pas de compte pour composer. Un compte gratuit vous donne 5 téléchargements par mois ; publiez vos propres symboles sous CC BY 4.0 et téléchargez-les gratuitement. Ou partez de ce que d'autres ingénieurs ont déjà dessiné.