To stretch and expand the background image to the top of your website, change the site header color style to Adaptive. The site header then becomes transparent so the background image shows behind the navigation text.

The clickable image that shows up on social media posts is called a link preview image. In Squarespace and other website editors, you can designate a specific image to show up when you share a website page on Facebook, LinkedIn, or Twitter/X.

The aspect ratio of an image is its width relative to its height. Understanding aspect ratio helps you design your pages with images that look attractive and well-matched. Aspect ratio choices can also help with planning and choosing images you’d like to use on your website.

You can add a Social Sharing image to Squarespace to be shown as a link preview for your website when you share a URL on Facebook, LinkedIn, and Twitter. The size of 1200x628 pixels works best for those platforms. You can also set custom images for specific website pages or blog posts to draw extra attention to them.

High-quality images are an important part of any online message you want to deliver. Free images that you can use on your website and with social media postings must either be your own originals, those that you have permission to use, or donated by artists to use free for commercial use. In addition to Pixabay, I've also discovered Unsplash as another place to find beautiful images that are free to use for commercial use.

Choosing the main image on the home page of your website has repercussions for the colors, mood, and typeface choices for your whole website. Designers take a lot of things into consideration, including colors, size, and arrangement before choosing what's called a "hero image."

Save yourself some time by keeping these tips in mind when you are selecting a large banner photo for the top of your website page. These guidelines apply both to selecting a photo from a stock photo site or if you plan on using photographs of yourself in banner photos as many service-oriented business owners do.

If you have a website that will show personal photos, you’ll want to remove location information from those photos, especially from any photos taken at your home or other places that you don’t want to share with the public.

Whether you want to add a little emphasis or a bit of lightheartedness to your website, emojis give you another choice for adding a graphic touch that stands out.

Find beautiful free photos that convey the perfect tone and message for your Squarespace website.

A circle adds a different design shape to your website, which can be a refreshing change from the usual square and rectangle images. Squarespace makes it easy to crop your square image into a circle (and a lot of other shapes). No coding needed.

As a rule, you should use images that use the .jpg format on your website. However, if you need the special effect of a background color or image showing through an image placed on top, you’ll need to use a transparent image saved in .png format.

Placing images exactly where you want them on website pages and blog posts can be tricky and frustrating. In this blog post, you'll learn how to place images exactly where you want them in Squarespace. Image placement applies when your website is seen on a computer. On a cell phone, photos are stacked above or below your text.

Follow these three rules when choosing and preparing your website images to have a professional-looking website.

When you get started with Squarespace, you are faced with a design decision before you even provide a domain name or a credit card number. As I browsed through many templates in doing work for clients, I started to realize that there was one design decision about the banner image that narrows down template choices right away.

Whenever I start working with a client, I ask the client to make one or two decisions to narrow down the design choices. The first decision I ask clients to make is to choose a large image that goes the full width of the page or choose a narrower image with some "breathing room" on either side. If they prefer a wide edge-to-edge image, there's a second decision. Do they want the navigation text to appear above the image or within the image? Making that second decision narrows down design template choices to just a few.