Tutorials

Every image that you upload is automatically recreated and resized to several different formats. Once it is uploaded, you can insert the image at one or all of the sizes. Below are all the sizing options:

Colorbox Styles

The Colorbox styles have a special functionality: when the聽Colorbox image is clicked, your page is overlayed with a lightbox聽containing a larger version of your image. The聽alternative text聽that you enter when you upload your image is used as the lightbox caption.

Colorbox small:聽the largest side of your photo is sized to 300 pixels; lightbox added.

Close up of vibrant blue river flowing over rocks

Colorbox small square:聽image cropped to a tiny square, 70 pixels per side; lightbox added.

Close up of vibrant blue river flowing over rocks

Colorbox small thumbnail:聽the largest side of your image is sized to 100 pixels; lightbox added.

Close up of vibrant blue river flowing over rocks

Colorbox square:聽image cropped to a square, 180 pixels per side; lightbox added.聽

Close up of vibrant blue river flowing over rocks

础耻迟辞尘补迟颈肠听滨尘补驳别

If you choose Automatic聽image, you'll be inserting the image at the size you uploaded. This is a bad idea if your image is extremely large. This is a good idea if you've used a photo-editing program to prepare the image to the exact size that you want.

Close up of vibrant blue river flowing over rocks

Hero

A Hero-style image is inserted at 1500 pixels wide. Use this style聽for images placed in the Intro Wide or Post Wide regions. These regions stretch across the width of the browser window.聽

Close up of vibrant blue river flowing over rocks

Large

A Large image spans聽the entire width of the web page. If you have聽a sidebar on the page, the image will be auto-sized down to fit the content area next to the sidebar.聽

Close up of vibrant blue river flowing over rocks

Large Square Thumbnail

The system will crop your image to a square of 600 x 600聽pixels. You'll see a tiny crosshair on the uploaded image -- use it to tell the system where the most important part of the image is. It will crop around that spot.聽

Close up of vibrant blue river flowing over rocks

Large Wide Thumbnail

The system will crop your photo to a rectangle in landscape mode of 600 x 300 pixels. You'll see a tiny crosshair on the uploaded image -- use it to tell the system where the most important part of the image is. It will crop around that spot.

Close up of vibrant blue river flowing over rocks

Medium

The largest side of your image is sized聽to 600 pixels. The short side of your image is scaled proportionately. This means, if your picture is in landscape mode, the horizontal聽sides will be 600 pixels, as in this example. If your image is in portrait mode, the vertical sides聽will be聽600 pixels and the horizontal sides will be much smaller,聽to keep the right proportions.聽

Close up of vibrant blue river flowing over rocks

Slider

A slider image is long and thin. This size is used for banners placed at the top of the page. When you're choosing an image for a banner, make sure it is an image that will look good when the top and bottom of the image are cropped off. You'll see a tiny crosshair on your uploaded image -- use it to tell the system where the most important part of the image is. It will crop around that spot.聽

Close up of vibrant blue river flowing over rocks

Small

The largest side of your image is sized聽to 300 pixels. The short side of your image is scaled proportionately. This mean, if your image is in landscape mode, the top side will be 300 pixels, like this example. If your image is in portrait mode, the top side will be smaller than 300 pixels to stay proportional to the tall side.

Close up of vibrant blue river flowing over rocks

Small Square

The system will crop your image to a tiny square of 70 x 70聽pixels. You'll see a tiny crosshair on your uploaded image -- use it to tell the system where the most important part of the image is. It will crop around that spot.聽

Close up of vibrant blue river flowing over rocks

Square Thumbnail

The system will crop your image to a little square of 180 x 180聽pixels. You'll see a tiny crosshair on your uploaded image -- use it to tell the system where the most important part of the image is. It will crop around that spot.聽

Close up of vibrant blue river flowing over rocks

Thumbnail

The system will crop your image to a rectangle in landscape mode,聽100 x 66 pixels. You'll see a tiny crosshair by your uploaded image -- use it to tell the system where the most important part of the photo is. It will crop around that spot.

Close up of vibrant blue river flowing over rocks