Adding Pictures to Square Online
Pictures are an important part of any website - they can add a personal touch, help sell products, and enhance the look of your site, to name just a few reasons.
The Instagram Feed section lets you connect to your Instagram account and select images to sync to your website.
The Photo Gallery section lets you upload multiple images and choose from different layout styles.
General text and image sections, which we’ll go over in this article.
Add an Image Section
The first step is to choose or create the page you want to add images to. Next, click the Add section button to open the sections menu.
Most of the sections in the General category include an image. Click on any section to see how it looks on the page. You can use any of these sections regardless of their titles, so if you happen to like the look of the “Our Mission” section, for example, you can go ahead and use that for anything you want. When you find one that you like, click Add to apply it to the page.
Edit the Section Settings
Once you’ve added a section, you can change the settings. Settings vary for different sections, but most include additional layouts. Click on any layout to see the page update, then choose the one that best suits your needs.
Some layouts, like the one shown above, let you copy parts of the section so you can add more content without adding another section to the page. Under Group you can see a list of the current groups in the section. In the above example, there are three text and image groups. Two of them have the default placeholder text, while one group has custom text.
To insert a new image and text group with the default text, click Add group.
To copy an existing group, click . . . and select Duplicate.
New or copied groups will appear in the list. You can rearrange the order of groups on the page by dragging a group to a new spot in the list.
Upload an Image
Click on a group in the list, or click directly on a placeholder image to open the settings on the left. Select Image and use the Add Image button to choose or upload a photo.
There are a few different options for adding an image:
Connect to your Instagram account to import images
Choose an existing photo from My images
Search Free photos for stock images
Upload your own photo files
To upload a new image, click the link to choose a file from your computer.
You can upload these types of images:
For best results, use images that are 72 PPI and at least 1,000 pixels in width or height. Save images files using the sRGB color profile to ensure color consistency. Large image files can affect page loading speed, so avoid uploading images that are larger than 1MB in size.
Images you upload or add through the free photo search are saved under My images so you can easily re-use them in the future.
Edit an Image
Click Edit to straighten, rotate, or adjust the zoom level of the image on the page. You can also add alt text to improve SEO and web accessibility, or add a link to the image.
Click the Crop button to change the shape of the frame around the image. Note that this will not actually change the image file itself. Click the Size button to change the display size of the image. Text and other content will automatically adjust to fit within the section. Again, this does not change the size of the image itself.
To select or upload a different image, click . . . and choose Replace, or Delete if you want to remove the image. If you change your mind, you can use the undo arrow at the top of the editor to go back one step.
When you’re finished editing the image, click the back arrow to return to return to the main section settings. Follow the same process to add more images to your section.