Produktbilder för Squarespace, breda nog för att förbli skarpa.
Squarespace anger en idealisk bredd för de flesta bilder och en lägre bredd under vilken en bild kan se suddig ut, och butikssidan beskär varje bild till det bildförhållande som ställts in i layouten. Herofabs Produktstudio bygger en studiomiljö eller stylad miljö runt en produkt från ett foto och levererar den kvadratisk, stående eller liggande, i 2K eller 4K.
Vad Squarespace gör med en uppladdad bild.
- 1
Bredden avgör skärpan
Squarespace kallar en bredd idealisk för de flesta bilder och varnar för att allt som är smalare än ett lägre värde kan se suddigt ut. Kvadratiska bilder i 2K från Produktstudio är bredare än det lägre värdet, och kvadratiska bilder i 4K är bredare än den idealiska bredden. 4K passar produkter som en besökare granskar på nära håll, till exempel en urtavla eller en tryckt etikett.
- 2
Butikssidan beskär efter layouten
På butikssidan beskär Squarespace bilder automatiskt till det bildförhållande som valts i layoutinställningarna, och rekommenderar att varje bild redigeras till önskat bildförhållande före uppladdning. Bestäm bildförhållandet först och beställ sedan varje produktbild i det. En bild som redan gjorts i layoutens bildförhållande ger den automatiska beskärningen ingenting att ta bort.
- 3
En hög gräns och en lätt rekommendation
Squarespace sätter ett tak för en fils storlek och antal megapixlar, men rekommenderar en betydligt lättare fil så att webbplatsen laddas snabbt. Det skapar flera smalare versioner av varje uppladdning och konverterar som standard bilder till WebP. Uppladdningar är .jpg, .gif, .png eller .webp i sRGB; den kostnadsfria bildstorlekskontrollen testar en fil mot de här gränserna i webbläsaren.
Det här kräver Squarespace.
Källa: Squarespace Help Center — Formatting images for display on the web; Add and style product images. Kontrollerad den 11 oktober 2026.
- Rekommenderat
- En bredd på 2 500 pixlar är idealisk för de flesta bilder; bilder som är mindre än 1 500 pixlar breda kan se suddiga ut
- Format
- Endast .jpg, .gif, .png eller .webp; animerade .webp-filer stöds inte
- Filstorlek
- En gräns på 20 MB per bild; Squarespace rekommenderar 500 KB eller mindre så att webbplatsen laddas snabbt
- Maximum
- 120 megapixlar
- Antal
- Upp till 100 bilder per produkt; Squarespace rekommenderar att hålla sidor under 5 MB
- Färg
- RGB-färgläge med färgprofilen sRGB
- Form
- Squarespace rekommenderar att redigera bilder till önskat förhållande före uppladdning; på butikssidan beskärs bilder automatiskt till det bildförhållande som valts i layoutinställningarna
- Storleksändring
- Squarespace skapar upp till sju versioner av varje bild, från 100 till 2 500 pixlar breda, och konverterar som standard uppladdade bilder till WebP
- Alt-text
- Upp till 200 tecken för varje produktbild
Originalfotot bakom en produktsida i Squarespace.
- Ställ produkten så att ingenting överlappar den och håll hela konturen i bild; miljön byggs runt det som fotot visar, och en del som saknas kan inte läggas till på ett troget sätt.
- Arbeta i dagsljus från ett fönster med blixten avstängd, så att glas, metall och glasyr återges i sin verkliga färg innan en miljö och dess ljus väljs.
- Ta ett andra foto på nära håll av en liten del, till exempel ett präglat lock, en vävd etikett eller ett spänne; text i den storleken är det första att jämföra när bilden har levererats.
Produktbilder för Squarespace: frågor och svar.
Räcker 2K för en Squarespace-butik, eller bör det vara 4K?
Kvadratiska bilder i 2K ligger över den bredd under vilken Squarespace säger att en bild kan se suddig ut, så de går att använda. Kvadratiska bilder i 4K ligger över den bredd som Squarespace kallar idealisk för de flesta bilder. Squarespace skapar sedan själv smalare versioner av varje uppladdning, så den större filen fungerar som original för dem alla. Båda bredderna står i tabellen på den här sidan.
I vilket bildförhållande bör bilderna beställas?
I det bildförhållande som ställts in i butikens layout. Squarespace beskär butikssidans bilder till det bildförhållandet automatiskt och rekommenderar att bilder redigeras till önskat bildförhållande innan de laddas upp. Produktstudio levererar kvadratiska, stående och liggande bilder, så formen väljs när bilden görs och inte av beskärningen i efterhand.
Hur många vyer av en produkt hör hemma på en Squarespace-sida?
Squarespace tillåter ett stort antal bilder per produkt och rekommenderar att sidans vikt hålls låg. Från ett originalfoto erbjuder Produktstudio vinklarna framifrån, trekvart, från sidan och ovanifrån på studiounderlag, marmor, trä, linne, ett podium, utomhus eller hemma. Några få tydligt olika vyer håller sidan lätt, och bilder som skapas med en plan eller ett kreditpaket har ingen vattenstämpel.
Vad kostar det?
4 krediter per bild, plus en kredit för 4K. Kostnaden visas innan du genererar, och om ett jobb misslyckas återförs krediterna. De 20 gratis krediterna vid registreringen räcker till 5 bilder med det här verktyget.
Din nästa kollektion, fotograferad redan i veckan.
20 krediter vid registreringen, inget kort krävs. Bilder som skapas med gratis krediter har en vattenstämpel.