Best Practices For Max Performance - Panasonic HMWIN User Manual

Figure 321

41.1.1 Best practices for max performance

1. Don't use static optimization at all if you have pages with almost only dynamic objects. In fact static
optimization will save a lot of almost identical full size images for each page wasting a lot of memory
that can be otherwise used to speed up project with other techniques (like for instance, page
caching).
2. If possible avoid overlapping static widgets over a dynamic widget. This is the most important rule to
follow. The overlapping area is computed considering the bounding rectangles of the widgets, that is
the rectangles delimited by editing handles.
3. Bounding rectangles can include transparent areas. Try to minimize transparent areas (for example
splitting the image in multiple images) since they can be a waste of resources even when optimized.
4. Optimize image size. The image will be rendered at a maximum size which is the size of the image
widget containing the image. For best performances the widget needs to be the same size of the
image.
5. If possible avoid using scale to fit which forces a rescaling at runtime for dynamic images and "hides"
the actual image size during editing. In fact it is common to use very large images that are rescaled
at runtime to fit their actual image widget size)
6. If overlapping cannot be avoided make sure to set the static widgets to back (order -> move to back).
ie behind the dynamic widget (changing the z-order of static widgets to be under the dynamic
widgets)
7. Use "size to fit" command to make the widget to the real size of his contents.
8. Choose the image file format based on the real target you have. HMWIN Studio is supporting
several raster formats like BMP, PNG, JPEG, TIFF and the vector format SVG:
PROs
-
RASTER
Fast rendering
-
Well standardized
-
VECTOR
Small file size
-
(SVG)
Rescale without quality loss
-
Can handle dynamic properties
ACGM0195V1EN
HMWIN Studio User Manual
CONs
-
Big file size
-
Fixed resolution
-
Complex SVG images with many graphic items
and layers can be slow to render.
-
Scour software is free tool can be used to
remove foreign code from file
(http://www.codedread.com/scour/).
-
Creating an optimized SVG is not simple.
-
Only Tiny 1.2
314