Squarespace Cover Page Logo Size: What Controls It and How to Prepare the File
How logo size works on a Squarespace cover page, why the display size and the file size differ, and how to prepare vector logo artwork so it stays sharp and legible.
Contents
The short answer
There is no confirmed, published pixel dimension in the material behind this article for a logo on a Squarespace cover page, so it does not quote one. Two separate things decide how big the logo looks and how good it looks. The first is the display size, which is set in the page or site design settings and scaled by the layout. The second is the source file, which needs enough resolution, or real vector paths, to stay crisp at that display size. Most problems with a logo looking small or blurry on a cover page come from the file, not from Squarespace.
Which logo and which page this covers
Squarespace has used "cover page" for a standalone, full-screen landing layout, separate from the regular site header. People also use the phrase loosely for a homepage hero section. Which one you have depends on your site's version and template, so check the editor before applying any advice. The logo here is the brand mark uploaded for that landing layout, which may be a different upload or setting from the main header logo. That distinction matters because changing one does not necessarily change the other.
Display size versus file size
The size slider or height setting in the editor controls how large the logo appears on screen. It does not add detail to the artwork. If the uploaded image has fewer pixels than the space it fills, it will be stretched and look soft. This is most visible on high-density displays, which use several physical pixels for each layout pixel. A widely used rule is to supply a raster logo at least twice the largest size it will be displayed. That is a general web-graphics principle, not a Squarespace specification.
Vector artwork, embedded rasters and raster exports
A true vector logo is built from mathematical paths, so it can scale to any size without losing sharpness. The evidence for this article does not confirm which formats a Squarespace cover page logo field accepts. Check what the upload dialog allows on your own site before choosing a format.
- If the field accepts SVG: open the file in a vector editor first and confirm it contains editable paths. An SVG or other vector-format file can simply wrap an embedded bitmap, which scales no better than a PNG. A file extension alone does not prove the artwork is vector.
- If the field accepts only raster images: export a PNG from the vector master at a generous pixel size, with a transparent background so the cover image or color shows through.
- If you only have a JPG or a low-resolution PNG: enlarging it will not restore detail. Find the original vector master or have the artwork redrawn.
Minimum legible size
No fixed minimum dimension for Squarespace cover page logos is confirmed here. Legibility depends on the logo's own design more than on any platform number. Treat the threshold as something to test on your own artwork:
- Find the smallest element: a tagline, thin strokes, or tight letter spacing usually breaks down first as the logo shrinks.
- Check the narrowest screen: cover layouts reflow on phones, and a wide horizontal lockup can shrink until its text cannot be read.
- Use an alternate lockup if needed: a stacked version or a symbol-only mark can stay readable where the full wordmark cannot.
- Check contrast: a logo over a photograph needs enough contrast across the whole image area, not just at the center.
Why a logo can look smaller than its setting
Empty space inside the artboard or exported image counts toward the logo's size. If the file has wide transparent margins, the visible mark takes up only part of the area the size setting controls, so it looks undersized. Before exporting, crop the artboard tightly to the artwork's outer edges. Then use the layout's spacing settings, rather than padding baked into the file, to create breathing room.
Practical preparation checklist
- Start from the vector master, not a downloaded preview or screenshot.
- Confirm the paths are real vectors and the text is outlined or the font is properly licensed.
- Crop the artboard tightly to the visible artwork.
- Export in a format the upload field accepts, at a resolution comfortably above the largest display size.
- Use a transparent background unless the design calls for a solid one.
- Preview at desktop and phone widths and adjust the size setting until the smallest element reads clearly.
A note on rights
Being able to download a logo file does not grant permission to change it or use it. Resizing, recoloring, or redrawing a logo you do not own may also involve font licenses and trademark rights that belong to someone else. When working on a client's or partner's brand, confirm what modifications their guidelines allow.
What this article could not confirm
The evidence available for this article included no Squarespace specifications. It could not confirm recommended or maximum logo pixel dimensions, upload file-size limits, which file formats the cover page logo field accepts, or how the size setting maps to pixels. These details can vary by template and platform version and may change. Check them against Squarespace's current help documentation or test them directly in your site's editor.