Images are one of the key elements of any project's design. In this guide, you'll be able to explore the basics of image uploading, sizing, positioning, and much more 😊

If you're more of a visual learner, you can see some of the basics in this video:

1) To use your photos in your Uizard project, click on 'Image' on the left-hand menu:
​

2) Click 'Uploads' and the blue 'Upload image' icon:
​

3) Your uploaded image will then be ready to be dragged and dropped to your project:

Most images, regardless of file size, can be uploaded within Uizard as long as they are in JPG, PNG, or HEIC file types.

However, if you experience an error when uploading, try scaling your image upload to less than 4096px x 4096px. Additionally, it would also help if you make sure it’s less than 16MB.

You can make images bigger by following these steps:

1) Select the image you'd like to make bigger by clicking it.

2) Drag the edges of the image outward to make it larger.

3) Additionally, you can resize it by clicking on the design menu on the right-hand side and finding the size section after selecting the image as shown below:

To keep the image ratio while changing the size of an image, you'll need to simply press and hold the 'Shift' key while resizing 👍

1) Double-click the image you'd like to crop. Additionally, you can click the image once and then click the "Crop" button within the in-line toolbar to reach the same image editor:

2) Drag the edges around to crop the image or you can resize the image. Please see the video below for how to do this:

Uizard has integration with Unsplash, which provides you with millions of beautiful, stock-free images and photos that you can download and use for your project 🚀

To use Unsplash photos in your Uizard project, proceed as follows:
​
1) Click 'Image' on the left-hand menu:
​

2) Select 'Unsplash' and find the images you want by using the custom search or browsing through the categories proposed:
​

3) Drag & drop a selected image on your project.

You can add GIFs to liven up your project and add some pizzaz!

Let's take a look at how you can achieve this:

1) Open your project and click on the "Image" tab on the left-hand menu:

2) Click on the "Giphy" tab and then type in what kind of Giphy you'd like to use in the search:

3) Click the Giphy you'd like to add and it will be automatically placed in your project. Just drag and drop it to the desired location and adjust the size! 👍

1) The first step is to upload the image you want to use.

2) Once you have uploaded the image, you'll want to drag it onto your screen and adjust it to the size that you'd like to fit the screen.

3) Select the image and then click the "Design" button on the right-hand menu.

4) Click 'To back' on the right-hand menu so it will be behind any other content that you add: