Mindset AI Documentation
  • General
    • Welcome
    • AI and Security
      • AI Guidelines
      • Security Q&A
      • AI Buyers Guide
  • Platform
    • Overview
    • Features
      • Welcome workflow
        • How to configure the Welcome workflow
        • Welcome workflow best practices
      • Onboarding workflow
        • How to configure the Onboarding workflow
        • Onboarding best practices
        • How to configure Single Sign-On (SSO)
        • How to Configure Multi Factor Authentication (MFA)
      • Knowledge workflow
        • Content Discovery
          • How to configure Content Discovery
          • Setting up the Content Discovery carousels
          • ‘Trending’ carousel calculations
        • Knowledge Banks
          • How to configure a Content Knowledge Bank
          • Learn about Synced Knowledge Banks
          • How to create Speakers
          • How to exclude Content from being visible
          • How to process PDF files
          • How to process SCORM files
          • Knowledge Bank best practices
          • Prompts
            • How to configure Prompts
            • Prompts best practices
        • Events
          • How to configure External Events
          • How to Configure Live Streaming Events
        • Knowledge workflow FAQs
      • Agents
        • How to configure the Agent workflow
          • How to add an Agent Disclaimer message
        • How to create Agents
          • Settings
          • Personality
          • Policy
          • Capabilities
            • Capabilities best practices
          • Tools
          • LLM (Beta)
          • Design
          • Knowledge
          • Bias
          • Testing
          • Preview
          • Access
        • Language Translation within Agents
    • Design
      • Navigation
      • Branding
      • Thumbnail Design
      • Images
        • SVG Images
        • Selecting the Right Image for your Application
    • Accounts
      • How to configure Accounts
      • How to configure Account branding
      • How to invite end-users to an Account
    • Humans
  • Developers
    • Embed SDK
      • Embed an AI agent: step by step guide
      • How to embed an agent in your site
      • Testing your Embedded Agent
      • Authentication
    • Mindset API
      • Mindset Public APIs
      • HTTP API
        • API Key authentication
        • API Servers
        • api-authenticate-embedded-user
      • REST API
        • Contexts API
        • Context Files API
        • Labels API
  • Analytics
    • Overview
    • ThoughtSpot
      • ThoughtSpot FAQs
        • Adding a logo or image to a liveboard
        • There is data missing from liveboard
        • Exporting raw data
        • Exporting data to a csv file
        • How to add a note to a liveboard
        • How to pin in a liveboard
        • Editing individual data visualizations in a liveboard
        • Thoughtspot Alerts
    • Connecting a BI tool
  • Integrations
    • Overview
      • Choosing Data for your Agent
      • Supported Files
    • Content management
      • Google Drive
        • Google Drive Integration Set-Up
      • SharePoint
        • SharePoint Integration Set-Up
      • Hubspot
      • Podbean
      • Wistia
      • WordPress
      • Dropbox
    • Communication
      • Microsoft Teams
      • Slack
    • Customer Management and Payment
      • Hubspot
      • Stripe
  • Support
    • Contacting support
    • Taking a screenshot on any laptop
    • Resizing & compressing images
    • Performing a hard refresh
    • Application loading time
    • Raise a support ticket
    • Service Level Agreement (SLA)
  • Mindset AI Website
  • Book a Demo
Powered by GitBook
On this page

Was this helpful?

  1. Platform
  2. Design
  3. Images

SVG Images

An explanation of what SVGs are and where they are used across the Mindset platform

PreviousImagesNextSelecting the Right Image for your Application

Last updated 10 months ago

Was this helpful?

An SVG file, short for scalable vector graphic, is a standard graphics file type used for rendering two-dimensional images on the web or mobile devices.

The SVG format stores images as vectors, which is a graphic made up of points, lines, curves, and shapes. SVG’s are typically used for Icons, logos & illustrations - they’re not the correct file format to display photographic images.

Why do we use SVG’s?

SVGs can be scaled up or down to any size without the loss of quality. This means that they can easily be adapted to the many screens and screen sizes that your app will be displayed on with still remaining crisp and clear with no reduction in quality. They’re also often much smaller in file size which is ideal, as this reduces image load time, especially when accessing your app on the web.

Tip

  • Keep lines and shapes as simple as possible.

  • SVG’s must be flat 2 dimensional images - no shadows or gradients. If you upload an SVG with a gradient, it will not display correctly.

  • If it includes a shadow or an alpha layer, it will not display at all.

  • You can’t simply save a jpeg, or png file as an SVG - this won’t work.

  • When uploading any images, pay close attention to the preview available. This will indicate how the image will render in your app.

Where are SVGs used?

SVG’s are used in multiple workflows across the product configuration. When uploading images in the configuration portal, the descriptive text will provide more detail on what image types are accepted. In most cases, you have the option to use either an svg, jpg or png image.

Note: Your app logo image is uploaded in “App Settings”, all images uploaded to the Mindset Meter and the Admin chat home page card are areas of the configuration that will only access SVG images at this time. We suggest always reading the description text carefully to understand what image types will be accepted.