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:
Use PNG images that are appropriately sized for their intended display area. Avoid
using images that are significantly larger than the area where they are rendered.
Use compression tools to reduce file size without losing quality if necessary. The
same applies to external media (such as videos), which should be sized appropriately
for the target resolution and hardware.
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