DoJiggy Knowledge Base

How do I upload an image on my webpage?

Synopsis
You would like to include a photo or image on your webpage.

Solution
Please follow the instructions below to upload an image to your webpage.

GETTING STARTED

  1. File Size. Make sure all images are appropriately sized. Making the picture the right size is important. Think about the page layout, and the position in which you want to see the image. Suggested sizing:
  • The average web page is about 800-1000 pixels wide.
  • Around 400 by 400 pixels or smaller for a single page image, depending on page layout
  1. File Name. Do not use any spaces or special characters in image file names. Use only alphanumerics (A-Z or 1-9) and underscores (_). Using spaces or other characters in the filename may cause the image upload, preview or insert operations to fail.

  2. Format. The image manager supports JPEG, TIF, BITMAP, GIF, and PNG images, as well as PDF document uploads.

  3. Position and Alignment. Think about the position of each image on the page, and the alignment of the image and the text. Place your cursor in the text area where you want the image, and consider how you want the text to align.

UPLOADING AN IMAGE

  1. To upload an image from your Admin Area, go to Website -> Manage Pages, and click on edit next to the page you wish to add an image to.
  2. Next, press the image tool icon Image Icon Tool
    This will open the Image Properties box.
  3. Click Upload.
  4. Click Browse to search your computer for the file you wish to use.
    Once you find it, click on it.
  5. Click to 'Send it to the server'
  6. This will automatically place a URL in the box.
  7. Click ok
Note: Some users might see a box with a red circle on the page. If you do, click on that box to delete it.

You should see your photo in the editor now.  Just click update to save your changes.  When you refresh your public webpage, you will see your new photo.

INSERTING AN IMAGE

If you already have an image saved to the server, here's how you can insert that image onto a page.
  1. Press the image tool icon Image Icon Tool
  2. Browse server.
  3. Right click on the image - it appears as a new thumbnail sized icon in the library manager.
  4. Select 

    Rt click and select

  5. You will see the image URL and the image loading in the preview.
  6. Click ok.
  7. Save the page.
  8. Review the page on your website.

 
Reviewed LB 02/22/2012


Article Details

Last Updated
29th of May, 2013

Would you like to...

Print this page Print this page

Email this page Email this page

Post a comment Post a comment

Subscribe me

Add to favorites Add to favorites

Remove Highlighting Remove Highlighting

Edit this Article

Quick Edit

Export to PDF

User Opinions ( )

How would you rate this answer?



Thank you for rating this answer.

Continue