Advanced Tutorial

Image Import Guidelines

This icon list section is only visible in Designer and Editor View. On live page you will not see this icon list.

icon-paste.svg
icon-copy.svg
icon-offline.svg
icon-camera.png
icon-flatmode.png
icon-record.svg
icon-audio.svg
icon-pause.svg
icon-play.svg
icon-delete-audio.svg
icon-start-recording.svg
icon-stop.svg
icon-undo.svg
icon-redo.svg
icon-back.svg
icon-mic-on.svg
icon-target.svg
icon-mic-off.svg
icon-add-user.svg
icon-video.svg
icon-more-settings.svg
icon-next-step.svg
icon-previous-step.svg
icon-more.svg
icon-all-after.svg
Icon previous.svg
icon-ok.svg
Icon-next.svg
icon-all.svg
icon-all-previous.svg
icon-unlocked.svg
icon-locked.svg
icon-select-all.svg
icon-invisible.svg
icon-visible.svg
icon-label.svg
icon-add-object.svg
icon-information.svg
icon-add-steps.svg
icon-remove.svg
icon-lasso-select.svg
icon-lasso-deselect.svg
icon-multiselect.svg
icon-duplicate.svg
icon-delete.svg
icon-rotate-blue.svg
icon-3d-object-blue.svg
icon-3d-icon.svg
icon-knowledge.svg
icon-view.svg
icon-unlock.svg
icon-sub-object-mode.svg
icon-scale.svg
icon-save.svg
icon-rotate.svg
icon-object-mode.svg
icon-move.svg
icon-lock.svg
icon-home.svg
icon-dropper.svg
icon-colour.svg
icon-ar.svg

Image Formats we support

The Jig Workshop supports PNG and JPEG image formats.

When you upload an image as a texture onto a model in the Jig Workshop and save your Jig, the image will then be sent through the Jig Pipeline. We will automatically compress the image file; lowering the file size while retaining the quality of the image, so that you’re able to enjoy a seamless experience when viewing images in Augmented Reality.

The JigSpace 3D model library contains some Picture template models you can use that will perfectly match the most common Image ratios (9:16, 3:4 or 1:1).

Most iPhones create images in 9:16 ratios by default. If you want your image to be viewed in landscape rather than portrait you can search Screens. (You can also scale the picture objects to match the image but this is less exact.)

To use these templates, search “Picture” in the 3D model library, or tap on the Miscellaneous category.


How to convert to supported formats

If the image you want to upload is a different format there are a couple of ways to convert it.

Online

Because PNG and JPEG are common formats there will often be an option for them in online converters.

Here are two, FREE, online image converters that we found helpful:

https://crello.com/tools/image-converter

https://convertio.co/

Using Programs

Common image editing programs like Photoshop and GIMP can convert your files from one format to another. These programs run on both Windows and Mac.

GIMP is a FREE Image Editing program.
You can download and run GIMP with the link bellow.

https://www.gimp.org/downloads/

To convert your image file…
Firstly open GIMP and then go to File > Open and select your image.
Next, to convert the image to a supported format, go to File > Export As and select either PNG or JPEG.

Once you have your file ready open up the Jig Workshop:

  1. In the object library {icon-add-object.svg}, go to the search bar and type in Screen and select one of two screens.
  2. Then tap to select your object.
  3. Select the Color tool {icon-colour.svg} button from the toolbar.
  4. Go to the texture tab and select the Apply an image {icon-add-object.svg} button.
  5. Then choose Upload files and select the image from your folders.

Note: You may need to scale the object to match the proportions of your image.

Next we have the industry standard, Adobe Photoshop. This program runs via paid subscription and is one of the most in-depth image editing programs you can find.

https://www.adobe.com/au/creativecloud/plans.html

To convert your image file…
Firstly open Photoshop and then go to File > Open and select your image.
Next, to convert the image to a supported format, go to File > Save As and select either PNG or JPEG.

Once you have your file ready open up the Jig Workshop:

  1. In the object library {icon-add-object.svg}, go to the search bar and type in Screen and select one of two screens.
  2. Then tap to select your object.
  3. Select the Color tool {icon-colour.svg} button from the toolbar.
  4. Go to the texture tab and select the Apply an image {icon-add-object.svg} button.
  5. Then choose Upload files and select the image from your folders.

Note: You may need to scale the object to match the proportions of your image.

Managing File Size

While the Jig Pipeline is able to compress images without losing resolution there is a limit to the file sizes it accept.

Your file size can be no bigger than 10 MB.

Keep in mind that the smaller the file size is, the smoother your Jig will run.

Compressing

One way you can manage the size of the image file without sacrificing resolution is to use a file compressor.
An online image compressor like like TinyPNG is able to take an image file and crunch it down from 2058 KB to 585 KB with no loss of resolution.

https://tinypng.com/

This website allows for a beginning file size maximum of 5MB. So in order to make use of this website you may need to lower the file size before hand. In this case it might be a good idea to scale down your image before hand.

Resizing Images

In order to make use of larger images, for example high resolution maps, medical scans, or high def photographs, you will likely need to scale down the image size in order to lower the file size.

To rescale an image in GIMP:

  1. First open GIMP.
  2. Then go to File > Open and select your image.
  3. Next go to Image > Scale Image.

This will open up the Image Scale options.

Make sure that the (Chain) Link is joined. This will ensure that when you change one of the size values (width or height), it will automatically change the other value to match, so that your image retains its proportions.

Note: If the link is NOT joined you could end up with an awkwardly stretched out image.

To rescale an image in GIMP:

  1. Type in a smaller pixel ratio in width or height and press Enter to automatically adjust the other value.
  2. Finally press Scale.
  3. Save out the image and have a look at the file size in your folders.

Note: If the file size is still too big scale your image down further.

Always avoid scaling an image Up if you have scaled it down too small. Scaling an image back up will stretch out the image pixels and result in poor resolution. If you have scaled an image to be to small press CTRL>Z to undo your action, or simply don’t save, and open a fresh version of your original image and start again.

To rescale an image in Photoshop:

  1. First open Photoshop.
  2. Then go to File > Open and select your image.
  3. Next go to Image > Image Size.

This will open up the Image Size options.

Make sure that the (Chain) Link is joined. This will ensure that when you change one of the size values (width or height) it will automatically change the other value to match so that your image retains its proportions.
If the link is not joined you could end up with an awkwardly stretched out image.

To rescale an image in Photoshop:

  1. Type in a smaller pixel ratio in width or height (it will automatically adjust the other value).
  2. Finally press OK.
  3. Save out the image and have a look at the file size in your folders.

Note: If the file size is still too big scale your image down further.

Always avoid scaling an image Up if you have scaled it down too small. Scaling an image back up will stretch out the image pixels and result in poor resolution. If you have scaled an image to be to small press CTRL>Z to undo your action, or simply don’t save, and open a fresh version of your original image and start again.

Image Count

Finally remember to consider how many images you will be loading into your Jig. If an image is already quite a small file it can still be a good idea to scale down the image or run a quick compression. This is will free up room for a number of other small images in the Jig, or clear space for a larger image. The goal is to get as smooth of an experience as possible.

Download Icon
JigSpace project file

Download this free Jig file to follow along — step by step — with the tutorial.

Jig App Logo
New to JigSpace?

Download the latest version of JigSpace to get started

Jig quick tip

Text text

Last updated on
Friday, October 8, 2021
Not a Jig Pro user yet?

Start 14 Day free trial today and start creating complex presentations
that will delight your users.

Start 14 Day free trial