Images

formatting_toolbar.jpg

You can add images to a page using the image module or the image & text module. You can also create Slideshows using the Webs SiteBuilder.

Click through each topic for more information on how to add images to your website, as well as helpful tips on protecting and managing your images.

Add the Image Module

Step 1: Add the image module by selecting it from the dock at the bottom of the Builder under the General tab and dragging it into place on your page.

select_image_module.jpg

Step 2: Once the module is in place, double-click the placeholder to add your image.

Step 3: Select an image using one of the following options:

  • My Images: Select from images you’ve already uploaded
  • Free Images: Choose from Flickr images
  • Image URL: Link to an image file using the complete file address

 

Step 4: Once you’ve selected your image, click Insert Image.

Scale, Rotate & Resize Your Image

images_rotate.jpg

You can scale and resize the image using the handles and controls that appear within the image editor. With the image editor you can:

  • use the handles on the corners and sides of the image to resize
  • zoom in and out using the slider at the bottom of the image editor
  • use your mouse to adjust the position of the image inside of the frame
  • rotate images clockwise 90/180/270 degrees

The editor is intuitive enough to maintain the correct aspect ratio so that an image is never stretched out of proportion.

Format Your image

formatting_toolbar.jpg

While you’re working with the image module, a formatting toolbar will appear at the top of the Builder. From the formatting toolbar, you can perform four functions:

  • change image: replace the selected image
  • frame: add a decorative frame around your image
  • alignment buttons: align image left, right and center
  • link: link images
Link an image

change_link_lightbox.jpg

If you decide to create a link with your image, you have five linking options:

  • My Pages: create an easy link to one of your site’s pages
  • Webpage: link to an external website
  • Email: create a link to an email address
  • File: link to one of your site’s files
  • Lightbox: create an enhanced link to a fullscreen version of the image as well as add a caption
Use the Image & Text Module

To place an image on the same line as text, or wrap text around an image, use the image & text module. The formatting options for the image & text module are the same as when working with the image module and text module separately.

image_text_format.jpg

Here are a few things to keep in mind when working with the image & text module:

  • Click the text portion to launch the formatting toolbar for text. Click the image portion to launch the formatting toolbar for an image.
  • The image will default to the right of your text but you can use the alignment buttons in the formatting toolbar to align the image to the left or the center.
  • As you resize your image using the handles, the text portion will adjust to fit accordingly.
Frequently Asked Questions

How do I delete an image file?

To delete the image from a page (but keep it in your File Manager):

  1. In the Builder, double-click the image you wish to delete.
  2. In the "Change Image" popover, click the My Images tab and select the image you want to replace the current image with.
  3. If you do not wish to replace the image simply delete the module.

To delete the image from a page as well as your File Manager:

  1. In the Builder, double-click the image you wish to delete.
  2. In the "Change Image" popover, click the My Images tab.
  3. Hover over the image thumbnail you wish to delete until a red x appears in the lower right corner. 
  4. Click the x and confirm your choice to delete. This will delete the image from your page as well as from your File Picker. 

How do I remove the default border from images?

When working with the image module, click the frame picker in the formatting toolbar and click the no border icon.

How do I make an image enlarge when it's clicked on?

A "lightbox" is an enhanced link to a fullscreen version of a image. To create one:

  1. Use the image module to add an image to your page. 
  2. Make sure the image is selected by clicking it with your mouse to reveal the formatting toolbar at the top, 
  3. Click Link to open the "Change Link" pop-up.
  4. Click the lightbox tab and check "Enable Lightbox." You also have the option of entering a caption.
  5. Click Insert Link.
  6. Publish your changes.

How do I wrap text around an image?

To place an image on the same line as a text, or wrap text around an image, use the image & text module. The formatting options for the image & text module are the same as when working with the image module and text module separately. 

How do I protect my images?

The content that you add to your website is your creative, personal, professional property and responsibility. There is no definitive way to protect everything you choose to publish online, but there are some steps you can take to make it more difficult for your content to be re-used. Click here more information.

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk