Graphic rendering impact
The graphical aspect of a UI object directly affects the time required for rasterization
and rendering by the engine.
- SVG imagesare highly recommended:
- Vector-based and resolution-independent.
- Can be dynamically altered at runtime, such as color, opacity, size, and so on.
- Ideal for responsive designs.
- PNG images:
- May be faster to process.
- Offer less flexibility, especially in resolution-aware projects.
- Should have a proper file size (bytes).
TIP:
Avoid using large or uncompressed PNGs. Use
compression tools to reduce file size without losing quality.
TIP:
Every design decision affects the total number of
nodes and the complexity of the runtime model. Striking a balance between reusability,
modularity, and performance is key, always considering the target hardware where the
project will be deployed.
Provide Feedback