October 31, 2013

Insert Image: Thumbnail Gallery

Some of the Insert Image features are still in beta. Join the Typepad Beta team to check out all the new features at Account > Summary. If you are not a Typepad Beta member, see the article on inserting images for more information.

To add an image to a post or page, click the Insert Image Insert Image button in the Rich Text toolbar.

When inserting an image into a post, you have two options: upload image from your computer and use image from another site.

Upload an image from your computer

Click the Browse or Choose File button to search for the image located on your computer. After locating the image on your computer, click Open.

Use an image from another site

To display an image in a post from another site, like Flickr, Photobucket, or Lockerz, you can simply enter the URL for the image.

In the Enter a URL field, enter the URL for the image and click Add.

When adding an image from another site, a copy of the image will be uploaded to your account to be displayed as the thumbnail image in your post. The thumbnail image will link back to original image URL.

Additional images can be added by choosing to upload another image or entering another image URL.

Custom Settings

When you insert multiple images at a time, the images can be inserted individually with the same settings or as a thumbnail gallery. Click the Edit button to adjust the image settings from the defaults.

Individual Image(s)

Image Size

  • Full Size: Image will be sized to fill the main content column. Except when a Fluid width is being used for the column. Then the image will be no larger than 320px.
  • Large (500px)
  • Medium (320px)
  • Small (120px)
  • Custom: Enter a custom width in pixels (px).
  • Text Link: A link to view the image will be added to the post, instead of a thumbnail image.

The best image widths are in 50px increments. e.g. 400px, 450px, 500px, 550px

Position

  • Left Align
  • Center Align
  • Right Alight
  • Float Left: Image is on the left with the text of the post wrapping on the right.
  • Float Right: Image is on the right with the text of the post wrapping on the left.

Link to full-size image in a pop-up window

By checking the box, clicking the image in a post will open a pop-up window with the original image. If you do not check the box, the image will link to the original image in the same window.

Linking to the image in a pop-up window is not recommended if you prefer to have your image link to another website.

The Image Size, Position, and Pop-up Window options can be edited after images are added to your post.

Thumbnail Gallery

When adding multiple images, you can choose to display the images in a gallery format. All images will appear as small thumbnails above the larger version of the selected image in your post.

The selected image will display in the set size - 640px, 500px, or 320px. Clicking the thumbnail images will open the larger image.

At this time, the ability to edit images is not available when using the Thumbnail Gallery.

After configuring the image(s), click Insert Image to add the image(s) to your post and continue editing your post. Individual images can be edited after being inserted within your post.

For more information on editing an image after uploading, see the article on editing images.

Search


Need design help?

Looking to launch a new blog? Have an itch to tweak your design or layout? Want a superior banner or design custom made specifically for your blog? We've got you covered!

Discover Typepad Services