Seguruenik hau gertatu zaizu. Produktu-orri bat itxura dotorea du Shopify-n, argazkiak zorrotzak dira editorean, eta gero mugikorreko bisitariak saltoka hasten dira, zure PageSpeed puntuazioa hirurogeiko hamarkadan temati dagoen bitartean. Arazoa ez da normalean "diseinu txarra". Irudi-fitxategien tamaina handiegia dela diseinurako da, eta byte gehigarri bakoitza bidaiatu behar da erosle batek produktua, prezioa edo saskira gehitzeko botoia ikusi aurretik.

Horregatik, denda bateko irudien erabakiak ez dira inoiz diseinu erabakiak soilik izaten. Orriaren abiaduran , kalitate bisualean eta Google-k zenbat orrialde arakatu eta errendatu dezakeen eragiten dute, garrantzia emateko. Tamaina aldatzeko lasterbide praktiko bat nahi baduzu, asmatu gabe, Yassine Malti-ren irudien tamaina aldatzeko gida lagungarri erabilgarria da, hurrengo multzoa igo aurretik mekanika ulertzen laguntzen dizulako.

Edukien taula

Zergatik garrantzitsuak diren irudi fitxategien tamainak Shopify denda batean

Merkatari batek produktu-orrialde findu bat ikus dezake Shopify administrazioan eta oraindik ere arazo nagusia ez daki. Orria ondo senti daiteke ordenagailu eramangarri batean Wi-Fi bidez, gero mugikorrean trabatuta geratu, irudi nagusia berandu ager daiteke eta erosleak orria prest sentitu baino lehen tolestura gainditzen du. Itxura ona duen orrialde baten eta azkar kargatzen den baten arteko alde horretan erabakitzen da irudi-fitxategien tamainak bisita bat diru-sarrera edo marruskadura bihurtzen den.

Orrialde guztietan ezkutuko lehia

Denda bateko irudi guztiek testuarekin, gidoiekin, eskemekin eta bezeroaren pazientziarekin lehiatzen dira. Argazki nagusia gehiegizkoa bada, banda-zabalera jatea baino gehiago egiten du, bisitariak eskaintza epaitu dezakeen unea moteltzen du. Irudiaren pisua bihurketa-galdera bat eta, aldi berean , Core Web Vitals galdera bat da.

Shopify-ko merkatariek normalean produktuen orrialdeetan eta bilduma-orrietan sentitzen dute hau lehenik. Argazki handi batzuek diseinu osoa astuna sentiarazi dezakete, batez ere sare mugikorretan, eta pisu hori garrantzitsuenak diren lekuetan agertzen da, heroian, bilduma-sareta, produktuaren zooma eta miniaturak. Heroi irudi batek miniatura batek baino funtzio desberdina du, beraz, ez luke fitxategi-tamaina bera izan behar. Gauza bera gertatzen da bilduma-sareekin, non irudi errepikatuak azkar pilatzen diren eta korritze bakoitza zigortzen duten.

Irudi fitxategiaren tamainak eragina du orrialdea zein azkar bihurtzen den erabilgarri, eta horregatik da diseinuaren plangintzarekin elkarrizketa berean. Irudi gordinaren neurriak garrantzitsuak dira, baina entregatu daitekeen fitxategiaren tamaina da arakatzaileak eskuratu eta deskodetu behar duena. Yassine Maltiren irudien tamaina aldatzeko gidan azaltzen den bezala, esportazio txikiago batek irudiaren funtzio bisuala mantendu dezake, beharrezkoa ez den pisua kenduz.

Ordainketa praktikoa.

Honen garrantzia sinplea da. Oinarrizko pixel kopuruak ezartzen du oinarria, eta konpresioak eta formatuak zehazten dute azken fitxategiaren tamaina. 24 megapixeleko irudi batek 24 biteko RGB formatuan 72 milioi byte inguru pixel datu gordin ditu, eta irudi berak 423,41 KB inguru har ditzake JPEG gisa % 100eko kalitatean edo 211,7 KB inguru JPEG % 90eko kalitatean, esportazio aukeren arabera ( Scantips ). Hutsune horregatik erabil ditzakete bi dendek ia berdin-berdinak diren irudiak eta abiadura oso desberdinak lortu.

Arau praktikoa: Irudi bat apaingarri gisa baino saltzeko gehiago bada garrantzitsua, eman fitxategi-tamaina helburu bat igo aurretik.

Hori da merkatariek erabili beharko luketen estandarra. Ezarri aurrekontu bat denda-erakusleiho bakoitzerako, eta gero lotu fitxategia lanari. Banner nagusi batek miniatura batek baino pisu handiagoa justifika dezake, baina biek ez lukete orriaren gainerakoa zama gehigarria izatera behartu behar. Ohitura hori ezarrita dagoenean, produktuen orrialdeak errazago kudeatzen dira, eta igoera berri bakoitzak leku bat du sartzeko, beste zama ezkutu bat bihurtu beharrean.

Irudiaren tamaina vs. fitxategiaren tamaina eta zergatik biak garrantzitsuak diren

Merkatariek askotan termino hauek erabiltzen dituzte gauza bera esan nahi balute bezala, eta gero galdetzen dute zergatik irudi batek itxura ona duen administrazioan, baina dendaren erakusleihoa moteltzen duen. Irudiaren tamaina pixelen neurriak dira, zabalera altuerarekin. Fitxategiaren tamaina esportatutako fitxategiaren pisua da diskoan byteetan, normalean KB edo MB, eta konpresioaren, formatuaren eta bit-sakoneraren arabera aldatzen da. Bi irudik dimentsio berdinak izan ditzakete eta hala ere kargatzeko kostu oso desberdinak sor ditzakete.

Argazkigintza digitalerako eta grafikoetarako irudiaren tamaina pixeletan eta fitxategiaren tamaina byteetan alderatzen duen diagrama.

Pixelek sabaia ezartzen dute

Pixelek fitxategiak zenbat xehetasun bisual eduki ditzakeen definitzen dute. 24 megapixeleko irudi batek, 24 biteko RGB formatuan, 72 milioi byte inguruko pixel datu gordin ditu , 24 milioi pixel × 3 byte pixel bakoitzeko = 72.000.000 byte direlako. Zenbaki gordin hori da esportazioaren abiapuntua, ez arakatzaileak jasotzen duen azken pisua.

Esportazio aukerek emaitza azkar aldatzen dute. Jatorrizko argazki bera 423,41 KB ingurukoa izan daiteke JPEG gisa % 100eko kalitatean eta gutxi gorabehera 211,7 KB JPEG % 90eko kalitatean. Pixelak berdin mantentzen dira, esportazioak jatorrizko xehetasun gehiago edo gutxiago mantentzen dituen bitartean.

Konpresioak eta formatuak emaitza erabakitzen dute

Shopify-ren auditoria askok alde batera uzten dute hemen. Saltzaileek irudi handi bat weberako astunegia izan behar dela uste dute, baina neurriak eta fitxategiaren pisua erabaki bereiziak dira. Dimentsio handiko irudi bat fitxategi egokia izan daiteke ondo esportatzen bada. Grafiko xume bat puztu egin daiteke formatu okerrean edo kalitate okerrean gordetzen bada.

Desberdintasun horrek garrantzia du dendaren rolaren arabera. Heroi banner batek miniatura batek baino pisu bisual handiagoa izan dezake, baina bilduma-sareta irudi batek nahikoa argi mantendu behar du orrialdea garbi kargatzeko. Produktuen zoom-argazkiek pixel xehetasun nahikoa behar dute gertutik mantentzeko, eta miniatura-zirrikituek normalean banda-zabalera alferrik galtzen dute esportazioak diseinuak erakutsi dezakeena baino xehetasun askoz gehiago mantentzen badu.

Arau orokorra: Pixelek irudiak zenbat xehetasun bisual erakutsi dezakeen zehazten dute. Fitxategiaren tamainak erosleak zenbat deskargatu behar duen zehazten du.

Mantendu bi zenbaki horiek bereizita eta irudien plangintza errazagoa izango da. Miniatura-zirrikitu estu batek ez du dimentsio handien onurarik. Produktu-orrialdearen zoom-irudi batek pixel nahikoa behar ditu zorrotz ikusteko, baina esportatutako fitxategiak arrazoizkoa izan behar du Core Web Vitals-erako eta haren inguruan kargatu behar den gainerako orrialdearentzat.

JPEG, PNG, WebP eta AVIF alderatuta

Irudi formatu bakoitzak helburu desberdina du Shopify denda batean. Produktuaren argazki batek, logotipo batek eta pantaila-argazki batek tratamendu desberdina behar dute, gai berean egon arren. Aukeratu formatua irudiak orrialdean egiten duen lanaren arabera, ez ohituraren arabera.

JPEG, PNG, WebP eta AVIF irudi formatuak alderatzen dituen infografia bat, haien ezaugarrien eta erabilera kasuen deskribapenarekin.

JPEG eta PNGk oraindik ere beren lekua irabazten dute

JPEG da argazkietarako aukera estandarra izaten jarraitzen duena. Ondo konprimitzen da, ia nonahi funtzionatzen du eta normalean produktuen irudiak nahikoa arin mantentzen ditu weberako. PNG formatuak ertz zorrotzak, kolore lauak, gardentasuna edo testua behar dituzten irudiak egokitzen ditu, eta horregatik logotipoak eta UI grafikoak askotan bertan sartzen dira, fitxategiak normalean astunagoak izan arren.

Banaketa horrek garrantzia du Shopify-n, dendek normalean bi motako aktiboak nahasten baitituzte. PNG gisa gordetako bizimodu-argazki batek normalean dendaren erakusleihoak eraman behar duena baino pisu handiagoa du. JPEG gisa gordetako logotipo batek itxura zakarra izan dezake edo gardentasuna galdu, eta horrek geroago garbiketa saihestu beharra sortzen du. Formatuak lanari jarraitu behar dio, ez ohiturari.

Bilduma-txartel bat adibide ona da. Irudia produktu garbi baten argazkia bada, JPEG-k normalean pisua txikitzen du erosleek duten ikuspegia kaltetu gabe. Aktiboa koloretako atzeko plano baten gainean dagoen txapa, ikono edo logotipo bat bada, PNG-k ertzak hobeto babesten ditu eta halo itsusiak saihesten ditu.

WebP eta AVIF push fitxategien tamaina txikiagoa

Gaur egungo formatuek fitxategien tamaina gehiago murrizten dute normalean. Kalitate konparagarriko irudi baten adibidea, % 75eko JPEG formatua 1,25-1,53 MB ingurukoa da, WebP galeraduna 0,72-0,88 MB ingurukoa, AVIF formatua 0,57-0,69 MB ingurukoa eta JPEG XL formatua 0,55-0,67 MB ingurukoa ( W3Techs ). Jaitsiera nabarmena da esportazio ohitura zaharrekin alderatuta, eta azaltzen du zergatik denda askok pisua murriztu dezaketen argazkiak leunagoak izan gabe.

Arazoa da formatuaren aukera edukiaren beraren araberakoa dela oraindik ere. WebP eta AVIF oso ondo funtziona dezakete produktuen argazkilaritzarako, baina gardentasuna duten grafikoek modu ezberdinean joka dezakete. Fitxategia gehienbat argazki bat bada, erabili irudi mota hori eraginkortasunez konprimitzen duen formatu bat. Gardentasuna duen logotipo edo grafiko bat bada, erabili ertzak garbi mantentzen dituen formatua.

Shopify denda batean, horrek normalean esan nahi du formatu bat banner nagusiarentzat, beste bat logotipoarentzat eta beste bat produktuen argazki hurbilentzat. Aukera egokia ez da hain modernoa denaren itxurari buruzkoa, baizik eta orrialdea azkar mantentzen duenaren ingurukoa, irudia bere benetako kokapenean argi erakusten duen bitartean.

Erabaki-araua: Jendearekin, produktuekin edo ehundurarekin argazkiak ateratzeko, aukeratu JPEG edo WebP. Grafiko lauak, logotipoak edo pantaila-argazkiak ateratzeko, aukeratu PNG. Zure lan-fluxuak ordezko bat onartzen badu, AVIF edo WebP da zuzeneko biltegiratzeko aukera garbiagoa.

Nola aldatzen dituzten bereizmenak eta konpresioak zenbakiak

Fitxategi bat ondo ager daiteke pantailan, eta hala ere behar baino askoz astunagoa izan daiteke. Hori da merkatariek Shopify-n lehenengo sentitzen dutena, irudi berak oso modu ezberdinean joka dezakeelako heroi banner bat, bilduma-sareta-lauza bat, produktu baten zoom-argazki bat edo miniatura txiki bat bezala. Bereizmenak kontrolatzen du zenbat pixel eramateko eskatzen dizkiozun arakatzaileari, eta konpresioak kontrolatzen du zenbat pisu moztu behar den orrialdea kargatu aurretik.

Pixel gehiagok datu gehiago esan nahi dute

Irudi handiago bat ez da mihise handiago bat bakarrik, arakatzaileak prozesatu behar dituen datu gordin gehiago baizik. Aurretik erakutsi bezala, 24MP-ko irudi batek 72 milioi byte inguru ditu datu gordin konpresioa hasi aurretik. Eszena bera erakusleihoak behar duena baino pixel kopuru handiagoan esportatzen baduzu, fitxategia astunagoa bihurtzen da, argazkia ia berdina izan arren bistaratzen denean.

Horregatik, tamaina handiko esportazioek biltegiratze-nahasmendua baino gehiago eragiten dute. Transferentzia-pisua gehitzen dute, arakatzailea gogorrago lan egiten dute eta irudia moteldu dezakete erosleek orria azkarra izatea espero duten leku zehatzean. Bilduma-sareta-lauzak ez du handitzeko moduko produktu-irudi batek adina zama behar, eta miniatura batek bietako edozeinek baino askoz gutxiago behar du.

Konpresioak aurrezten zaitu, baina ez ditu pixel gehigarriak askatzen

Konpresioak iturburu-fitxategi handi bat Shopify-k eraginkortasunez zerbitzatu dezakeen zerbait bihur dezake, baina ez du ezabatzen kokapenak behar duena baino pixel gehiago erabiltzearen kostua. Produktu baten argazkia zooma duen galeria batera sartzen bada, xehetasun nahikoa nahi duzu pantaila on batean zorrotz mantentzeko. Irudi bera bilduma-txartel batera bakarrik sartzen bada, tamaina osoko bertsioa bidaltzea ahalegin alferrikakoa da.

Pentsatzeko modu garbia sinplea da. Pixelek hondakinen muga ezartzen dute , neurri handiek saihestu daitekeen pisua sortzen baitute. Kalitatearen ezarpenak aurrezkien muga ezartzen du , esportazioak zenbat xehetasun gordetzen dituen erabakitzen baitu. Formatuak konpresio horrek zenbat laguntzen duen kontrolatzen du , fitxategi mota desberdinak ez baitira modu berean txikitzen.

Shopify-ren erabilera kasuei lotutako irudien tamainaren gidaritzarako, Shopify irudien SEO gida hau lagungarri erabilgarria da. Esportazio erabakia benetako kokapenarekin lotzen laguntzen du, dendako irudi guztiak funtzio bera betetzen dutela bezala tratatu beharrean.

Irudi nagusi batek, bilduma-lauza batek eta miniatura batek xehetasun-maila desberdinak eskatzen dituzte. Hori da merkatariek normalean galtzen duten zatia, eta horregatik bereizmen-aldaketa txiki batek kaltegabea iruditu daiteke editore batean, arakatzailean biltegi astunagoa sortzen den bitartean.

Webgunearen oinarrizko bitalak eta irudi astunek SEOn duten kostua

Irudi astunek SEOri kalte egiten diote modu oso zuzenean, Google-k esperientzia neurtzen baitu, ez kargatzearen atzean dagoen asmoa. Shopify orrialde askotan, ikusgai dagoen irudirik handiena da kargatzeko esperientzia kontrolatzeko aukera gehien duena. Irudi hori astunegia bada, Largest Contentful Paint-ek moteldu egiten du, eta bisitariak denbora gehiago itxaroten du orria erabilgarri sentitu arte.

Barra-diagrama bat, irudi-fitxategien tamaina handitzeak Largest Contentful Paint orriaren kargatzeko denboran duen eragin negatiboa erakusten duena.

LCPri normalean gauza okerragatik leporatzen zaio

Merkatariek askotan aplikazioei, script-ei edo gaiaren kodeari leporatzen diete lehenik, eta batzuetan arrazoi dute. Baina irudi nagusia da askotan garaipenik errazena. Argazki handi batek orrialdea esanguratsua bihurtzen den unea oztopatu dezake, batez ere mugikorrean, non konexioaren kalitatea aldakorra den eta ikuspegi-leihoa hain txikia den aktibo handiak erraz antzemateko.

Irudiaren pisuak eragiten duen beste metrika Diseinuaren Aldaketa Metatua da. Zure gaiak ez badu behar bezala gordetzen espazioa irudientzat, diseinua jauzi egiten du baliabideak kargatzen diren heinean. Hori erosleentzat traketsa iruditzen da eta orria erabiltzea zailtzen du. Shopify gaiek askotan lan horren zati bat egiten dute dagoeneko, baina ez dira beti nahikoa merkatari bat irudien lan-fluxu eskasa saihesteko.

Tamaina helburuak ez dira ausazkoak

Web bidezko bidalketarako jarraibide teknikoek normalean 800 eta 1000 px inguruko produktuen argazkiak eta 80 eta 150 KB artekoak izatea eskatzen dute, irudi nagusienak 200 KB baino gutxiagokoak, eta orrialdeko irudien aurrekontu osoa 500 KB baino gutxiagokoa. Jarraibide berak JPEG formatuak 200 eta 600 KB ingurukoak izaten dira, WebP formatuak 150 eta 450 KB artean, AVIF formatuak 80 eta 300 KB artean, eta PNG formatuak 500 KB eta 3 MB artean ( Vizua ). Tarte horiek daude irudiaren pisua eta orrialdearen errendimendua lotuta daudelako.

Orrialde batek ez du zertan artifizialki txikia izan behar azkarra izateko. Diziplinatua izan behar du, bai. Irudien karga puztuta badago, nabigatzailea eroslearen esperientzia hobetzen ez duen lana egitera behartzen ari zara. SEO kostu zuzena da hori, ez teorikoa.

Shopify-n oinarritutako auditoria-prozesu zabalagoari buruzko ikuspegi batetik, Shopify-rako irudien SEO gida hau erreferentzia-puntu erabilgarria da.

Helburuko irudi-fitxategien tamainak Shopify kokapenaren arabera

Asmatzeari uzteko modurik errazena dendaren erakusleihoko rol bisual bakoitzerako fitxategi-tamaina aurrekontu bat ezartzea da. Heroi banner batek miniatura batek baino lan desberdina egiten du, eta bilduma-sareta ez da esportatu behar handitzeko moduko produktu-irudi baten pisu berarekin. Merkatariek irudi-fitxategien tamaina benetako kokapenei esleitzen dietenean, errazagoa da denda azkar mantentzea eta askoz errazagoa da auditatzea.

Utzi dendaren diseinuak zure esportazio aukerak baldintzatzen

Zabalera osoko irudiek diseinu-bloke txikiek baino leku gehiago behar izaten dute normalean. Irudi-gidaritza moldagarriak normalean 1600 px inguruko zabalera osoko irudiak eta 200 eta 300 KB artekoak dira, % 25etik % 50era bitarteko diseinu-irudi txikiagoek 800 px ingurukoak eta 70 eta 350 KB artekoak , eta bistaratze-espazioaren 2x inguruko tamaina duten irudiak, dentsitate handiko pantailetan zorrotz ager daitezen. Praktikan, horrek esan nahi du iturburu-argazki berak askotan esportazio desberdinak behar dituela, bat betetzen duen zirrikituarentzat eta bestea pantaila trinko batek espero duen errendatze zorrotzagoarentzat.

Shopify kokapenaren araberako irudi fitxategiaren tamaina helburuak Kokapena Helburuaren zabalera Helburuko fitxategiaren tamaina Gomendatutako formatua
Heroiaren bandera Orriaren goialdeko heroia 1600 px inguru 200 eta 300 KB artean JPEG edo WebP
Bilduma-sarearen miniatura Bildumako teilak 400 eta 600 px inguru 40 eta 80 KB artean JPEG edo WebP
Produktuaren orrialdeko argazkia Produktu galeria nagusia 800 eta 1200 px artean 100 eta 200 KB artean JPEG, WebP edo AVIF
Irudi txikia edo lagin-irudia Euskarri-zirrikitu txikia 200 eta 400 px artean Ahalik eta arinena mantendu JPEG edo PNG, edukiaren arabera

Irudi nagusi batek pisu gehiago izan dezake, bistaratze-eremu gehiago betetzen duelako. Bilduma-lauza batek ezin du. Hori da merkatariek kontuan izan behar duten aldea Shopify ataletarako irudiak esportatzen dituztenean, fitxategiaren tamaina irudiak orrialdean hartzen duen espazioarekin bat etorri behar baita.

Zergatik irudi berak esportazio bat baino gehiago behar izan dezakeen

Produktu-orri batek fitxategi beraren hainbat bertsio eskaintzen ditu askotan markaketa erantzunkorren bidez. Hori normala da. Nabigatzaileak fitxategi txikiago bat jaso beharko luke pantaila txikiagoetarako eta handiagoa diseinuak behar duen lekuetan bakarrik. Konfigurazio horrek zoomaren kalitatea mantentzen du bisitari guztiei gehiegizko kargarik bidali gabe.

Logika bera aplikatzen da produktuen galeriatik haratago. Denda-aurreikuspen batek askotan tratamendu bat behar du protagonista nagusiarentzat, beste bat bilduma-txartelentzat eta beste bat xehetasun hurbileko irudientzat. Sare sozialetako eta partekatzeko aktiboak denda-aurreikuspenen bisualekin lerrokatuta mantendu nahi badituzu, Shopify-ren sare sozialetako irudien gida honek produktuaren orrialdetik kanpoko beharrak irudi-fluxu berdinarekin lotzen laguntzen du.

Shopify-ren araua: utzi zirrikituak esportazioa erabakitzen. Heroi bat eskuzabala izan daiteke. Sareta txiki batek ezin du.

Arau horrek irudi erraldoi bat igo eta gaiak konpontzea espero izatearen ohiko akatsa saihesten du. Gaiek lagun dezakete, baina ezin dute esportazio erabaki txar bat desegin.

Dendak motel mantentzen dituzten ideia oker ohikoenak

Shopify denda motel asko motel doaz norbaitek erdi-egiazko arau bat sinetsi eta behin eta berriz errepikatzen duelako. Ohitura horiek auditorietan behin eta berriz agertzen dira, normalean hasieran aholkuak zentzuzkoak iruditu zitzaizkiolako eta ez zirelako inoiz denda batek nola kargatzen duen egiaztatu. Ohitura errendimendutik bereizten duzunean, konponketak normalean errazak dira.

Saihestu daitekeen puzkera eragiten duten bost sinesmen

  • Bereizmen handiagoak beti esan nahi du kalitate hobea. Hori egia izateari uzten dio irudia betetzen duen espazioa baino handiagoa denean. Pixel gehigarriek ez diote ezer egiten eroslearen ikuspegiari, pisua gehitzen diote soilik.
  • PNG beti da JPEG baino zorrotzagoa. PNG aukera egokia da ertz zorrotzak dituzten logotipo eta grafikoetarako, baina produktuen argazkiek normalean ez dute galerarik gabeko gainkarga hori behar.
  • Shopify-k automatikoki optimizatzen du dena. Shopify-k kasu batzuetan laguntzen du, baina jatorrizko igoerak aktiboak izan dezakeen pisuaren muga ezartzen du oraindik.
  • WebP-k SEOri kalte egiten dio, Google-k ezin duelako irakurri. Uste hori zaharkituta dago. Bilaketa-sistemek formatu modernoak errendatu ditzakete, ohiko irudiak bezala.
  • Irudiaren tamaina mahaigaineko ordenagailuan bakarrik axola du. Mugikorreko erosleek fitxategien pisua sentitzen dute lehenik, haien gailuek eta konexioek errore-tarte gutxiago baitute.

Zuzenketa-merkatariek berehala erabil dezakete

Konponketa rolarekin hasten da, ez ohiturarekin. Irudi heroiko batek orriaren goialdean egoteko adina kalitate behar du. Bilduma-lauzak arina izan behar du sareta garbi kargatzeko. Zoom bidezko irudi batek xehetasun gehiago izan ditzake, beste lan bat betetzen duelako, eta miniatura edo lagin batek, berriz, diseinuak ahalbidetzen duen bezain txikia izan behar du.

Horregatik sortzen ditu arazoak irudi bakoitzerako esportazio-arau bakarrak. Aktiboa argazki bat bada, esportatu abiadura eta kolore sinesgarriak lortzeko. Testua edo gardentasuna duen grafiko bat bada, babestu ertzak eta onartu fitxategia handiagoa izan daitekeela. Zirrikitu estu batean badago, ez igo zabalera osoan bistaratzeko pentsatutako fitxategirik.

Bereizmen atalean azaldu bezala, 24MP-ko irudi batek 2 eta 8 MB artean har dezake konpresioaren ondoren, eta hori nahikoa da pixel kopuruak bakarrik ez dizula esaten irudi bat weberako prest dagoen ala ez erakusteko. Oinarrizko galdera da fitxategiak zerbitzatzen duen Shopify kokapenarekin bat egiten duen ala ez. Heroi batek sareta-txartel bat baino gehiago onartu dezake, eta zoom-irudi batek miniatura bat baino gehiago. Esportazioa rolari egokitu behar zaio.

Antzeko akats bat aktibo guztiek metadatuen garbiketa bera merezi dutela pentsatzea da. Irudia agertzeko bezain garrantzitsua bada, lehenik auditatu beharreko bezain garrantzitsua da. Erabili Shopify irudietarako alt testu sortzailea lan-fluxuaren zati hori koherentea mantentzeko, eta gero ebaluatu fitxategiaren tamaina beteko duen zirrikituarekin alderatuta.

Hori da denda gehienek ahazten duten zatia. Fitxategia ez da zertan txikia izan. Egokia izan behar du.

Hurrengo Irudi Multzorako Errepikagarria den Kontrol-zerrenda

Irudi-fluxu garbiena zure taldeak asmatu gabe errepika dezakeena da. Egiaztapen berdinak ordena berean egiten diren bakoitzean, tamaina handiko kargatze gutxiago, diseinu-sorpresa gutxiago eta katalogoan ezkutatutako produktu-orrialde motel gutxiago izango dituzu. Produktu berri bat kaleratzen ari bazara edo gai bat freskatzen ari bazara, exekutatu multzoa errutina honen bidez ezer argitaratu aurretik.

Shopify-ri egokitzen zaion esportazio errutina sinple bat

  1. Esportatu kokapenerako helburuko zabaleran. Heroi, bilduma-txartel, produktuaren zoom-irudi eta miniatura bakoitzak lan desberdinak ditu, beraz, ez igo fitxategi handiagorik jatorrizko irudiak ahalbidetzen duelako bakarrik.
  2. Aukeratu formatua rolaren arabera. Argazkiak normalean JPEG, WebP edo AVIF formatuetan sartzen dira. Logotipoak eta testu asko duten grafikoak hobeto egokitzen dira PNG formatuan gardentasuna edo ertz zorrotzak garrantzitsuak direnean.
  3. Gorde zuzeneko dendako bertsio bat eta zoom bertsio bat behar izanez gero. Zoom fitxategiak xehetasun gehiago gorde ditzake, baina ikusgai dagoen orrialdeak ez luke pisu hori izan behar, diseinuak benetan behar ez badu behintzat.
  4. Ahal den guztietan, erabili formatu moderno arinagoa. Erabili WebP edo AVIF irudi biziarentzat, eta mantendu JPEG ordezko gisa bateragarritasuna garrantzitsua den kasuetan.
  5. Argitaratu aurretik, egiaztatu irudiaren metadatuak eta alt testua. Aktiboa agertzeko bezain garrantzitsua bada, auditatu ahal izateko bezain garrantzitsua da. Erabili RankEngine-ren alt testu sortzailea lan-fluxuaren zati hori koherentea mantentzeko.

Pantaila-argazkia https://rankengine.app-etik aterata

Zer erosten dizu koherentziak

Hobekuntza txikiak katalogo osoan pilatzen dira. Irudi arinago batek ez du denda bat eraldatuko bere kabuz, baina produktuen argazki, bilduma-lauzak eta miniaturak tamaina oneko multzo oso batek dendaren erakusleihoa garbiagoa, azkarragoa eta erosketak egiteko errazagoa izan daiteke. Bezeroek hori nabaritzen dute, fitxategien tamainez inoiz hitz egin ez arren.

Zure taldeak irudien metadatuak eskala handian kudeatzen baditu, RankEngine-ren alt testu sortzaileak lan-fluxuaren zati hori martxan mantendu dezake, igoera bakoitza eskuzko lan bihurtu gabe.

Aplikatu errutina hau zure hurrengo multzoan, eta zure dendaren erakusleihoa azkarrago kargatuko da berehala.