How do I change images?

  • Updated

Every TIQ Software project includes images, icons, illustrations, etc.

Using the right image resolution and size help ensure your project are consistent and look great.

We've included some important image info to keep in mind. 

*Note: If you are sending images to our team, please make sure that they are bigger than the minimum size restrictions.


Getting Started

What is the difference between vector and raster/bitmap?

When updating or adding images it's important to know the difference between vector and raster/bitmap images. 

Tiq_Ninja-Content_Images_vector_vs_raster.png

Vector graphics: are made up of thousands of tiny lines and curves (or paths) that can be scaled indefinitely without losing any detail.

Raster/ Bitmap: are made up of pixels. If a Raster/Bitmap image is scaled past a certain point, the edges become blurry or distorted - you can start to see the individual pixels.


File Formats

For all logos, illustrations, and images, vector format is preferred over raster/bitmap. 

Appropriate vector file formats are:

  • .EPS (encapsulated postscript)
  • .SVG (scalable vector graphic)
  • .AI (Adobe Illustrator)

*Note: If you do not have your logo in vector format, we'd suggest using a .PNG (portable network graphic) file with a transparent background.


Images

Pop-up: Guide

Minimum 500 pixels wide and 500 pixels high. 

interaction.png

Chapter Background

Minimum 1920 pixels wide and 1080 pixels high. 

chapter-background.png

Slideshow (Horizontal)

Minimum size of 1920 pixels wide and 1080 pixels high. 

reader-horizontal.png

Slideshow (Vertical)

Minimum size of 960 pixels wide and 1080 pixels high. 

hidden-object-vertical.png

Image Analysis (Horizontal)

Minimum size of 1920 pixels wide and 1080 pixels high. 

Note: @2x is preferred (3840 pixels wide and 2160 pixels high). 

hidden-object-horizontal.png

Image Analysis (Vertical)

Minimum size of 960 pixels wide and 970 pixels high. 

Note: @2x is preferred (1920 pixels wide and 2160 pixels high).

hidden-object-vertical.png

Multiple Choice 

Minimum size of 800 pixels wide and 620 pixels high. 

multiple-choice-image.png

Scenario

Background: Minimum size of 1920 pixels wide and 1080 pixels high. 

Icon: Minimum 500 pixels wide and 500 pixels high. 

scenario.png

Share

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request