Description

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

Content


How do I upload an image/logo into my Uizard project?

1) To use your photos in your Uizard project, simply click on 'Image' on the top menu bar:

2) Then, click on 'Upload image':

3) Your uploaded image would then be ready to drag and drop into your project from the 'My Computer' folder:


What's the maximum file size for image uploads on Uizard?

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.


How do I customize the image position?

To customize image position in its container:

1) Click on the image you want to customize.

2) Choose your desired position on the right side under 'Image' > 'Position.'

You will have several options to position the image relative to its container:


How do I customize the image to fit?

To customize the image to fit in its container:

1) Click on the image you want to customize.

2) Choose your desired fit on the right side under 'Image' > 'Display.'

You have the option to 'Fit,' 'Fill,' or 'Stretch' the image relative to its container:


Does Uizard have integration with a stock photo website?

Absolutely! 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 on Uizard:

1) Click on 'Image' on the top menu bar.

2) Find photos needed by using the custom search or browsing through the categories proposed.


3) Click on the selected photo or simply drag & drop it on your project.


What should I do if I cannot upload/see images?

Most commonly, this issue stems from the 'Wireframe mode' being on, which results in a low fidelity wireframe being shown. Low fidelity wireframes don't have 'Image' components, therefore, if you want to upload or view images on your project, you need to make sure that the 'Wireframe mode' is turned off.

You can turn off the 'Wireframe mode' as follows:

1) Go to your project and click 'Magic' on the top menu. Afterward, choose the 'Wireframe mode' option:

2) Turn off the 'Wireframe mode' by clicking on the switch outlined in the screenshot below:


Related articles:

Did this answer your question?