Most photographers lose weeks to their own website. They redesign the homepage four times, upload 40 MB TIFF exports, then wonder why the gallery takes six seconds to appear on a phone. This guide takes the opposite approach: a clear build order, the exact image settings that keep files small without visible softness, and a page structure designed to turn a visitor into an enquiry.
If you follow the steps below, a complete photography portfolio on Squarespace can be live between Friday evening and Sunday night. No plugins, no developer, no compromise on sharpness. Anyone digging further should read 19 Best Squarespace Templates for Photographers in 2026.
Why Squarespace still makes sense for photographers in 2026
Squarespace is not the only option (Pixieset, Format, Wix and WordPress all have followings), but it hits a specific sweet spot for working photographers:
- Built-in image pipeline. Every image you upload is automatically resized into multiple versions and served at the size the visitor’s screen actually needs.
- Gallery sections and blocks that handle grid, masonry, slideshow and reel layouts without any code.
- Client-facing tools in the same account: contact forms, scheduling, invoicing, digital product downloads and a blog for SEO.
- Maintenance is essentially zero. No updates, no security patches, no broken plugins the week before a wedding season launch.
The trade-off: less granular control than a self-hosted site, and page speed depends heavily on how you prepare your files. That second point is where this guide spends most of its time, because it is the difference between a portfolio that feels premium and one that feels sluggish.
The weekend build plan
Here is the schedule we use internally when we spin up a new portfolio site. Treat it as a checklist rather than a suggestion.
| Session | Task | Time |
|---|---|---|
| Friday evening | Select and edit final images, export at web settings, rename files | 2 to 3 hours |
| Saturday morning | Pick template, set fonts and colours, build navigation skeleton | 2 hours |
| Saturday afternoon | Build homepage and portfolio index with gallery sections | 3 hours |
| Sunday morning | Build 3 to 5 project pages, write About and Services | 3 hours |
| Sunday afternoon | Contact page, alt text, SEO titles, mobile check, connect domain | 2 hours |
The rule that saves the weekend: do all your image preparation before you touch the site builder. Uploading unprepared files and fixing them later is what turns a two-day project into a two-week one.
Step 1: Choose a template you will not fight
Every current Squarespace template runs on the same version 7.1 engine. That means the template you choose is a starting point, not a cage. Any layout, any section, any gallery type can be added to any template. You are really choosing a colour palette, a typography pairing and a set of pre-built sections.
What actually matters when picking
- Does the homepage lead with a full-bleed image? Photographers sell with a first frame, not a headline.
- Is the navigation minimal? Five items maximum: Work, About, Services, Journal, Contact.
- Does it include a portfolio index layout you like? Grid, overlap or stacked. This is the hardest section to rebuild from scratch.
- Is the type readable at 16px on mobile? Many photography templates default to elegant but thin fonts that fail on phones.
Template families that work well for portfolios
Browse the Portfolio and Photography categories in the template picker. Look for layouts with generous white space and large image containers rather than heavy overlays or text-first hero sections. If a template looks great with the demo images but you cannot imagine your own frames in it, move on. You will spend more time editing than shooting.
Practical tip: start a trial, duplicate nothing, and commit within 30 minutes. Template paralysis is the single biggest time sink in a weekend build.
Step 2: Set the site skeleton before adding images
Create every page as an empty shell first. It takes fifteen minutes and it stops you designing yourself into a corner. Anyone digging further should read Building a portfolio site.
- Home (hero, three featured projects, short positioning line, testimonial, call to action)
- Work (portfolio index linking to individual project pages)
- Project pages (one per body of work or per client type)
- About (photo of you, process, credentials)
- Services and pricing (packages, what is included, starting-from figure)
- Contact (form, response time, availability)
- Journal (optional but valuable for search visibility)
In the site settings, set your global fonts and colour palette now. Two fonts maximum. A near-black rather than pure black for text, and a genuinely neutral background. Coloured backgrounds compete with your images and shift how skin tones read.
Step 3: Export images the right way (the part most people get wrong)
Squarespace automatically generates several sizes of every uploaded image and serves the appropriate one based on the visitor’s device and container width. The largest version it creates is 2500 pixels on the long edge. Uploading anything bigger achieves nothing except a slower upload for you.
Recommended export settings
| Setting | Value | Why |
|---|---|---|
| Format | JPEG | Best size-to-quality ratio for photographs. Use PNG only for logos and graphics with flat colour. |
| Long edge | 2000 to 2500 px | Matches the largest size Squarespace serves. Use 2500 px for full-bleed heroes, 2000 px for grid images. |
| Quality | 70 to 80 | Visually indistinguishable from 100 on screen, at roughly a third of the file size. |
| Colour space | sRGB | Adobe RGB or ProPhoto files render dull and desaturated in browsers. |
| File size target | Under 500 KB, ideally 200 to 350 KB | Squarespace has a 20 MB upload limit, but anything above 500 KB slows first paint. |
| Output sharpening | Screen, standard | Compensates for the softening caused by downsizing. |
| Metadata | Copyright only | Strips unnecessary weight while keeping your ownership data attached. |
Keeping images sharp after compression
- Sharpen at the export size, not the master size. Sharpening applied to a 6000 px file disappears when it is resized to 2000 px.
- Watch gradients. Skies, studio backdrops and out-of-focus areas band first. If you see posterisation at quality 70, push that specific file to 85.
- Avoid re-uploading an already compressed file. Each save cycle compounds artefacts. Always export fresh from your master.
- Test on a real phone, not just the desktop preview. High-density displays reveal softness that a 1440p monitor hides.
Name your files before uploading
Squarespace uses the filename to generate the image URL, and that URL is a genuine ranking signal for image search. DSC_4471.jpg tells Google nothing. lisbon-wedding-photographer-ceremony-01.jpg tells it plenty. Rename in batch during export using lowercase words separated by hyphens. Ten minutes of work, permanent benefit. You’ll find this handled well over at pixelbright.net.
Step 4: Choose the right gallery type for each job
Squarespace offers gallery sections (full-width, added to any page) and gallery blocks (placed inside a flexible layout alongside text). Both offer the same core layouts. Use sections for immersive presentation, blocks when the images sit next to copy.
| Layout | Best used for | Watch out for |
|---|---|---|
| Grid: Simple | Uniform, editorial portfolio pages where consistency matters | Crops images to a fixed aspect ratio, so check faces are not cut |
| Grid: Masonry | Mixed portrait and landscape sets, documentary work | Can look untidy with more than three aspect ratios in one set |
| Grid: Strips | Wide panoramic or cinematic frames | Heavy vertical scroll on mobile |
| Slideshow: Full | Homepage hero, single-image-at-a-time storytelling | Only the first image is seen by most visitors. Make it your best. |
| Slideshow: Reel | Horizontal browsing of a series, behind-the-scenes sets | Less intuitive on desktop, some visitors miss the swipe cue |
| Stacked | Long-form project narratives, one frame per scroll | Loads a lot of pixels. Keep to 15 to 20 images. |
| Carousel | Featured work teaser on the homepage | Low click-through beyond the second slide |
How many images per gallery
The honest answer is fewer than you want. Twelve to twenty images per project page is the range that keeps attention and keeps load times respectable. A portfolio is a highlight reel, not an archive. If a frame is there because it was hard to get rather than because it is strong, cut it.
Gallery settings worth changing from default
- Turn off lightbox on grid galleries if the grid images are already large. Two clicks to see a photo is one click too many.
- Set aspect ratio deliberately rather than accepting the default. A 3:2 grid suits most photographers.
- Reduce spacing to 1 to 2 vw for a tight editorial look, or increase it to 4 vw for a gallery-wall feel.
- Disable autoplay on slideshows. Let the visitor control the pace. Autoplay also hurts accessibility scores.
- Add captions sparingly. Client name, location and year is enough.
Step 5: Structure project pages so clients actually contact you
This is where most photography portfolios fail. The images are strong, and then the page simply ends. A visitor who has just scrolled through twenty beautiful frames is at their peak intent, and there is nothing for them to do.
The project page template that converts
- One hero image, full bleed. The strongest frame in the set, no text over it if possible.
- Project title and one line of context. Who, where, what kind of shoot. Two sentences maximum.
- Gallery section of 12 to 20 images in a consistent layout.
- A short paragraph on the brief and the approach. This is what separates a portfolio from an Instagram grid. Clients hire the thinking as much as the eye.
- Client testimonial tied to that specific project.
- Deliverables summary: number of final images, turnaround time, usage rights, format supplied.
- Call to action: a button reading “Check availability for your date” or “Request a quote for a similar shoot”, linked to your contact page.
- Next project link so the visitor keeps moving through your work instead of leaving.
Write project page copy that search engines can read
An image-only page gives Google almost nothing to index. Two hundred words of genuine copy per project page, mentioning the location, the shoot type and the client sector, will do more for your visibility than any technical tweak. Fill in the SEO title and description for every page under Page Settings, and add descriptive alt text to each image in the gallery editor.
Give each specialism its own page
If you shoot weddings, corporate portraits and architecture, do not merge them into one gallery. Separate pages let you target separate search intents, and let a corporate client see corporate work without scrolling past bridal portraits. Your portfolio index page then becomes a clean menu of specialisms.
Step 6: Contact page and enquiry flow
Keep the form short. Every extra field reduces submissions. Ask for:
- Name and email
- Type of project (dropdown)
- Date or approximate timeframe
- Location
- Budget range (a dropdown, not an open field)
- A short message box
Add one line under the form stating your response time, for example “I reply to all enquiries within 24 hours on weekdays”. It measurably increases submissions. Set the form to send to a monitored inbox and configure a confirmation message so the sender knows it worked. If you take bookings directly, connect the Scheduling tool and offer a 15 minute discovery call as a secondary option.
Step 7: Speed and quality checks before you publish
Run through this list on Sunday afternoon. It takes 45 minutes and it catches the issues that make a site feel amateur.
- Test every page on a phone using the mobile view, then on an actual device over mobile data, not wifi.
- Check that no page exceeds roughly 3 MB total. A homepage with a full-bleed hero plus nine grid thumbnails should sit comfortably under that.
- Confirm your hero image loads within two seconds. If not, the file is too big or the format is wrong.
- Add alt text everywhere. Describe the image content, not your keyword list.
- Set a browser icon and a social sharing image in site settings so links look intentional when shared.
- Verify all navigation and CTA buttons lead somewhere. Broken buttons on a brand new site are common.
- Connect your custom domain and enable SSL.
- Submit the sitemap via the built-in Google Search Console connection.
- Turn on image right-click protection if you want it, while accepting it stops nobody determined.
- Ask one person outside photography to find your contact page in under ten seconds. If they cannot, fix the navigation.
Common mistakes that cost photographers enquiries
- Uploading full resolution exports. A 12 MB file does not look better on screen. It just loads slower.
- Splash pages and intro animations. They add a second of friction before anyone sees a photograph.
- Music that autoplays. Still happens. Still costs visitors.
- No pricing signal at all. A “starting from” figure filters out the wrong enquiries and increases the right ones.
- Hiding the About page. Clients hire people. A real photo of you, not a silhouette with a camera in front of your face.
- Eighty images in one gallery. The visitor’s impression is set by your weakest frame, not your strongest.
- Never updating. A portfolio whose newest work is three years old reads as a business winding down. Refresh one project per quarter.
Squarespace compared with the alternatives
| Platform | Strength | Limitation |
|---|---|---|
| Squarespace | Design quality, gallery variety, all-in-one business tools | No advanced client proofing or download galleries built in |
| Pixieset | Excellent client delivery and proofing galleries | Weaker as a full marketing website and blog |
| WordPress | Total control, strongest for content-heavy SEO | Ongoing maintenance, hosting and plugin management |
| Format | Purpose-built for portfolios, quick setup | Fewer commerce and scheduling features |
A common and sensible setup: Squarespace for the public portfolio and enquiries, Pixieset or similar for client galleries and downloads, linked from a simple “Client access” item in the footer.
After launch: the first month
- Week 1: Add your new domain to every social profile, email signature and directory listing.
- Week 2: Publish your first Journal post about a recent shoot. Behind-the-scenes content ranks well and shows how you work.
- Week 3: Check Search Console for indexing issues and see which pages are already appearing.
- Week 4: Look at analytics. If visitors reach a project page and leave, your call to action is weak or missing.
The site is never truly finished, but it should never again require a whole weekend. Thirty minutes a month keeps it current.
Frequently asked questions
Is Squarespace good for photographers?
Yes, for portfolio presentation and client enquiries it is one of the strongest options available. It handles responsive image delivery automatically, offers multiple gallery layouts without code, and bundles contact forms, scheduling and a blog. Its weak point is dedicated client proofing and delivery, which most photographers solve with a separate specialised tool.
Can you build a portfolio on Squarespace?
You can. Add a Portfolio page type to any template, create a project page for each body of work, and populate each with a gallery section. The portfolio index acts as a visual menu linking to the individual projects, and it can be reordered at any time.
What image size should I upload to Squarespace?
Export at 2000 to 2500 pixels on the long edge, JPEG at quality 70 to 80, sRGB colour space, aiming for a file under 500 KB. Squarespace will not serve anything larger than 2500 px, so bigger uploads only slow your workflow.
Does Squarespace compress my photos and reduce quality?
Squarespace generates several resized versions of each upload and serves the one that matches the display container. There is mild compression involved, which is why exporting a correctly sized and correctly sharpened file matters. Do that and the difference is invisible at normal viewing distance.
How many images should a photography portfolio contain?
Around 12 to 20 per project page, and three to six project pages in total when you launch. Quality of edit beats volume every time. A tight portfolio of 60 excellent images outperforms a sprawling one of 300 mixed frames.
Should I use a grid or a slideshow gallery?
Grids let visitors scan an entire body of work quickly and generally perform better for portfolio pages. Slideshows suit a homepage hero or a narrative sequence where you want one image to hold attention. Many photographers use a full-bleed slideshow on the homepage and grids everywhere else.
How long does it really take to build a photography portfolio on Squarespace?
With images already edited and exported, a focused weekend is realistic for a five to seven page site. Without prepared images, expect to double it. The image selection and export stage is the real workload, not the site building.
What is the 20-60-20 rule in photography?
It is a compositional guideline suggesting that a frame reads well when it is divided roughly into 20 percent foreground, 60 percent subject or middle ground, and 20 percent background or sky. It is a starting point for balance rather than a rule, and it applies to how you select portfolio images just as much as how you shoot them: give the subject the dominant space and let the rest support it. Best Squarespace Templates for Photographers is a useful companion to this.
Final thought
A portfolio site does two jobs: show the work at its best, and make it effortless to hire you. Squarespace handles the first if you feed it properly prepared files, and the second if you structure your project pages with an actual next step at the bottom. Prepare your images on Friday, build on Saturday, refine on Sunday, and publish. A live site that is 85 percent right will win you more work than a perfect one that never launches.