Recommended image sizes and formats

Owned by Mattias Löfstrand
Last updated: 30 Aug 2024
1 min read

For the web viewer to display images well, images need to follow a defined strategy. Strategy will depend on design of pages and may vary from the below.

  • Normally images placed on presentations need to be 800px to 1200px.

  • Normally images placed on nodes can be smaller and are typically 150px to 300px

  • Proportions need to be the same and follow GUI design, e.g the same rectangular form

  • Typically images shall bage transparent background

  • Minimize white areas to use as much as possible of the image area

  • Ensure images are light weight to reduce download and rendering time

Note that the exact sizes need to follow the customer specific design of the web viewer.

Application does not put any restrictions on image formats, but browser compatability and quality has to be taken into account. It is also possible to limit image formats in imports to block unwanted formats.

It is advisable to use common image formats which are compatible with as many browsers as possible.

Svg images

Light weight svg images provide the best possible quality of exploded views. A special note on svg format is that it is commonly supported but with some limits. Using earlier versions of svg improves compatability. When using SVG format consider:

  • Using svg tiny format if possible

  • Avoid any special characters in Id and Class objects. Even though the svg format allows special characters, some browsers consider an svg to be html code, and in html Id and class objects can only contain a-z and 0-9.

 

Related articles