One of the easiest ways to add some flare to your website is to add images. But how do you add images to your Virteom website? In this article we'll cover all the bases on just that. 

Preparing your image for upload

First things first, we'll need you to prepare your image for upload. There are a few things you should do to your image before uploading your image to your website:

1. Make sure your image name does not have any spaces in it. We suggest replacing any spaces in your file name with dashes (-) or underscores (_). 
2. Optimize your image for the web. To keep your website running at top speed, you'll want to optimize your image for web. How do you do this? Use an image optimizer like this one.
    

Uploading your new Image into Virteom Editor

Now that you have prepared your image to be uploaded, you're locked in loaded to upload it to the Virteom CMS. 

1. Go to your website and log into your Virteom editor.
2. Once you are logged in go to the page you want to edit and select 'Editor' off the top toolbar.
   
   
    
3. Put your cursor in the editable area at the spot that you would like the image to appear.
4. On the Virteom toolbar click on the 'Image Tool'. () 
5. Once you click that icon a popup will appear. Click 'Browse Server'
    
6. On this next step you will want to consider organizing your photos into folders to they do not become a mess over time.  So either select a folder you would like to upload the image into or create a new folder and then select it.  Once you have the folder selected click on 'Upload File'   
    
7. The file uploaded box will open up. Click on 'Browse File' to upload one or more images. This will allow you to search your computer for the photo. Find it and then click 'Upload Now' at the bottom of the popup screen. This will start to upload your file(s).  Once it is complete it will close and go back to the file browser. You should now see your file in the list. 
    
8. Select the file you just uploaded by clicking he check mark to the right of the name. 
    
9. You should now see the screen below. If you are concerned about SEO, make sure to add a description in the 'Alternative Text' field about your photo and then click 'OK'
    

Photo Tips

1. If you need to modify a photo, just make sure you are in edit mode and double click on the image will reveal the photo dialog. Once you see that repeat steps 5-9 again to replace the image. 
2. If you want to delete a photo simple select it and hit the delete button on your keyboard.
3. If you would like your photo to float to the right or left of your image select the 'Align' drop-down as seen on the image above and then adjust your 'HSpace' and 'VSpace' with some padding, adding '20' in each is probably fine.  Then drag your photo around on the screen until it's in the perfect position.
4. Make sure to save often by clicking on 'Save Content'

Want to make sure your image is the right size?

After you've added your photos you may have noticed that when you view the page on your mobile device, it gets a bit stretched out. Click here to read how to resize your images. 

Revised 8/10/2017