Adding pictures to your site works in much the same way as adding text: by dragging an image element to a page.
Click the Upload Image box to add a picture.
This opens up a dialog box presenting several ways to add a photo. The two key options are to either upload (or drag) an image from your own computer or to search through the Weebly stock photo database.
Let's focus on the option to upload a photo from your own computer. The easiest way to approach this is to drag the picture you want to use from your desktop into the box that quite helpfully says "drag photo here." You can also click the green "Upload a photo" button if it isn't convenient to drag the image over.
The size of a picture will vary after upload, but it'll usually show as wide as the entire site.
You can adjust the size of the image by clicking and dragging the little box that appears in the lower right corner of the image (you'll need to click on the picture to see it).
Clicking on the photo also opens up a settings dialog box that you can use to make further changes.
Some notable controls:
- Lightbox: If you turn this on then any visitor who clicks the image on your site will be shown a larger version.
- Link: This option turns the image into a link. We cover links later in this guide.
- Spacing: Makes minor adjustments to the amount of white space around the picture.
- Caption: Lets you add a basic text caption under the pic.
- Advanced: Allows you to adjust (or turn off / on) the border around the picture.
And the big blue "Edit Image" button opens up a simple image editor where you can:
- Crop: Cut out unwanted parts of the image.
- Rotate: Rotate the image to any angle.
- Adjust the Opacity: Change the image from opaque to transparent or anywhere in between.
- Fade: Adds a graduated fadeout to the image.
- Apply Effects: Apply various effects to the image.
