squarespace manual


« Add a Page Header/Footer | Main | Create A Link »

Insert An Image

Posted on Tuesday, March 28, 2006 at 01:51PM by Registered CommenterA. Casalena in | Comments Off

Squarespace's editor allows you to upload, align, and insert an image within it using the Insert Image button.

When inserting images into a page or entry, it's easier if you add your text to the page first and then insert your images in afterwards.

Step 1 - Select Image Insert Point

Point your cursor where you want to insert the image. Note that this may not always be where the image actually will appear. For example, if you want to insert an image so it is near the top of a paragraph of text and right aligned, then you actually place your cursor at the start of the paragraph just before the first character.

Step 2 - Access Image Area

Click the Insert Image button.

Step 3 - Access Upload New Image Area

If you're inserting an image from your computer, click the button at the top to access the Upload New Image area.

 

Image files should be all lowercase with no spaces or punctuation within the file name. In addition, you'll want to insure your images are properly rotated the correct way before uploading them and saved as GIF, JPG, or PNG.

 

Step 4 - Browse To Image On Computer

Click the "Browse" button.

Step 5 - Select Image On Computer

Select the image on  your computer and click the "Open" button.

Step 6 - Upload Image

Click the Upload File button to upload the image to your Squarespace site.

Step 7 - Select Alignment Type

Once uploaded, you'll see the image previewed in the Image Preview window. You can now select the alignment you wish to use for the image.

Step 8 - Insert Image

Finally click the Insert Image button for your image to be inserted.

Don't move your inserted images around by dragging and dropping them with your mouse, otherwise you'll break any alignment settings applied to them.
Are your images taking a long time to load? Check the file size -- images should be under 100k (even as low as 50k, depending upon the dimensions). Refer to your image software documentation for instructions on optimizing your image for the Web.

PrintView Printer Friendly Version

EmailEmail Article to Friend