How to Add Images to Your Website

How to Add Images to Your Website

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'. (image icon
  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 the 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 2/23/2022

Loading Form...
Posted By Dan Carbone in Images, Image Upload, On Page Editing

Related Posts

Create Email Footer Advertisements

Up until now, it's been almost impossible to create email footer messages that you could change at any time without updating every employees footer.  Virteom's bright inventors would like to introduce you to their dynamic email footer creation tool.  The tool simply allows you to update every employee footer's advertisement message at the same time with one single tool.  See example below. Updating the Email Footer Advertisement is Simple Just visit the Email Footer Module and modify your message and hit 'Save Advertisement'.  That's it!  Every employees footer will be updated with the new message.  Sample Email Footer Output Once you hit 'Save Advertisement' all footers for your company will be updated instantly.  No need to ask each employee to update their footers individually. Update as many times as you want as often as you want.  Want to learn more about how you can enhance your email footers? Give Virteom

Nov 27, 2012 Posted By Dan Carbone

Email Footers with Dynamic Advertisements, Company Wide

Virteom has the ability to manage all of your employees email footers easily and effectively.  The first thing you will want to do is add each employee as a member of the Virteom system.  Do this by clicking on the 'Manager' option on the top toolbar and then clicking on the 'Members' option on the left toolbar. Every member in the system can have the capability of having their own footer. So this can be an 'Admin' or an 'Employee' as as example.  But it is not limited to those types. Add a Member Now add each employee of your organization as a member to the system. Do this by clicking 'Add New Member' and fill in their information.    Managing Your Email Footers Company Wide Once you are done adding each employee you will notice that there is an Email Footer in the lower right with a button called click here. When you click this button a new window will open up and a generated email footer for that employee will

Nov 25, 2012 Posted By Dan Carbone

Virteom Cloud Marketing Overview

So many marketing and web development firms promise you award winning websites. This sounds sexy, but what does it really mean to you? Doesn't this mean that they will be winning the award for a good looking website rather than building you a tool that will effectively grow your business?  We think that's what it means. Virteom is on a Mission Virteom is on a mission to change what we do once we launch websites.  We're so serious about this mission that we've become the back end technology firm for marketing firms from Cleveland to Detroit.These marketing firms put their trust in Virteom that we will effectively help them grow their customers relationships.  How do we do it? Take a look at the quick overview video of our technology and you'll quickly understand that we create what we like to call Marketing Rhythm.  In fact some experts believe we just may be forging a whole new segment with our technology.  Rhythmic Marketing Rhythmic

Nov 13, 2012 Posted By Dan Carbone

Most Recent

New Website Launch: NIL Agency

Posted By Virteom
July 06, 2022 Category: Virteom, NIL Agency, New Website Launch, Digital Marketing, Website Development

Virteom is excited to announce the launch of NIL Agency's new website! Click here to access the new site. NIL Agency is a full-service agency that provides the tools and services athletes need to profit from their name, image, and

Is It Important For My Website To Be Mobile Friendly?

Posted By Virteom
May 11, 2022 Category: Virteom, Website Design, Mobile Friendly, Digital Marketing

In today's digital culture, to garner new clients and look professional, you not only need to have a clean, looking website. You also need to ensure your website looks great on any platform, including mobile devices. So does your website need to be mobile friendly? Find out more by reading below.

Are One-Page Websites Useful?

Posted By Virteom
May 11, 2022 Category: Virteom, Digital Marketing, Website Design, Single Page Website, One Page Website

Websites have changed since the early days of the internet. As technology advances, so do websites. Sometimes it takes a while for an entire website to launch. A lot of work needs to be put into a website to drive traffic. But what about a single-page website? Are one-page websites