Image Formats

Best Practices

Using images on nodes, labels and glyphs is a powerful way to customise charts. KeyLines supports the most popular image formats, including PNG, JPG and SVG, as well as font icons.

examples of images

SVG support

SVGs work in every browser KeyLines supports.

We've tested webicons and IconExperience SVGs in Canvas and WebGL against Chrome, Firefox, Microsoft Edge and Safari. Our results verified that SVGs are fully supported as long as:

SVGs in WebGL

To ensure the highest level of performance and stability, SVGs are converted to bitmaps when they're drawn. Like any image, we restrict them to a maximum of 256x256px, so you’ll lose sharpness if you zoom in any further than this. For more recommendations and known issues, see KeyLines Rendering.

Which image format should I use?

We recommend the following:

  • for the most reliable cross-browser support, use PNGs or JPGs.
  • for the best scalability, and to dynamically change the colour of the item, use font icons.
  • if it's important to have smaller file sizes, or for images of more than one colour to look good at high resolution, use SVGs.

Terms of use

These terms do not alter or supersede any existing agreements between you (or your employer) and us.

By accessing or using any Content you agree to be bound by these Terms of Use. Please review these terms carefully before using the website.

The contents of this website, including but not limited to any text, code samples, API references, schemas, interactive tools, and other materials (collectively, the 'Content'), are made available for informational and internal evaluation purposes only. All intellectual property rights in the Content are reserved. No licence is granted to use the Content for any commercial purpose, or to copy, distribute, modify, reverse-engineer, or incorporate any part of the Content into any product or service, without our prior written consent.

This Content is provided “as is” and “as available,” without any representations, warranties, or guarantees of any kind, whether express or implied, including but not limited to implied warranties of merchantability, fitness for a particular purpose, non-infringement, or accuracy. To the fullest extent permitted by applicable law, we expressly exclude and disclaim all implied warranties, conditions, and other terms that might otherwise be implied.

We disclaim all liability for any loss or damage, whether direct, indirect, incidental, consequential, or otherwise, arising from any reliance placed on the Content or from your use of it, to the fullest extent permitted by applicable law. By continuing to access or use the Content, you acknowledge and agree to these terms.