Wanneer 'n potensiële kliënt op jou land Shopify webwerf, sal hulle die beelde gebruik om te besluit of hulle 'n aankoop wil doen. Jou taak as 'n handelaar is dus om te verseker dat die beelde nie die laaispoed van die werf belemmer nie (om mense weg te stoot) en om die beelde behoorlik te formateer en te grootte.
Op hierdie manier lyk die beelde nie uitgestrek of afgesny nie. In ons uiteindelike Shopify beeldgroottegids, wys ons jou die belangrikheid van spesifieke beeldgroottes vir Shopify fotografie, en verskaf die ideale groottes vir dinge soos jou logo, banierbeeld en produkbeelde.
Hou aan lees om alles oor te leer Shopify beeld groottes!
Hoekom moet jy omgee Shopify Beeldgroottes?
Dit is vervelig om beelde te bestuur en op te laai. Tog is hulle dikwels die hoofoortreders as dit kom by stadige werfspoed, SEO-kwessies en lae omskakelings op 'n e-handelswerf.
En die moeilike deel van alle webwerfbouers en e-handelsplatforms is dat u by baie spesifieke beeldgroottes moet hou om te verseker dat hulle geoptimaliseer is en vertoonbaar lyk.
Om dit op te som, hier is hoekom Shopify beeldgroottes maak saak:
- Elke prent tik in Shopify vereis unieke afmetings, soos hoe logo's 'n ander grootte as banierbeelde moet hê.
- Gebruikers is meer geneig om te omskep in betalende kliënte wanneer hulle die beelde duidelik in die regte formaat kan sien.
- Behoorlike grootte en geoptimaliseerde beelde kan u SEO-potensiaal 'n hupstoot gee.
- Swak-grootte fotografie kan uitgerekte of gesnyde beelde veroorsaak, wat lei tot 'n lelike webwerf.
- U kan vind dat prente met die verkeerde grootte veroorsaak dat u werf stadiger word, of verhoed dat klante heeltemal wil wag.
Saam met daardie punte: skerp beelde van goeie grootte bied 'n sekere vlak van professionaliteit, lewer emosionele reaksies aan kliënte dat jy 'n vertroude besigheid is, en jou produkte is van die hoogste gehalte. Slegte foto's lyk eenvoudig asof jy nie bekommerd is oor jou produkte of die manier waarop hulle vertoon word nie. Jou klante mag dalk vra, "waar anders sny hulle hoeke?"
Met dit gesê, kyk na ons vinnige verwysingsgids oor die beste Shopify beeldgroottes vir gebiede soos produkbladsye, banierbeelde en logo's.
Die Beste Shopify Beeldgroottes (gebaseer op waar die beelde gebruik word)
Nie al hierdie is harde reëls nie, maar dit is die beste om soveel as moontlik by die "ideale grootte" te hou. Temas het soms hul eie beeldstandaarde, so hou dit dop. Andersins, sal ons verduidelik wanneer jy 'n bietjie ruimte het in terme van die afmetings.
Is daar 'n Go-to-beeldgrootte om oor te gebruik Shopify?
Nee, maar as jy van plan is om daardie benadering te volg, is dit wat ons aanbeveel:
- Maak seker dat alle beelde groot genoeg is om die ingewikkelde besonderhede van die produk te wys.
- Hou egter die beelde klein genoeg om nie die werkverrigting van die werf te belemmer nie.
- 'n Goeie reël is om by 2048 × 2048 pixels te hou vir vierkantige beelde.
- Vermy enigiets kleiner as 800 × 800 pixels vir vierkantige beelde.
- Vermy enigiets groter as 4472 × 4472 vir vierkantige beelde.
Vir nie-vierkantige beelde, stel ons beslis voor om die gidse hieronder te gebruik. Dit is ook opmerklik dat sommige temas beelde anders sny, so jy moet dalk raai en kyk om te sien watter beeldgroottes die beste werk vir jou aanlynwinkel.
Vir die beste leiding, kyk na die ideaal Shopify prentgroottes hieronder, almal gekategoriseer op grond van prenttipe:
1. Shopify Produkprentgrootte (ideale grootte: 2048 × 2048 piksels)
Produkbeelde dien as die primêre vorme van media wat gebruik word om verkope te maak. Shopifyse temas doen 'n redelike goeie werk om produkbeelde vir jou te sny en te optimaliseer, maar jy moet nooit op die outomatiese gereedskap staatmaak nie.
Die aanbevole afmetings vir produkbeelde op Shopify is 2048 x 2048 pieksels.
Dit is 'n wonderlike plek om te verseker dat u prente nie u bladsyspoed vertraag nie, terwyl u ook verseker dat klante die rykdom in detail vanaf u oorspronklike foto's sien.
Ons stel 'n vierkantige prent voor vir produkfoto's, om ongewenste uitsny van te voorkom Shopify temas.
Die skermkiekie hieronder wys 'n prent wat as 2048 × 2048 piksels opgelaai is, en dit het gelei tot geen sny nie.
Langer en breër prente kan steeds vir produkfoto's werk, maar daar is minder beheer oor wat die tema aan jou prente doen. Jy kan vind dat landskapfoto's in grootte verminder word in vergelyking met die portretformaat.
2. Shopify Versamelingprentgrootte (ideale grootte: 2048 × 2048 piksels)
Om 'n versameling by te voeg, vereis nie noodwendig 'n prent nie, maar deur dit te doen, kan jy 'n aparte bladsy vir daardie versameling skep, amper soos 'n bestemmingsbladsy wat net vir 'n klein subset van produkte gemaak is.
'n Versamelingbeeld word opgelaai onder die Skep versameling afdeling in Shopify.
Daarna kan jy 'n produk by daardie versameling voeg en dit in 'n inhoudsblok op die tuisblad of as 'n bladsy op sy eie vertoon.
As jy die Image veld leeg op 'n versamelingbladsy, sal dit een van die vertoonde produkprente uit daardie versameling as die verstek neem.
Die aanbevole Shopify beeldgrootte vir versamelings is 2048 × 2048 piksels.
Die vierkantige afmetings help om 'n gestandaardiseerde formaat oor alle versamelings te vestig, veral wanneer dit langs mekaar vertoon word.
Jy sal ook vind dat vierkantige prente makliker is om mee te werk wanneer jy inhoudsblokke gebruik wat versamelings ten toon stel.
Soos altyd, kan jou resultate verskil op grond van die tema wat gebruik word. Sommige temas bied in werklikheid verdere vermoëns met jou versamelingsprente, wat jou toelaat om die prent soos 'n banier op 'n aparte versamelingbladsy te deel. In hierdie geval kan die optimale grootte van jou versamelingbeeld heeltemal verskil van waaroor ons hier gepraat het. Oor die algemeen is u beste plan van aksie om met u tema te toets. Laai verskeie beelde van unieke groottes op na jou versamelings. Skryf die wat werk neer, en gebruik dan altyd daardie afmetings. Maak net seker dat die beelde nie te groot of te klein is nie, en jy sal reg wees.
3. Shopify Logo-beeldgrootte (ideale grootte: 450W × 250H piksels)
Die logo staan uit as die markiestent van u e-handelswinkel. Dit word reg gewys wanneer iemand op jou tuisblad beland, en deur die hele webwerf, aangesien dit gewoonlik sigbaar is binne die kopgebied.
Shopify gebruikers wat probleme ondervind met logo-groottes kan vind dat die logo nie groot genoeg is nie, of dit maak die navigasie-kieslys op een of ander manier vervorm. Of u kan vind dat die logo baie wit spasie onder of bo laat.
Om die meeste van daardie probleme op te los, stel ons voor dat u logo-afmetings van 250 pixels hoog by 450 pixels breed gebruik.
In werklikheid, Shopify beveel aan om nooit hoër as hierdie afmetings vir breedte en hoogte te gaan nie. Dit gesê, jy kan kleiner gaan, solank jou tema dit toelaat.
Kort-kort gooi die sybalk dinge af, of dalk het jou navigasie-kieslys te veel elemente wat die logo in 'n vreemde rigting druk. Ongeag, dit is die beste om met jou logo-afmetings en werfinstellings te speel om die beste voorkoms te kry.
As 'n alternatief lyk sommige temas goed met vierkantige logo's, maar hou dit onder die 250 x 250 pikselmerk, sodat dit nie te veel spasie opneem nie.
Vir die meeste veelsydigheid, gaan na Instellings > Handelsmerk in Shopify om 'n standaard en Square beeld. Op hierdie manier kan jy óf oplaai, afhangende van die situasie.
4. Shopify Banierprentgrootte (ideale grootte: 2000 W × 600H piksels)
Dit word gereeld 'n Hero-beeld of beeldbanier genoem, dit is die groter beelde wat jy boaan 'n tuisblad kan plaas om nuwe produkte ten toon te stel en teks met 'n knoppie in te sluit. Dit is noodsaaklik dat banierbeelde 'n hoë resolusie het om korreligheid te voorkom nadat die grootte verander is, en wanneer dit op verskillende toestelle bekyk word.
Shopify het ook 'n Header inhoud afdeling, wat soortgelyk aan die Banner Beeld inhoud afdeling.
Ongeag watter een jy kies, ons beveel aan om by die afmetings van 1200 pixels in breedte x 600 pixels in hoogte te hou vir baniere en heldebeelde.
As jy dit gesê het, kan jy dikwels wegkom met enige plek van 1200–2000 pixels vir jou breedte en 400–600 pixels vir die hoogte. En soos altyd hang dit af van jou tema.
Ten slotte is dit ook wys om instellings vir alle beeldbaniere en heldebeelde aan te pas. Jy kan die banierhoogte vir die meeste temas verander en vertel Shopify waar jy wil hê dat die banierinhoud moet sit, soos in die onderste regterhoek of bo-om 'n beter beeld van die prent agter die inhoud te kry.
5. Shopify Skyfievertoning-beeldgrootte (ideale grootte: 2000W × 600H piksels)
Net soos 'n banier, moet jy hoë-resolusie beelde in skyfievertonings gebruik. Hierdie inhoudsafdelings laat jou toe om veelvuldige foto's in een area van 'n bladsy te vertoon. Hulle gly dan na die volgende beeld agtereenvolgens.
Aangesien hulle so soortgelyk aan baniere is, sal jy eintlik dieselfde breedte en hoogte handhaaf as wat jy sou vir 'n held of banierbeeld. Die aanbeveling is 'n breedte van 2000 pixels en 'n hoogte van 600 pixels. Die hoogte kan egter wissel van 400–600 pixels, en die breedte kan wissel van 1200–2000 pixels.
Maak seker dat jy alle skyfievertoning-instellings bestuur om die beste formatering vir jou skyfievertoning te bepaal. Jy sal dalk die inhoudkassie na 'n ander plek moet skuif, of dalk sal die skyfievertoning beter lyk as jy die hoogte 'n bietjie verleng.
Een van die hoofreëls van 'n skyfievertoning is om altyd dieselfde grootte beelde vir dieselfde skyfievertoning op te laai. Jy is meer as welkom om afmetings aan te pas wanneer jy 'n aparte skyfievertoning skep, maar maak net seker dat die beelde wat saam in een skyfievertoning gekombineer is almal dieselfde afmetings het, vir kontinuïteit en gebruikerservaring.
Hoe om te optimaliseer Shopify Images
Die optimalisering van u beelde help u om te verbeter hoe foto's op u e-handelswinkel laai. Dit help jou ook om 'n meer gebruikersvriendelike ervaring op die webwerf te skep, aangesien die beelde die inkopie-ervaring moet aanvul, nie oorweldig nie.
Daar is verskeie aspekte om in ag te neem wanneer u u beelde optimaliseer Shopify. Hierdie areas sluit optimale beeldformate, kompressies, beeldbronne, stilering en meer in. Hou aan lees om alles te leer oor die beste praktyke en stappe om te neem om beelde te optimaliseer Shopify.
Stap 1: Kies die optimale beeld Format
Shopify beeldgroottes is belangrik, maar die eerste stap in enige foto-optimalisering moet die keuse van die beste beeldformaat behels.
Daar is talle beeldformate wat Shopify toelaat.
Hier is wat hulle spesiaal maak:
- JPEG/JPG: Miskien die mees algemene lêerformaat vir beelde, en met reg. JPEG's druk goed saam en bied uitstekende gehalte. Ons beveel hulle aan vir produkbladsye, veral as jy fyn detail in die foto's het.
- PNG: Hierdie lêertipe is eintlik beter as JPEG's om kwaliteit te handhaaf nadat die beeldgrootte verklein is. U kan egter vind dat PNG's nie soveel saampers nie. Hulle is die beste wanneer jy 'n deursigtige agtergrond nodig het (nie ondersteun deur JPEG's nie), so ons hou daarvan vir logo's en 'n paar banierbeelde.
- GIF: Die GIF is 'n beeldformaat vir animasies. Dit is in wese soos om 'n kort video in 'n bewegende beeld te verander, wat nuttig is om 'n produk kortliks te verduidelik sonder die oormatige grootte van 'n video. Ons hou van hulle op tuisbladsye, produkbladsye en blogplasings. Moet egter nie GIF's te veel gebruik nie, aangesien hulle nie die ryk kleurgehalte het wat in ander formate soos JPEG, TIFF en PNG voorkom nie.
- WebP: Miskien is die mees veelsydige van alle beeldformate, WebP word al hoe meer algemeen aangesien dit sterker kompressie en kwaliteit bied as beide JPEG en PNG, tesame met die deursigtigheidsvoordele van PNG. Om nie te praat nie, jy kan ook animasies met WebP maak. Oorweeg dit om WebP vir alle soorte beelde in Shopify. Ons verwag om in die toekoms te sien dat WebP meer gereeld oor die internet gebruik word.
Anders as dit, Shopify ondersteun formate soos HEIC, progressiewe JPEG en AVIF. HEIC is die beeldformaatstandaard wat op Apple-toestelle gebruik word. Dit is uiters kompak, kan veelvuldige prente in een prent bevat en bied uitstekende gehalte. Hulle is egter onversoenbaar met die meeste nie-Apple-toestelle, wat dit moeilik maak om aan te beveel. Die AVIF-beeldformaat het nogal sterk voordele as gevolg van sy hoë gehalte en dramatiese kompressietempo's. Kortom, jou prestasie met 'n AVIF behoort eintlik sterker te wees as met JPEG- en WebP-beelde. Dit neem egter 'n rukkie vir rekenaar- en mobiele blaaiers om dit as 'n lêerformaatstandaard aan te neem. So, ons kan dit nie nou aanbeveel nie. Nie totdat omtrent almal met 'n internetverbinding die beelde werklik aanlyn kan sien nie.
Op grond van waarvoor jy van plan is om die prent te gebruik, kies die geskikte formaat van bo af. Gaan dan na die volgende stap sodat jou beeldstyle dieselfde bly op jou webwerf.
Stap 2: Neem vir dieselfde styl op alle foto's
Kontinuïteit is die sleutel vir foto's in e-handel. Dit vestig die algehele voorkoms van u handelsmerk en skep 'n gestandaardiseerde gevoel oor u hele webwerf.
Dit is byvoorbeeld algemeen dat handelsmerke een agtergrondkleur vir alle produkprente gebruik.
Dit geld ook vir die afmetings en styl van die beelde. As die meeste van jou produkprente in landskaporiëntasie is, moenie 'n paar foto's met landskaporiëntasie inmeng nie. Jy is meer as welkom om beide leefstyl- en produkfoto's by die mengsel in te sluit, maar dit is die beste om by een styl te bly vir die meeste van jou sessies.
Stap 3: Skep 'n mengsel van beide produk- en lewenstylfotografie
Soos genoem, sal jy heel waarskynlik een tipe fotografiestyl vir die meeste van jou produkfoto's wil gebruik. Dit is egter noodsaaklik om 'n paar lewenstylfoto's in te sluit om die standaardprodukfoto's aan te vul met mono-gekleurde agtergronde en verskillende aansigte van die produkte.
E-handelsondernemings het 'n nadeel waar kliënte nie die produkte kan probeer of aanraak nie. Dis waar leefstylfoto's ter sprake kom. Gebruikers kan sien hoe die produkte in aksie lyk. Hoe 'n hemp oor die lyf drapeer, of die grootte van 'n skaatsplank met iemand wat eintlik daarop staan.
Stap 4: Kies geskikte lêername en titels
Elke beeldlêer het 'n naam, en Shopify neem daardie lêernaam en publiseer dit in die metadata van jou webwerf (elke e-handelsplatform doen dit).
Dus, as jy foto's stoor as nuwe-foto(1).jpg op jou rekenaar, en laai dit na jou winkel, sal die soekenjins geen inligting oor die inhoud van die foto hê nie. Dit kan jou SEO seermaak.
Wanneer jy beelde optimeer, loop deur hierdie stappe om te verseker dat die soekenjins (en diegene met gesiggestremdheid) kan verstaan wat in die beeld aangaan:
- Voeg 'n lêernaam by wat herinner aan wat in die prent is.
- As jy toevallig 'n generiese lêernaam oplaai, verander die prent Titel in Shopify. Dit vervang die verstek.
- Gebruik alt-tags vir 'n selfs sterker voorstelling van wat in die prent gewys word. Dit is die hoofelemente waarna soekenjins kyk, want dit wys jou gebruikerservaring is verbeter vir siggestremdes.
Stap 5: Druk prente saam voor of tydens die oplaai
Shopify bied outomatiese kompressie vir alle beelde wat na sy bedieners opgelaai word, maar jy moet nie heeltemal daarop staatmaak nie.
Jou beste weddenskap is om óf 'n derdeparty-instrument te gebruik om beelde saam te pers voordat dit opgelaai word Shopify, of installeer 'n Shopify plugin wat foto's outomaties saampers wanneer dit opgelaai word.
Dit is baie makliker om die toepassingsroete te volg, maar die meeste van hulle vereis 'n intekening, so ons verstaan as jy op 'n begroting moet bly.
Sommige toepassings wat goed werk vir beeldkompressie sluit in:
Toets hierdie toepassings met hul gratis proeflopies om te verstaan hoe goed hulle beelde saamdruk en hoe outomaties die proses vir jou is. Daarna kan jy jou tot 'n intekening verbind. Vir derdeparty-instrumente beveel ons aan TinyPNG en Image Resizer.
Stap 6: Oorweeg gratis Image Finder-toepassings
Alhoewel dit sterk aanbeveel word dat e-handelshandelsmerke hul eie foto's neem (in plaas daarvan om gratis alternatiewe te vind, of dit van 'n vervaardiger se webwerf af te neem), is daar sekere areas van 'n aanlynwinkel wat geskik is vir gebruik met gratis beelde.
Byvoorbeeld, jy sal dalk 'n skilderagtige foto nodig hê van iemand wat oor 'n canyon kyk om 'n blogplasing aan te vul. Aan die ander kant wil jy dalk 'n foto as agtergrond vir 'n heldbeeld gebruik, sodat jy die werklike produkbeeld en beskrywing bo-op die agtergrond kan laat val.
Vir daardie situasies stel ons voor dat jy van hierdie Creative Commons-gelisensieerde beeldwebwerwe gebruik:
Dit is belangrik om daarop te wys dat 'n Creative Commons-lisensie nie beteken dat jy net die prent gratis kan neem en dit op jou webwerf kan plaas nie. Soms is dit die geval, maar jy moet elke prent nagaan om te verseker watter regte jy vir die gebruik daarvan het.
Byvoorbeeld, Creative Commons-lisensies vertel jou:
- As jy die prent vir kommersiële of nie-kommersiële doeleindes kan gebruik
- Wanneer jy die skepper moet krediteer, of as dit bloot aanbeveel word dat jy dit doen
- As jy toegelaat word om die prent op enige manier te verander
Daarbenewens is daar baie gratis beeldbewerkingsprogramme om beheer te neem oor die grootte, filters en uitsny sonder om 'n sent te betaal:
Ons stel voor:
Stap 7: Voer A/B-toetse uit om die beste prente en Formats
Nadat u u foto's relevante lêername gegee het, die grootte daarvan verander het, dit gesny het en op die perfekte formaat en grootte besluit het, is dit tyd om te sien hoe dit in u winkel lyk.
Gelukkig moet jy nie jou vingers kruis en hoop dat die beelde die beste is vir omskakelings nie. U het die vermoë om verskeie variante van dieselfde prente op produkbladsye, bestemmingsbladsye en tuisbladsye op te laai, en dan te sien watter van hulle die beste presteer in terme van omskakelings.
Beide Tema Wetenskaplike en Shogun bied A/B-toetsfunksies vir verskeie dele van jou Shopify ontwerp.
Wat wonderlik is van A/B-toetse, is dat die eksperiment nooit verby is nie. Dit laat jou toe om elke aspek van jou webwerf dop te hou. Jy kan beelde wat met verloop van tyd momentum verloor, uitruil en verskeie toetse oor een tydperk uitvoer.
Shopify Beeldgroottegids: Ons gevolgtrekking
Om by vierkantige beelde te hou, is een manier om te verseker dat u e-handelsfotografie ongesny bly. Jy kan egter vind dat hierdie reël nie altyd waar is wanneer dit by jou kom nie Shopify tema.
Daarom beveel ons aan dat u verskeie beeldgroottes vir produkte, versamelings en baniere oplaai om te verstaan wat u tema die beste kan hanteer. Andersins hou ons van die 2046 × 2046 pixels standaard. Maar vir baniere en logo's en skyfievertonings, sal jy die meer spesifieke afmetings wil gebruik wat hierbo in hierdie artikel genoem word.
Laat weet ons asseblief in die kommentaar hieronder as u enige verduideliking benodig oor Shopify beeld groottes!
Kommentaar Kommentaar