Nimbo knowledgebase

Nimbo   >   Knowledgebase   >   Using the editor   >   Adding images

Adding images

Many of the content blocks available for adding to your page contain images. When you first drop a content block on your page, any available image places will be marked by a grey placeholder image.

Some of these are "background" images, which can be easily identified by hovering over the placeholder image and seeing the "background tool" icon displayed in the top left of the image. Background images often (but not always) appear behind other content, like text. For tips on how to manage background images, see the background tool article.

Otherwise, if you see two icons (an orange link and a blue camera) hovering in the middle of the image, you're working with a normal image.

Using  

The link icon will pop open a new window with a few options. For now we're just interested in the first one. To the right of "source", click the link icon and another panel will open. Under the image upload area at the top are tabs showing images you have previously uploaded to your pages. Note that any images you've added via apps (slideshows, galleries, blog, shop, etc.) are stored separately and won't show up here in your general image library. The third tab searches Unsplash's stock images, giving you easy access to over 1.9 million free high quality photos that you can use anywhere in your website. 

Using  

The camera icon will prompt you to choose an image from your computer or device. Your chosen image will appear inside the "area" of the placeholder image, cropping off any parts of your new image that don't fit. A row of buttons will appear over the image, as follows:

• Reset to previous image
• Zoom out
• Zoom in
• Pops open a box allowing you to choose a "no crop" option. Choosing this will break your image free of the image area and show the full image. Beware - this function does tend to create smaller and poorer quality images. If you want to keep your new image's proportions, you're better off using the   icon. 
• Drag the image around inside the window to a position you're happy with, then click this OK button to commit your changes.

After you've saved your page, your new cropped uploaded image will appear in your image library, available to use on other pages. 

Resizing images

Because our content blocks are created to be "responsive" (automatically resize and re-organise themselves to fit gracefully on smaller screens), you can't directly resize individual images. Instead, choose a content block with images arranged the way you want - so for example if you want a single large image, choose one of the first couple of blocks in "Blocks containing... Images"; or for images which sit beside some text, look under "Blocks containing... Images + Text". Leaving image sizing to the system means your content will always look good, no matter what size screen your visitors are using. 

Image URLs

If you need to find out the URL (web address) of an image you've uploaded to your website, see this dedicated help article.