Workflow

Importing PNG, SVG, ZIP, and spritesheets into HMI workflows

Choose an export format, preserve clarity, and validate state behavior without claiming vendor-native compatibility.
Reading time
8 min
Reviewed
2026-08-09
Affected packs
All live packs

Choose the delivery format

FormatBest fitValidate
SVGScalable vector workflows and editable downstream stylingSanitization, font handling, filters, and animation support
PNGPredictable fixed-size image librariesPixel dimensions, transparency, panel density, and scaling
SpritesheetIndexed multi-state image objectsFrame order, cell size, state encoding, and labels
ZIPMoving grouped exports between project teamsFolder structure, naming, license, and source control

A vendor-neutral import check

  1. 01

    Export one representative asset

    Use a motor or valve with several visibly different states.

  2. 02

    Import at target density

    Check the smallest panel and the normal operator viewing distance.

  3. 03

    Bind every state

    Exercise stable, transitional, abnormal, and bad-quality conditions.

  4. 04

    Package the pattern

    Create the project's reusable object only after the pilot behaves correctly.

Frequently asked questions

Which format should I start with?
Use SVG when your engineering tool safely supports vector assets and PNG when a fixed raster workflow is more predictable. Use spritesheets when the target object switches among indexed frames.
Are these vendor-native libraries?
No. KonnectSymbols currently exports vendor-neutral files. Validate imports in your exact engineering software and runtime version.

Sources and boundaries

KonnectSymbols is independently developed and is not endorsed by ISA, IEC, or ISO. These educational notes do not reproduce or replace current standards, project specifications, regulations, or an approved project legend.

This workflow article documents KonnectSymbols behavior and general engineering practice. See Engineering References for the standards provenance catalog.