Mae'n debyg eich bod wedi cael hyn yn digwydd. Mae tudalen cynnyrch yn edrych yn sgleiniog yn Shopify, mae'r lluniau'n finiog yn y golygydd, ac yna mae ymwelwyr symudol yn dechrau bownsio tra bod eich sgôr PageSpeed yn eistedd yn y chwedegau. Nid "dyluniad gwael" yw'r broblem fel arfer. Ond mae meintiau ffeiliau'r lluniau yn rhy drwm ar gyfer y cynllun, ac mae'n rhaid i bob beit ychwanegol deithio cyn i siopwr weld y cynnyrch, y pris, neu'r botwm ychwanegu at y fasged.

Dyna pam nad yw penderfyniadau delwedd ar siop byth yn benderfyniadau dylunio yn unig. Maent yn effeithio ar gyflymder tudalen , ansawdd gweledol , a faint o'r dudalen y gall Google ei chropian a'i rendro'n ddigon cyflym i fod o bwys. Os ydych chi eisiau llwybr byr ymarferol ar gyfer newid maint heb ddyfalu, mae canllaw newid maint delweddau Yassine Malti yn gydymaith defnyddiol, oherwydd ei fod yn eich helpu i ddeall y mecanweithiau cyn i chi uwchlwytho'r swp nesaf.

Tabl Cynnwys

Pam Mae Meintiau Ffeiliau Llun yn Bwysig ar Siop Shopify

Gall masnachwr edrych ar dudalen cynnyrch wedi'i sgleinio yn admin Shopify a dal i fethu'r broblem sylfaenol. Gall y dudalen deimlo'n iawn ar liniadur dros Wi-Fi, yna mynd yn sownd ar ffôn symudol, mae'r ddelwedd arwrol yn ymddangos yn hwyr, ac mae'r siopwr yn sgrolio heibio'r plyg cyn i'r dudalen deimlo'n barod. Y bwlch hwnnw rhwng tudalen sy'n edrych yn dda ac un sy'n llwytho'n gyflym yw lle mae meintiau ffeiliau lluniau yn penderfynu a yw ymweliad yn dod yn refeniw neu'n ffrithiant.

Y gystadleuaeth gudd ar bob tudalen

Mae pob delwedd ar siop yn cystadlu â chopi, sgriptiau, cynllun, ac amynedd y cwsmer. Os yw'r llun arwrol yn rhy fawr, mae'n gwneud mwy na bwyta lled band, mae'n arafu'r foment pan all yr ymwelydd farnu'r cynnig. Mae pwysau delwedd yn gwestiwn trosi ac yn gwestiwn Hanfodion Gwe Craidd ar yr un pryd.

Mae masnachwyr Shopify fel arfer yn teimlo hyn yn gyntaf ar dudalennau cynnyrch a thudalennau casgliad. Gall ychydig o luniau mawr wneud i'r cynllun cyfan deimlo'n drwm, yn enwedig ar rwydweithiau symudol, ac mae'r pwysau hwnnw'n ymddangos yn y mannau pwysicaf, yr arwr, y grid casgliad, chwyddo cynnyrch, a mân-luniau. Mae gan ddelwedd arwr swydd wahanol i fân-luniau, felly ni ddylai gario'r un baich maint ffeil. Mae'r un peth yn wir am gridiau casgliad, lle mae delweddau ailadroddus yn pentyrru'n gyflym ac yn cosbi pob sgrôl.

Mae maint ffeil llun hefyd yn effeithio ar ba mor gyflym y daw'r dudalen yn ddefnyddiadwy, a dyna pam ei fod yn perthyn i'r un sgwrs â chynllunio cynllun. Mae dimensiynau crai'r ddelwedd yn bwysig, ond maint y ffeil y gellir ei chyflwyno yw'r hyn y mae'n rhaid i'r porwr ei nôl a'i ddatgodio. Fel yr eglurwyd yng nghanllaw newid maint delweddau Yassine Malti , gall allforio llai gadw rôl weledol y ddelwedd wrth gael gwared ar bwysau diangen.

Y wobr ymarferol

Mae'r rheswm pam mae hyn yn bwysig yn syml. Mae'r cyfrif picsel sylfaenol yn gosod y llinell sylfaen, ac mae cywasgu a fformat yn penderfynu maint terfynol y ffeil. Mae delwedd 24-megapixel ar RGB 24-bit yn cynnwys tua 72 miliwn beit o ddata picsel crai, tra gall yr un ddelwedd fod tua 423.41 KB fel JPEG ar ansawdd 100% neu tua 211.7 KB ar ansawdd JPEG 90%, yn dibynnu ar ddewisiadau allforio ( Scantips ). Y bwlch hwnnw yw pam y gall dau siop ddefnyddio delweddau sy'n edrych bron yn union yr un fath a dal i gael canlyniadau cyflymder gwahanol iawn.

Rheol ymarferol: Os yw delwedd yn bwysicach ar gyfer gwerthu nag ar gyfer addurno, rhowch darged maint ffeil iddi cyn i chi ei huwchlwytho.

Dyna'r safon y dylai masnachwyr ei defnyddio. Gosodwch gyllideb ar gyfer pob slot siop, yna parwch y ffeil â'r gwaith. Gall baner arwr gyfiawnhau mwy o bwysau na mân-lun, ond ni ddylai'r naill na'r llall orfodi gweddill y dudalen i gario bagiau ychwanegol. Unwaith y bydd yr arfer hwnnw ar waith, mae tudalennau cynnyrch yn haws i'w rheoli, ac mae gan bob uwchlwythiad newydd le i ffitio yn lle dod yn llusgo cudd arall.

Maint Delwedd vs Maint Ffeil a Pam Mae'r Ddau'n Bwysig

Mae masnachwyr yn aml yn defnyddio'r termau hyn fel pe baent yn golygu'r un peth, yna'n meddwl pam mae delwedd yn edrych yn iawn yn y gweinyddwr ond yn arafu'r siop. Maint y ddelwedd yw dimensiynau'r picsel, lled wrth uchder. Maint ffeil yw pwysau'r ffeil a allforir mewn bytiau ar y ddisg, fel arfer KB neu MB, ac mae'n newid gyda chywasgiad, fformat a dyfnder bit. Gall dau ddelwedd rannu'r un dimensiynau a dal i greu costau llwytho gwahanol iawn.

Diagram yn cymharu maint delwedd mewn picseli â maint ffeil mewn bytiau ar gyfer ffotograffiaeth ddigidol a graffeg.

Mae picseli yn gosod y nenfwd

Mae picseli yn diffinio faint o fanylion gweledol y gall y ffeil eu dal. Mae delwedd 24-megapixel ar RGB 24-bit yn cynnwys tua 72 miliwn beit o ddata picsel crai oherwydd bod 24 miliwn picsel × 3 beit y picsel = 72,000,000 beit . Y rhif crai hwnnw yw'r man cychwyn ar gyfer yr allforio, nid y pwysau terfynol y mae'r porwr yn ei dderbyn.

Mae dewisiadau allforio yn newid y canlyniad yn gyflym. Gall yr un llun ffynhonnell ddod allan tua 423.41 KB fel JPEG ar ansawdd 100% a thua 211.7 KB ar ansawdd JPEG 90%. Mae'r picseli'n aros yr un fath, tra bod yr allforio yn cadw mwy neu lai o'r manylion gwreiddiol.

Mae cywasgiad a fformat yn penderfynu'r canlyniad

Mae llawer o archwiliadau Shopify yn mynd o chwith yma. Mae masnachwyr yn tybio bod delwedd fawr yn rhy drwm ar gyfer y we, ond mae dimensiynau a phwysau ffeil yn benderfyniadau ar wahân. Gall delwedd fawr fod yn ffeil resymol o hyd os caiff ei hallforio'n dda. Gall graffig cymedrol ei olwg fynd yn chwyddedig os caiff ei gadw yn y fformat anghywir neu ar yr ansawdd anghywir.

Mae'r gwahaniaeth hwnnw'n bwysig yn ôl rôl siop. Gall baner arwr gario mwy o bwysau gweledol na mân-lun, ond mae angen i ddelwedd grid casgliad aros yn ddigon ysgafn i'r dudalen lwytho'n lân. Mae angen digon o fanylion picsel ar luniau chwyddo cynnyrch i ddal yn agos, tra bod slotiau mân-lun fel arfer yn gwastraffu lled band os yw'r allforion yn cadw llawer mwy o fanylion nag y gall y cynllun eu dangos.

Rheol gyffredinol: Mae picseli yn pennu faint o fanylion gweledol y gall y ddelwedd eu dangos. Mae maint y ffeil yn pennu faint sydd gan eich siopwr i'w lawrlwytho.

Cadwch y ddau rif hynny ar wahân a bydd cynllunio delweddau'n dod yn haws. Nid yw slot mân-lun cul yn elwa o ddimensiynau rhy fawr. Mae angen digon o bicseli ar ddelwedd chwyddo tudalen cynnyrch i edrych yn finiog, ond mae'n rhaid i'r ffeil a allforir aros yn rhesymol o hyd ar gyfer Hanfodion Gwe Craidd ac ar gyfer gweddill y dudalen sy'n gorfod llwytho o'i chwmpas.

Cymharu JPEG, PNG, WebP, ac AVIF

Mae pob fformat delwedd yn gwasanaethu pwrpas gwahanol ar siop Shopify. Mae angen triniaeth wahanol ar lun cynnyrch, logo, a sgrinlun, hyd yn oed pan fyddant yn eistedd yn yr un thema. Dewiswch y fformat yn seiliedig ar y gwaith y mae'n rhaid i'r ddelwedd ei wneud ar y dudalen, nid ar arfer.

Infograffig yn cymharu fformatau delwedd JPEG, PNG, WebP, ac AVIF gyda disgrifiadau o'u nodweddion a'u hachosion defnydd.

Mae JPEG a PNG yn dal i ennill eu lle

JPEG yw'r dewis safonol o hyd ar gyfer ffotograffau. Mae'n cywasgu'n dda, yn gweithio bron ym mhobman, ac fel arfer yn cadw delweddaeth cynnyrch yn ddigon ysgafn ar gyfer y we. Mae PNG yn ffitio delweddau sydd angen ymylon miniog, lliw gwastad, tryloywder, neu destun, a dyna pam mae logos a graffeg UI yn aml yn perthyn yno er bod y ffeiliau fel arfer yn drymach.

Mae'r rhaniad hwnnw'n bwysig ar Shopify oherwydd bod siopau fel arfer yn cymysgu'r ddau fath o asedau. Mae llun ffordd o fyw a gedwir fel PNG fel arfer yn fwy o bwysau nag sydd angen i'r siop ei gario. Gall logo a gedwir fel JPEG edrych yn arw neu golli tryloywder, sy'n creu glanhau y gellir ei osgoi yn ddiweddarach. Dylai'r fformat ddilyn y gwaith, nid yr arfer.

Mae cerdyn casglu yn enghraifft dda. Os yw'r ddelwedd yn llun cynnyrch glân, mae JPEG fel arfer yn cadw'r pwysau i lawr heb niweidio'r olygfa y mae siopwyr yn ei chael. Os yw'r ased yn fathodyn, eicon, neu logo sy'n eistedd ar ben cefndir lliw, mae PNG yn amddiffyn yr ymylon yn well ac yn osgoi halos hyll.

Meintiau ffeiliau gwthio WebP ac AVIF yn is

Mae'r fformatau modern fel arfer yn lleihau maint ffeiliau ymhellach. Ar gyfer delwedd enghreifftiol o ansawdd cymharol, mae JPEG ar 75% tua 1.25–1.53 MB , mae colled WebP tua 0.72–0.88 MB , mae AVIF tua 0.57–0.69 MB , a JPEG XL tua 0.55–0.67 MB ( W3Techs ). Mae hynny'n ostyngiad ystyrlon o'i gymharu â'r hen arferion allforio, ac mae'n egluro pam y gall llawer o siopau leihau pwysau heb wneud i luniau edrych yn feddal.

Y broblem yw bod dewis fformat yn dal i ddibynnu ar y cynnwys ei hun. Gall WebP ac AVIF weithio'n dda iawn ar gyfer ffotograffiaeth cynnyrch, ond gall graffeg gyda thryloywder ymddwyn yn wahanol. Os yw ffeil yn ffotograff yn bennaf, defnyddiwch fformat sy'n cywasgu'r math hwnnw o ddelwedd yn effeithlon. Os yw'n logo neu'n graffeg gyda thryloywder, defnyddiwch y fformat sy'n cadw'r ymylon yn lân.

Ar siop Shopify, mae hynny fel arfer yn golygu un fformat ar gyfer y faner arwr, un arall ar gyfer y logo, ac un arall ar gyfer lluniau agos o'r cynnyrch. Mae'r dewis cywir yn llai am yr hyn sy'n edrych yn fodern a mwy am yr hyn sy'n cadw'r dudalen yn gyflym tra'n dal i ddangos y ddelwedd yn glir yn ei lleoliad gwirioneddol.

Rheol penderfyniad: Ffotograff gyda phobl, cynhyrchion, neu wead, dewiswch JPEG neu WebP. Graffeg fflat, logos, neu sgrinluniau, dewiswch PNG. Os gall eich llif gwaith gefnogi dewis wrth gefn, AVIF neu WebP yw'r opsiwn storfa fyw glanach.

Sut mae Datrysiad a Chywasgu yn Newid y Rhifau

Gall ffeil edrych yn iawn ar eich sgrin a dal i fod yn llawer trymach nag sydd angen iddi fod. Dyna'r rhan y mae masnachwyr yn ei theimlo gyntaf yn Shopify, oherwydd gall yr un ddelwedd ymddwyn yn wahanol iawn fel baner arwr, teils grid casgliad, llun chwyddo cynnyrch, neu fân-lun bach. Mae datrysiad yn rheoli faint o bicseli rydych chi'n gofyn i'r porwr eu cario, ac mae cywasgu yn rheoli faint o'r pwysau hwnnw sy'n cael ei docio cyn i'r dudalen lwytho.

Mwy o bicseli yn golygu mwy o ddata

Nid dim ond cynfas mwy yw delwedd fwy, mae'n fwy o ddata crai i'r porwr ei brosesu. Fel y dangoswyd yn gynharach, mae delwedd 24MP yn cynnwys tua 72 miliwn o beitiau o ddata crai cyn i'r cywasgu ddechrau. Os ydych chi'n allforio'r un olygfa ar gyfrif picsel uwch nag sydd ei angen ar y siop, mae'r ffeil yn mynd yn drymach hyd yn oed os yw'r llun yn edrych bron yn union yr un fath ar ôl iddo gael ei arddangos.

Dyna pam mae allforion rhy fawr yn achosi mwy na dim ond annibendod storio. Maent yn ychwanegu pwysau trosglwyddo, yn gwneud i'r porwr weithio'n galetach, a gallant arafu'r ddelwedd yn yr union fan lle mae siopwyr yn disgwyl i'r dudalen deimlo'n gyflym. Nid oes angen yr un llwyth tâl ar deilsen grid casgliad â delwedd cynnyrch y gellir ei chwyddo, ac mae angen llawer llai ar fân-lun na'r naill na'r llall ohonynt.

Mae cywasgu yn eich arbed, ond nid yw'n gwneud picseli ychwanegol yn rhydd

Gall cywasgu leihau ffeil ffynhonnell fawr i rywbeth y gall Shopify ei wasanaethu'n effeithlon, ond nid yw'n dileu cost defnyddio mwy o bicseli nag sydd ei angen ar gyfer y lleoliad. Os yw llun cynnyrch yn mynd i mewn i oriel sy'n galluogi chwyddo, rydych chi eisiau digon o fanylion i aros yn finiog ar sgrin dda. Os mai dim ond i gerdyn casglu y mae'r un ddelwedd yn mynd, mae cludo'r fersiwn maint llawn yn wastraff ymdrech.

Y ffordd lân o feddwl amdano yw syml. Mae picseli yn gosod y gwaelod ar gyfer gwastraff , oherwydd bod dimensiynau rhy fawr yn creu pwysau y gellir ei osgoi. Mae'r gosodiad ansawdd yn gosod y nenfwd ar gyfer arbedion , oherwydd ei fod yn penderfynu faint o fanylion y mae'r allforion yn eu cadw. Mae'r fformat yn rheoli faint mae'r cywasgu hwnnw'n ei helpu , oherwydd nid yw gwahanol fathau o ffeiliau yn crebachu yn yr un ffordd.

Ar gyfer canllawiau maint delweddau sy'n gysylltiedig ag achosion defnydd Shopify, mae'r canllaw SEO delweddau Shopify hwn yn gydymaith defnyddiol. Mae'n helpu i gysylltu'r penderfyniad allforio â'r lleoliad gwirioneddol yn lle trin pob delwedd siop fel pe bai'n cyflawni'r un gwaith.

Mae delwedd arwr, teils casgliad, a mân-lun i gyd yn gofyn am wahanol lefelau o fanylder. Dyna'r rhan y mae masnachwyr fel arfer yn ei cholli, a dyna pam y gall newid bach mewn datrysiad deimlo'n ddiniwed mewn golygydd tra'n dal i greu storfa drymach yn y porwr.

Hanfodion Craidd y We a Chost SEO Delweddau Trwm

Mae delweddau trwm yn niweidio SEO mewn ffordd uniongyrchol iawn, oherwydd bod Google yn mesur y profiad, nid y bwriad y tu ôl i'r uwchlwytho. Ar lawer o dudalennau Shopify, y ddelwedd fwyaf gweladwy yw'r peth sydd fwyaf tebygol o reoli'r profiad llwytho. Os yw'r ddelwedd honno'n rhy drwm, mae Largest Contentful Paint yn arafu, ac mae'r ymwelydd yn aros yn hirach cyn i'r dudalen deimlo'n ddefnyddiadwy.

Siart bar sy'n dangos sut mae cynyddu meintiau ffeiliau delwedd yn effeithio'n negyddol ar amseroedd llwytho tudalen Largest Contentful Paint.

Fel arfer, mae LCP yn cael ei feio am y peth anghywir

Yn aml, mae masnachwyr yn beio apiau, sgriptiau, neu god thema yn gyntaf, ac weithiau maen nhw'n iawn. Ond yn aml, delwedd yr arwr yw'r un fuddugoliaeth hawsaf. Gall llun arwr mawr atal y foment y daw'r dudalen yn ystyrlon, yn enwedig ar ffôn symudol, lle mae ansawdd y cysylltiad yn amrywio a'r porth gwylio yn ddigon bach fel bod asedau rhy fawr yn hawdd i'w gweld.

Y metrig arall y mae pwysau delwedd yn effeithio arno yw Symudiad Cynllun Cronnus . Os nad yw'ch thema'n cadw lle'n iawn ar gyfer delweddau, mae'r cynllun yn neidio wrth i asedau lwytho. Mae hynny'n teimlo'n flêr i siopwyr ac yn gwneud y dudalen yn anoddach i'w defnyddio. Yn aml, mae themâu Shopify yn gwneud rhywfaint o'r gwaith hwn eisoes, ond nid bob amser yn ddigon i achub masnachwr rhag llif gwaith delwedd gwael.

Nid yw'r targedau maint yn ar hap

Mae canllawiau technegol ar gyfer cyflwyno ar y we yn aml yn galw am luniau cynnyrch tua 800 i 1000 px ac 80 i 150 KB , delweddau arwr o dan 200 KB , a chyllideb delwedd tudalen gyfan o dan 500 KB . Mae'r un canllawiau yn gosod JPEGs yn aml tua 200 i 600 KB , WebP ar 150 i 450 KB , AVIF ar 80 i 300 KB , a PNG ar 500 KB i 3 MB ( Vizua ). Mae'r ystodau hynny'n bodoli oherwydd bod pwysau delwedd a pherfformiad tudalen wedi'u cysylltu â'i gilydd.

Nid oes angen i dudalen fod yn fach iawn i fod yn gyflym. Mae angen iddi fod yn ddisgybledig. Os yw llwyth eich delweddau wedi chwyddo, rydych chi'n gwneud i'r porwr wneud gwaith nad yw'n gwella profiad y siopwr. Cost SEO uniongyrchol yw honno, nid un ddamcaniaethol.

Ar gyfer ongl sy'n canolbwyntio ar Shopify ar y broses archwilio ehangach, mae'r canllaw SEO delwedd hwn ar gyfer Shopify yn bwynt cyfeirio defnyddiol.

Meintiau Ffeiliau Llun Targed yn ôl Lleoliad Shopify

Y ffordd hawsaf o roi'r gorau i ddyfalu yw gosod cyllideb maint ffeil ar gyfer pob rôl weledol ar y siop. Mae baner arwr yn gwneud gwaith gwahanol i fân-lun, ac ni ddylid allforio grid casgliad gyda'r un pwysau â delwedd cynnyrch y gellir ei chwyddo. Unwaith y bydd masnachwyr yn aseinio meintiau ffeiliau lluniau i leoliadau gwirioneddol, mae'r siop yn haws i'w chadw'n gyflym ac yn llawer haws i'w harchwilio.

Gadewch i gynllun y siop bennu eich dewisiadau allforio

Fel arfer, mae angen mwy o le ar ddelweddau lled llawn na blociau cynllun bach. Mae canllawiau delweddau ymatebol yn aml yn cyfeirio at ddelweddau lled llawn tua 1600 px a 200 i 300 KB , delweddau cynllun llai o 25% i 50% sy'n agosach at 800 px a 70 i 350 KB , a delweddau sydd tua 2× y gofod arddangos fel eu bod yn dal i edrych yn finiog ar sgriniau dwysedd uchel. Yn ymarferol, mae hynny'n golygu bod yr un llun ffynhonnell yn aml angen allforion gwahanol, un ar gyfer y slot y mae'n ei lenwi ac un ar gyfer y rendro mwy miniog y mae sgrin ddwys yn ei ddisgwyl.

Targedau Maint Ffeil Llun yn ôl Lleoliad Shopify Lleoliad Lled y Targed Maint y Ffeil Darged Fformat Argymhelliedig
Baner arwr Arwr brig y dudalen Tua 1600 px 200 i 300 KB JPEG neu WebP
Mân-lun grid casgliad Teils casgliad Tua 400 i 600 picsel 40 i 80 KB JPEG neu WebP
Llun tudalen cynnyrch Oriel prif gynnyrch Tua 800 i 1200 px 100 i 200 KB JPEG, WebP, neu AVIF
Delwedd mân-lun neu sampl Slot cefnogol bach Tua 200 i 400 px Cadwch mor ysgafn â phosibl JPEG neu PNG, yn dibynnu ar y cynnwys

Gall delwedd arwr gario mwy o bwysau oherwydd ei bod yn llenwi mwy o'r porth gwylio. Ni all teils casgliad. Dyna'r gwahaniaeth y mae angen i fasnachwyr ei gofio pan fyddant yn allforio delweddau ar gyfer adrannau Shopify, oherwydd dylai maint y ffeil gyd-fynd â'r lle y mae'r ddelwedd yn ei feddiannu ar y dudalen.

Pam y gallai fod angen mwy nag un allforio ar yr un ddelwedd

Yn aml, mae tudalen cynnyrch yn gwasanaethu sawl fersiwn o'r un ffeil trwy farcio ymatebol. Mae hynny'n normal. Dylai'r porwr gael ffeil lai ar gyfer sgriniau llai a ffeil fwy dim ond lle mae'r cynllun ei hangen. Mae'r gosodiad hwnnw'n cadw ansawdd chwyddo yn gyfan heb anfon swmp diangen i bob ymwelydd.

Mae'r un rhesymeg yn berthnasol y tu hwnt i'r oriel gynnyrch. Yn aml, mae angen un driniaeth ar gyfer y prif arwr ar siop, un arall ar gyfer cardiau casglu, ac un arall ar gyfer delweddau manwl agos. Os ydych chi am gadw asedau cymdeithasol a rhannu wedi'u halinio â delweddau siop, mae'r canllaw delwedd gymdeithasol Shopify hwn yn helpu i gysylltu'r anghenion hynny y tu allan i'r dudalen cynnyrch â'r un llif gwaith delwedd.

Rheol gyffredinol Shopify: Gadewch i'r slot benderfynu ar yr allforion. Gall arwr fod yn hael. Ni all mân-lun grid fod.

Mae'r rheol honno'n atal y camgymeriad cyffredin o uwchlwytho un ddelwedd enfawr a gobeithio y bydd y thema'n ei datrys. Gall themâu helpu, ond ni allant ddadwneud penderfyniad allforio gwael.

Camdybiaethau Cyffredin sy'n Cadw Siopau'n Araf

Mae llawer o siopau Shopify araf yn araf oherwydd bod rhywun wedi credu rheol hanner gwir ac wedi'i hailadrodd yn gyson. Mae'r arferion hynny'n ymddangos mewn archwiliadau dro ar ôl tro, fel arfer oherwydd bod y cyngor yn swnio'n synhwyrol ar y dechrau ac ni chafodd ei wirio erioed yn erbyn sut mae siop yn llwytho. Unwaith y byddwch chi'n gwahanu arfer oddi wrth berfformiad, mae'r atebion fel arfer yn syml.

Pum cred sy'n achosi chwydd y gellir ei osgoi

  • Mae cydraniad uwch bob amser yn golygu ansawdd gwell. Mae hynny'n peidio â bod yn wir unwaith y bydd y ddelwedd eisoes yn fwy na'r gofod y mae'n ei lenwi. Nid yw picseli ychwanegol yn gwneud dim i olygfa'r siopwr, dim ond ychwanegu pwysau maen nhw.
  • Mae PNG bob amser yn fwy miniog na JPEG. PNG yw'r dewis cywir ar gyfer logos a graffeg ag ymylon caled, ond fel arfer nid oes angen y gorbenion di-golled hwnnw ar luniau cynnyrch.
  • Mae Shopify yn optimeiddio popeth yn awtomatig. Mae Shopify yn helpu mewn rhai achosion, ond mae'r uwchlwythiad gwreiddiol yn dal i osod y nenfwd ar gyfer pa mor drwm y gall yr ased fod.
  • Mae WebP yn niweidio SEO oherwydd ni all Google ei ddarllen. Mae'r gred honno'n hen ffasiwn. Gall systemau chwilio rendro fformatau modern fel delweddau rheolaidd.
  • Dim ond ar gyfrifiadur personol y mae maint y ddelwedd yn bwysig. Mae siopwyr symudol yn teimlo pwysau ffeiliau diangen yn gyntaf, oherwydd bod gan eu dyfeisiau a'u cysylltiadau lai o le i wneud camgymeriadau.

Gall y masnachwyr cywiriadau eu defnyddio ar unwaith

Mae'r ateb yn dechrau gyda rôl, nid arfer. Mae angen digon o ansawdd ar ddelwedd arwr i ddal brig y dudalen. Mae angen i deilsen casgliad aros yn ysgafn fel bod y grid yn llwytho'n lân. Gall delwedd chwyddo gario mwy o fanylion oherwydd ei bod yn cyflawni swydd wahanol, tra dylai mân-lun neu sampl aros mor fach ag y mae'r cynllun yn ei ganiatáu.

Dyna pam mae un rheol allforio ar gyfer pob delwedd yn achosi trafferth. Os yw'r ased yn llun, allforiwch er mwyn cyflymder a lliw credadwy. Os yw'n graffig gyda thestun neu dryloywder, amddiffynwch yr ymylon a derbyniwch y gallai'r ffeil fod yn fwy. Os yw'n perthyn i slot cul, peidiwch ag uwchlwytho ffeil sydd wedi'i bwriadu ar gyfer arddangosfa lled llawn.

Fel y trafodwyd yn yr adran datrysiad, gall delwedd 24MP lanio rhwng 2 ac 8 MB ar ôl cywasgu, sy'n ddigon i ddangos pam nad yw cyfrif picseli yn unig yn dweud wrthych a yw delwedd yn barod ar gyfer y we. Y cwestiwn craidd yw a yw'r ffeil yn cyd-fynd â'r lleoliad Shopify y mae'n ei wasanaethu. Gall arwr oddef mwy na cherdyn grid, a gall delwedd chwyddo oddef mwy na mân-lun. Rhaid i'r allforio gyd-fynd â'r rôl.

Camgymeriad cysylltiedig yw tybio bod pob ased yn haeddu'r un glanhau metadata. Os yw'r ddelwedd yn ddigon pwysig i'w chynnwys, mae'n ddigon pwysig i'w harchwilio yn gyntaf. Defnyddiwch y generadur testun alt ar gyfer delweddau Shopify i gadw'r rhan honno o'r llif gwaith yn gyson, yna barnwch faint y ffeil yn erbyn y slot y bydd yn ei lenwi.

Dyna'r rhan mae'r rhan fwyaf o siopau'n ei cholli. Nid oes angen i'r ffeil fod yn fach iawn. Mae angen iddi fod yn briodol.

Rhestr Wirio Ailadroddadwy ar gyfer Eich Swp Delweddau Nesaf

Y llif gwaith delweddau glanaf yw'r un y gall eich tîm ei ailadrodd heb ddyfalu. Bob tro mae'r un gwiriadau'n digwydd yn yr un drefn, rydych chi'n cael llai o uwchlwythiadau rhy fawr, llai o syrpreisys cynllun, a llai o dudalennau cynnyrch araf yn cuddio yn y catalog. Os ydych chi'n paratoi gollyngiad cynnyrch newydd neu'n adnewyddu thema, rhedwch y swp trwy'r drefn hon cyn i unrhyw beth fynd yn fyw.

Trefn allforio syml sy'n addas i Shopify

  1. Allforio ar y lled targed ar gyfer y lleoliad. Mae gan arwr, cerdyn casgliad, delwedd chwyddo cynnyrch, a mân-lun swyddi gwahanol, felly peidiwch ag uwchlwytho ffeil fwy dim ond oherwydd bod y ddelwedd wreiddiol yn caniatáu hynny.
  2. Dewiswch y fformat yn ôl rôl. Mae lluniau fel arfer yn ffitio JPEG, WebP, neu AVIF. Mae logos a graffeg sy'n drwm ar destun yn ffitio PNG yn well pan fo tryloywder neu ymylon miniog yn bwysig.
  3. Cadwch fersiwn storfa fyw a fersiwn chwyddo os oes angen. Gall y ffeil chwyddo gadw mwy o fanylion, ond ni ddylai'r dudalen weladwy gario'r pwysau hwnnw oni bai bod y cynllun wir ei angen.
  4. Defnyddiwch y fformat modern ysgafnach pan fo'n bosibl. Defnyddiwch WebP neu AVIF ar gyfer y ddelwedd fyw, a chadwch JPEG fel y dewis wrth gefn lle mae cydnawsedd yn bwysig.
  5. Gwiriwch y metadata delwedd a'r testun alt cyn ei gyhoeddi. Os yw'r ased yn ddigon pwysig i'w gynnwys, mae'n ddigon pwysig i'w archwilio. Defnyddiwch generadur testun alt RankEngine i gadw'r rhan honno o'r llif gwaith yn gyson.

Ciplun o https://rankengine.app

Pa gysondeb sy'n eich prynu chi

Mae gwelliannau bach yn pentyrru ar draws catalog. Ni fydd un ddelwedd arwr ysgafnach yn trawsnewid siop ar ei phen ei hun, ond gall set gyfan o luniau cynnyrch o faint da, teils casgliad, a mân-luniau wneud i'r siop deimlo'n lanach, yn gyflymach, ac yn haws i siopa. Mae cwsmeriaid yn sylwi ar hynny hyd yn oed os nad ydyn nhw byth yn siarad am feintiau ffeiliau.

Os yw'ch tîm yn trin metadata delweddau ar raddfa fawr, gall generadur testun alt RankEngine gadw'r rhan honno o'r llif gwaith i symud heb droi pob uwchlwythiad yn dasg â llaw.

Defnyddiwch y drefn hon i'ch swp nesaf, a bydd eich siop yn llwytho'n gyflymach ar unwaith.