Probabbilment ġralek dan. Paġna ta' prodott tidher illustrata f'Shopify, ir-ritratti huma preċiżi fl-editur, u mbagħad il-viżitaturi mobbli jibdew jaqbżu 'l barra filwaqt li l-punteġġ PageSpeed tiegħek jibqa' b'mod riġidu fis-sittinijiet. Il-problema ġeneralment mhix "disinn ħażin." Hija li d- daqsijiet tal-fajl tal-istampi huma tqal wisq għat-tqassim, u kull byte żejjed irid jivvjaġġa qabel ma xerrej jara l-prodott, il-prezz, jew il-buttuna żid mal-karrettun.

Huwa għalhekk li d-deċiżjonijiet dwar l-immaġni fuq vetrina qatt ma huma biss deċiżjonijiet dwar id-disinn. Dawn jaffettwaw il-veloċità tal-paġna , il-kwalità viżwali , u kemm mill-paġna Google jista' jfittex u jirrendi malajr biżżejjed biex ikun importanti. Jekk trid shortcut prattiku biex tbiddel id-daqs mingħajr ma taħseb, il-gwida ta' Yassine Malti dwar it-tibdil tad-daqs tal-immaġni hija sieħeb utli, għax tgħinek tifhem il-mekkaniżmi qabel ma ttella' l-lott li jmiss.

Werrej tal-Kontenut

Għaliex id-Daqsijiet tal-Fajls tar-Ritratti huma Importanti fuq Ħanut Shopify

Negozjant jista' jħares lejn paġna ta' prodott illustrata fl-admin ta' Shopify u xorta ma jarax il-problema sottostanti. Il-paġna tista' tħossha tajba fuq laptop permezz tal-Wi-Fi, imbagħad tiġġarraf fuq il-mowbajl, l-immaġni ewlenija tidher tard, u x-xerrej jiskrollja 'l barra mill-paġna qabel ma tħossha lesta. Dik id-differenza bejn paġna li tidher tajba u waħda li titgħabba malajr hija fejn id-daqsijiet tal-fajls tal-istampi jiddeċiedu jekk żjara ssirx dħul jew frizzjoni.

Il-kompetizzjoni moħbija f'kull paġna

Kull immaġni fuq vetrina tikkompeti mat-test, l-iskripts, l-iskema, u l-paċenzja tal-klijent. Jekk ir-ritratt ewlieni jkun kbir iżżejjed, jagħmel aktar milli jiekol il-bandwidth, inaqqas il-mument meta l-viżitatur ikun jista' jiġġudika l-offerta. Il-piż tal-immaġni huwa mistoqsija ta' konverżjoni u mistoqsija dwar Core Web Vitals fl-istess ħin.

Il-merkanti ta' Shopify ġeneralment iħossu dan l-ewwel fuq il-paġni tal-prodotti u l-paġni tal-kollezzjoni. Ftit ritratti kbar jistgħu jagħmlu t-tqassim kollu jħossu tqil, speċjalment fuq netwerks mobbli, u dak il-piż jidher fil-postijiet li huma l-aktar importanti, l-eroj, il-grid tal-kollezzjoni, iż-zoom tal-prodott, u t-thumbnails. Immaġni eroj għandha xogħol differenti minn thumbnail, għalhekk m'għandhiex iġġorr l-istess piż ta' daqs ta' fajl. L-istess jgħodd għall-grids tal-kollezzjoni, fejn immaġini ripetuti jakkumulaw malajr u jikkastigaw kull skrolljar.

Id-daqs tal-fajl tal-istampa jaffettwa wkoll kemm il-paġna ssir użabbli malajr, u huwa għalhekk li jappartjeni fl-istess konverżazzjoni bħall-ippjanar tat-tqassim. Id-dimensjonijiet mhux ipproċessati tal-istampa huma importanti, iżda d-daqs tal-fajl li jista' jitwassal huwa dak li l-browser irid iġib u jiddekodifika. Kif spjegat fil -gwida dwar it-tibdil tad-daqs tal-istampa ta' Yassine Malti , esportazzjoni iżgħar tista' tippreserva r-rwol viżwali tal-istampa filwaqt li tneħħi l-piż bla bżonn.

Il-benefiċċju prattiku

Ir-raġuni għaliex dan huwa importanti hija sempliċi. L-għadd ta' pixels sottostanti jistabbilixxi l-linja bażi, u l-kompressjoni u l-format jiddeċiedu d-daqs finali tal-fajl. Immaġni ta' 24 megapixel f'24-bit RGB fiha madwar 72 miljun byte ta' dejta mhux ipproċessata tal-pixels, filwaqt li l-istess immaġni tista' tkun madwar 423.41 KB bħala JPEG b'kwalità ta' 100% jew bejn wieħed u ieħor 211.7 KB b'kwalità JPEG ta' 90%, skont l-għażliet tal-esportazzjoni ( Scantips ). Dik id-differenza hija r-raġuni għaliex żewġ ħwienet jistgħu jużaw immaġnijiet li jidhru kważi identiċi u xorta jiksbu riżultati ta' veloċità differenti ħafna.

Regola prattika: Jekk immaġni hija aktar importanti għall-bejgħ milli għad-dekorazzjoni, agħtiha mira tad-daqs tal-fajl qabel ma ttellagħha.

Dak huwa l-istandard li għandhom jużaw il-merkanti. Issettja baġit għal kull slott tal-vetrina, imbagħad qabbel il-fajl max-xogħol. Banner ewlieni jista' jiġġustifika aktar piż minn thumbnail, iżda l-ebda wieħed m'għandu jisforza lill-bqija tal-paġna biex iġġorr bagalji żejda. Ladarba dik id-drawwa tkun fis-seħħ, il-paġni tal-prodott ikunu aktar faċli biex jiġu ġestiti, u kull upload ġdid ikollu post fejn jidħol minflok ma jsir piż ieħor moħbi.

Daqs tal-Immaġni vs Daqs tal-Fajl u Għaliex It-Tnejn Huma Importanti

Il-merkanti spiss jużaw dawn it-termini bħallikieku jfissru l-istess ħaġa, imbagħad jistaqsu għaliex immaġni tidher tajba fl-admin iżda tnaqqas il-veloċità tal-ħanut. Id-daqs tal-immaġni huwa d-dimensjonijiet tal-pixel, wisa' bl-għoli. Id-daqs tal-fajl huwa l-piż tal-fajl esportat f'bytes fuq id-diska, ġeneralment KB jew MB, u jinbidel bil-kompressjoni, il-format, u l-fond tal-bits. Żewġ immaġni jistgħu jaqsmu l-istess dimensjonijiet u xorta joħolqu spejjeż ta' tagħbija differenti ħafna.

Dijagramma li tqabbel id-daqs tal-immaġni f'pixels mad-daqs tal-fajl f'bytes għall-fotografija u l-grafika diġitali.

Il-pixels jistabbilixxu l-limitu

Il-pixels jiddefinixxu kemm jista' jżomm dettall viżwali l-fajl. Immaġni ta' 24-megapixel f'RGB ta' 24-bit fiha madwar 72 miljun byte ta' dejta mhux ipproċessata tal-pixels għaliex 24 miljun pixel × 3 bytes għal kull pixel = 72,000,000 byte . Dak in-numru mhux ipproċessat huwa l-punt tat-tluq għall-esportazzjoni, mhux il-piż finali li jirċievi l-browser.

L-għażliet tal-esportazzjoni jibdlu r-riżultat malajr. L-istess ritratt tas-sors jista' joħroġ madwar 423.41 KB bħala JPEG b'kwalità ta' 100% u madwar 211.7 KB b'kwalità JPEG ta' 90%. Il-pixels jibqgħu l-istess, filwaqt li l-esportazzjoni tippreserva aktar jew inqas mid-dettall oriġinali.

Il-kompressjoni u l-format jiddeċiedu r-riżultat

Ħafna verifiki ta' Shopify imorru ħażin hawnhekk. Il-merkanti jassumu li immaġni kbira trid tkun tqila wisq għall-web, iżda d-dimensjonijiet u l-piż tal-fajl huma deċiżjonijiet separati. Immaġni ta' dimensjoni kbira xorta tista' tkun fajl raġonevoli jekk tiġi esportata sew. Grafika li tidher modesta tista' ssir minfuħa jekk tiġi ssejvjata fil-format ħażin jew fil-kwalità ħażina.

Dik id-differenza hija importanti skont ir-rwol tal-vetrina. Banner ewlieni jista' jkollu aktar piż viżwali minn thumbnail, iżda immaġni ta' grid ta' kollezzjoni xorta trid tibqa' ħafifa biżżejjed biex il-paġna titgħabba b'mod nadif. Ir-ritratti taż-żum tal-prodott jeħtieġu biżżejjed dettall tal-pixel biex jinżammu mill-qrib, filwaqt li l-islots tat-thumbnail ġeneralment jaħlu l-bandwidth jekk l-esportazzjoni żżomm ħafna aktar dettall milli jista' juri t-tqassim.

Regola ġenerali: Il-pixels jistabbilixxu kemm dettall viżwali jista' juri l-immaġni. Id-daqs tal-fajl jistabbilixxi kemm ix-xerrej tiegħek irid iniżżel.

Żomm dawk iż-żewġ numri separati u l-ippjanar tal-immaġni jsir aktar faċli. Slott dejjaq għat-thumbnails ma jibbenefikax minn dimensjonijiet kbar iżżejjed. Immaġni b'zoom ta' paġna ta' prodott teħtieġ biżżejjed pixels biex tidher ċara, iżda l-fajl esportat xorta jrid jibqa' raġonevoli għal Core Web Vitals u għall-bqija tal-paġna li trid titgħabba madwaru.

JPEG, PNG, WebP, u AVIF Imqabbla

Kull format ta' immaġni jservi skop differenti fuq vetrina Shopify. Ritratt ta' prodott, logo, u screenshot kollha jeħtieġu trattament differenti, anke meta jkunu fl-istess tema. Agħżel il-format ibbażat fuq ix-xogħol li l-immaġni għandha tagħmel fuq il-paġna, mhux fuq id-drawwa.

Infografika li tqabbel il-formati tal-immaġni JPEG, PNG, WebP, u AVIF b'deskrizzjonijiet tal-karatteristiċi u l-każijiet ta' użu tagħhom.

JPEG u PNG xorta jiksbu posthom

JPEG jibqa' l-għażla standard għar-ritratti. Jikkompressa tajjeb, jaħdem kważi kullimkien, u ġeneralment iżomm l-immaġni tal-prodott ħafifa biżżejjed għall-web. PNG jaqbel ma' immaġni li jeħtieġu truf preċiżi, kulur ċatt, trasparenza, jew test, u huwa għalhekk li l-logos u l-grafika tal-UI spiss jappartjenu hemm anke jekk il-fajls ġeneralment ikunu itqal.

Dik id-distinzjoni hija importanti fuq Shopify għax il-ħwienet ġeneralment iħalltu ż-żewġ tipi ta’ assi. Ritratt tal-istil ta’ ħajja ssejvjat bħala PNG ġeneralment ikun aktar piż milli teħtieġ li ġġorr il-vetrina. Logo ssejvjat bħala JPEG jista’ jidher mhux maħdum jew jitlef it-trasparenza, u dan joħloq tindif li jista’ jiġi evitat aktar tard. Il-format għandu jsegwi x-xogħol, mhux id-drawwa.

Karta ta' kollezzjoni hija eżempju tajjeb. Jekk l-immaġni hija ritratt nadif ta' prodott, JPEG ġeneralment iżomm il-piż baxx mingħajr ma jagħmel ħsara lill-veduta li jiksbu x-xerrejja. Jekk l-assi huwa badge, ikona, jew logo fuq sfond ikkulurit, PNG jipproteġi t-truf aħjar u jevita halos ikrah.

Daqsijiet tal-fajls push WebP u AVIF aktar baxxi

Il-formati moderni ġeneralment inaqqsu d-daqs tal-fajl aktar. Għal eżempju ta' immaġni bi kwalità komparabbli, JPEG b'75% huwa madwar 1.25–1.53 MB , WebP lossy huwa madwar 0.72–0.88 MB , AVIF huwa madwar 0.57–0.69 MB , u JPEG XL huwa madwar 0.55–0.67 MB ( W3Techs ). Dan huwa tnaqqis sinifikanti mid-drawwiet ta' esportazzjoni l-antiki, u jispjega għaliex ħafna vetrini jistgħu jnaqqsu l-piż mingħajr ma jagħmlu r-ritratti jidhru rotob.

Il-problema hi li l-għażla tal-format xorta tiddependi fuq il-kontenut innifsu. WebP u AVIF jistgħu jaħdmu tajjeb ħafna għall-fotografija tal-prodott, iżda l-grafika bit-trasparenza tista' taġixxi b'mod differenti. Jekk fajl huwa l-aktar ritratt, uża format li jikkompressa dak it-tip ta' immaġni b'mod effiċjenti. Jekk huwa logo jew grafika bit-trasparenza, uża l-format li jżomm it-truf nodfa.

Fuq vetrina Shopify, dan ġeneralment ifisser format wieħed għall-banner ewlieni, ieħor għal-logo, u ieħor għal ritratti mill-qrib tal-prodott. L-għażla t-tajba hija inqas dwar x'jidher modern u aktar dwar x'iżomm il-paġna veloċi filwaqt li xorta turi l-immaġni b'mod ċar fil-pożizzjoni attwali tagħha.

Regola tad-deċiżjoni: Ritratt b'nies, prodotti, jew nisġa, agħżel JPEG jew WebP. Grafika ċatta, logos, jew screenshots, agħżel PNG. Jekk il-fluss tax-xogħol tiegħek jista' jappoġġja fallback, AVIF jew WebP hija l-għażla ta' live-store aktar nadifa.

Kif ir-Riżoluzzjoni u l-Kompressjoni Jbiddlu n-Numri

Fajl jista’ jidher tajjeb fuq l-iskrin tiegħek u xorta jkun ħafna itqal milli suppost. Din hija l-parti li l-merkanti jħossu l-ewwel f’Shopify, għaliex l-istess immaġni tista’ ġġib ruħha b’mod differenti ħafna bħal banner ewlieni, maduma ta’ grilja ta’ kollezzjoni, ritratt ta’ prodott b’zoom, jew thumbnail żgħira. Ir-riżoluzzjoni tikkontrolla kemm pixels qed titlob lill-browser biex iġorr, u l-kompressjoni tikkontrolla kemm minn dak il-piż jiġi mnaqqas qabel ma titgħabba l-paġna.

Aktar pixels ifissru aktar dejta

Immaġni akbar mhijiex biss kanvas akbar, hija aktar dejta mhux ipproċessata biex il-browser jipproċessaha. Kif intwera qabel, immaġni ta' 24MP fiha madwar 72 miljun byte ta' dejta mhux ipproċessata qabel ma tibda l-kompressjoni. Jekk tesporta l-istess xena b'għadd ta' pixels ogħla milli teħtieġ il-vetrina, il-fajl isir itqal anke jekk ir-ritratt jidher kważi identiku ladarba jintwera.

Huwa għalhekk li l-esportazzjonijiet kbar iżżejjed jikkawżaw aktar milli sempliċi imbarazz tal-ħażna. Iżidu l-piż tat-trasferiment, iġegħlu l-browser jaħdem aktar, u jistgħu jnaqqsu l-veloċità tal-immaġni fil-post eżatt fejn ix-xerrejja jistennew li l-paġna tħossha mgħaġġla. Madum tal-grilja tal-kollezzjoni m'għandux bżonn l-istess tagħbija bħal immaġni tal-prodott li tista' tiġi zoomed, u thumbnail jeħtieġ ħafna inqas minn kwalunkwe wieħed minnhom.

Il-kompressjoni ssalvak, imma ma teħlisx pixels żejda

Il-kompressjoni tista' tnaqqas fajl sors kbir għal xi ħaġa li Shopify jista' jservi b'mod effiċjenti, iżda ma tneħħix l-ispiża tal-użu ta' aktar pixels milli teħtieġ il-pożizzjoni. Jekk ritratt ta' prodott se jidħol f'gallerija b'zoom attivat, trid biżżejjed dettall biex jibqa' ċar fuq skrin tajjeb. Jekk l-istess immaġni se tidħol biss f'karta ta' kollezzjoni, it-tbaħħir tal-verżjoni tad-daqs sħiħ huwa sforz moħli.

Il-mod ċar kif wieħed jaħseb dwarha huwa sempliċi. Il-pixels jistabbilixxu l-limitu għall-ħela , għax dimensjonijiet kbar iżżejjed joħolqu piż li jista' jiġi evitat. L-issettjar tal-kwalità jistabbilixxi l-limitu għall-iffrankar , għax jiddeċiedi kemm iżżomm dettall l-esportazzjoni. Il-format jikkontrolla kemm tgħin dik il-kompressjoni , għax tipi differenti ta' fajls ma jiċkienux bl-istess mod.

Għal gwida dwar id-daqs tal-immaġni marbuta mal-każijiet ta' użu ta' Shopify, din il-gwida tas-SEO tal-immaġni ta' Shopify hija sieħba utli. Tgħin biex tgħaqqad id-deċiżjoni tal-esportazzjoni mat-tqegħid attwali minflok ma tittratta kull immaġni tal-vetrina bħallikieku sservi l-istess xogħol.

Immaġni ewlenija, tajl ta' kollezzjoni, u thumbnail kollha jitolbu livelli differenti ta' dettall. Din hija l-parti li ġeneralment il-merkanti jitilfu, u huwa għalhekk li bidla żgħira fir-riżoluzzjoni tista' tidher li ma tagħmilx ħsara f'editur filwaqt li xorta toħloq ħanut itqal fil-browser.

Core Web Vitals u l-Ispiża SEO ta' Stampi Tqil

Stampi tqal jagħmlu ħsara lis-SEO b'mod dirett ħafna, għax Google ikejjel l-esperjenza, mhux l-intenzjoni wara t-tlugħ. Fuq ħafna paġni ta' Shopify, l-akbar immaġni viżibbli hija l-ħaġa li x'aktarx tikkontrolla l-esperjenza tat-tagħbija. Jekk dik l-immaġni tkun tqila wisq, Largest Contentful Paint tnaqqas il-veloċità, u l-viżitatur jistenna aktar qabel ma l-paġna tħossha użabbli.

Grafika b'bars li turi kif iż-żieda fid-daqs tal-fajls tal-immaġni tħalli impatt negattiv fuq il-ħinijiet tat-tagħbija tal-paġna tal-Largest Contentful Paint.

LCP ġeneralment jingħata t-tort għall-ħaġa ħażina

Il-merkanti spiss jagħtu t-tort lill-apps, l-iskripts, jew il-kodiċi tat-tema l-ewwel, u xi kultant ikollhom raġun. Iżda l-immaġni ewlenija spiss tkun l-aktar rebħa faċli. Ritratt ewlieni kbir jista' jżomm lura l-mument li l-paġna ssir sinifikanti, speċjalment fuq il-mowbajl, fejn il-kwalità tal-konnessjoni tvarja u l-viewport huwa żgħir biżżejjed li assi kbar iżżejjed ikunu faċli biex jiġu identifikati.

Il-metrika l-oħra li l-piż tal-immaġni jaffettwa hija l-Bidla Kumulattiva fil-Layout . Jekk it-tema tiegħek ma tirriżervax spazju kif suppost għall-immaġnijiet, il-layout jaqbeż hekk kif jitgħabbew l-assi. Dan iħoss traskurat għax-xerrejja u jagħmel il-paġna aktar diffiċli biex tintuża. It-temi ta' Shopify spiss jagħmlu parti minn dan ix-xogħol diġà, iżda mhux dejjem biżżejjed biex isalvaw lil negozjant minn fluss tax-xogħol ħażin tal-immaġni.

Il-miri tad-daqs mhumiex każwali

Gwida teknika għall-kunsinna fuq l-internet ġeneralment titlob ritratti tal-prodott ta' madwar 800 sa 1000 px u 80 sa 150 KB , immaġnijiet ewlenin taħt il- 200 KB , u baġit totali għall-immaġni tal-paġna taħt il- 500 KB . L-istess gwida tqiegħed il-JPEGs spiss madwar 200 sa 600 KB , WebP għal 150 sa 450 KB , AVIF għal 80 sa 300 KB , u PNG għal 500 KB sa 3 MB ( Vizua ). Dawk il-firxiet jeżistu għaliex il-piż tal-immaġni u l-prestazzjoni tal-paġna huma marbuta flimkien.

Paġna m'għandhiex għalfejn tkun artifiċjalment ċkejkna biex tkun veloċi. Jeħtieġ li tkun dixxiplinata. Jekk it-tagħbija tal-immaġni tiegħek tkun minfuħa, tkun qed iġġiegħel lill-browser jagħmel xogħol li ma jtejjibx l-esperjenza tax-xerrej. Dak huwa spiża diretta tas-SEO, mhux waħda teoretika.

Għal angolu ffukat fuq Shopify dwar il-proċess usa' tal-awditjar, din il-gwida SEO tal-immaġni għal Shopify hija punt ta' referenza utli.

Daqsijiet tal-Fajls tal-Istampi fil-Mira skont Shopify Placement

L-aktar mod faċli biex tieqaf taħseb huwa li tissettja baġit għad-daqs tal-fajl għal kull rwol viżwali fuq il-vetrina. Banner ewlieni jagħmel xogħol differenti minn thumbnail, u grid ta' kollezzjoni m'għandux jiġi esportat bl-istess piż bħal immaġni ta' prodott li tista' tiġi zoomed. Ladarba l-merkanti jassenjaw daqsijiet ta' fajls ta' stampi għal pożizzjonijiet attwali, il-ħanut ikun aktar faċli biex jinżamm malajr u ħafna aktar faċli biex jiġi awditjat.

Ħalli t-tqassim tal-vetrina jiddetta l-għażliet tal-esportazzjoni tiegħek

Immaġnijiet b'wisa' sħiħ ġeneralment jeħtieġu aktar spazju minn blokki żgħar ta' tqassim. Gwida tal-immaġni responsiva ġeneralment tipponta lejn immaġnijiet b'wisa' sħiħ ta' madwar 1600 px u 200 sa 300 KB , immaġnijiet iżgħar b'25% sa 50% tqassim eqreb lejn 800 px u 70 sa 350 KB , u immaġnijiet b'daqs ta' madwar 2× l-ispazju tal-wiri sabiex xorta jidhru ċari fuq skrins ta' densità għolja. Fil-prattika, dan ifisser li l-istess ritratt sors ħafna drabi jeħtieġ esportazzjonijiet differenti, waħda għall-islott li jimla u waħda għar-rendering aktar ċar li jistenna skrin dens.

Miri tad-Daqs tal-Fajl tal-Istampa skont Shopify Placement Tqegħid Wisa' tal-Mira Daqs tal-Fajl fil-Mira Format Rakkomandat
Bandiera tal-eroj Eroj fil-parti ta' fuq tal-paġna Madwar 1600 px 200 sa 300 KB JPEG jew WebP
Thumbnail tal-grilja tal-kollezzjoni Madum tal-kollezzjoni Madwar 400 sa 600 px 40 sa 80 KB JPEG jew WebP
Ritratt tal-paġna tal-prodott Gallerija ewlenija tal-prodotti Madwar 800 sa 1200 px 100 sa 200 KB JPEG, WebP, jew AVIF
Immaġni ta' thumbnail jew swatch Slott żgħir ta' appoġġ Madwar 200 sa 400 px Żomm kemm jista' jkun ħafif JPEG jew PNG, skont il-kontenut

Immaġni ewlenija tista' ġġorr aktar piż għax timla aktar mill-viewport. Maduma ta' kollezzjoni ma tistax. Din hija d-differenza li l-merkanti għandhom iżommu f'moħħhom meta jesportaw immaġnijiet għal sezzjonijiet ta' Shopify, għax id-daqs tal-fajl għandu jaqbel mal-ispazju li tokkupa l-immaġni fuq il-paġna.

Għaliex l-istess immaġni tista' teħtieġ aktar minn esportazzjoni waħda

Paġna ta' prodott spiss isservi diversi verżjonijiet tal-istess fajl permezz ta' markup responsiv. Dan huwa normali. Il-browser għandu jieħu fajl iżgħar għal skrins iżgħar u wieħed akbar biss fejn it-tqassim jeħtieġu. Dak is-setup iżomm il-kwalità taż-żum intatta mingħajr ma jibgħat ammont kbir bla bżonn lil kull viżitatur.

L-istess loġika tapplika lil hinn mill-gallerija tal-prodotti. Vetrina spiss teħtieġ trattament wieħed għall-eroj prinċipali, ieħor għall-karti tal-kollezzjoni, u ieħor għal immaġnijiet ta' dettalji mill-qrib. Jekk trid iżżomm l-assi soċjali u ta' qsim allinjati mal-viżwali tal-vetrina, din il-gwida tal-immaġni soċjali ta' Shopify tgħin biex tgħaqqad dawk il-ħtiġijiet barra l-paġna tal-prodott mal-istess fluss tax-xogħol tal-immaġni.

Regola ġenerali ta' Shopify: Ħalli l-islott jiddeċiedi l-esportazzjoni. Eroj jista' jkun ġeneruż. Thumbnail ta' grid ma jistax.

Dik ir-regola tipprevjeni l-iżball komuni li wieħed ittella’ immaġni ġganteska waħda u jittama li t-tema tirranġaha. It-temi jistgħu jgħinu, iżda ma jistgħux iħassru deċiżjoni ħażina dwar l-esportazzjoni.

Kunċetti Żbaljati Komuni Li Jżommu l-Ħwienet Bil-Mod

Ħafna ħwienet Shopify li huma kajmani huma kajmani għax xi ħadd emmen regola nofsha vera u baqa’ jirrepetiha. Dawk id-drawwiet jidhru f’awditi ripetutament, ġeneralment għax il-parir għall-ewwel deher sensibbli u qatt ma ġie vverifikat kontra kif titgħabba vetrina. Ladarba tissepara d-drawwa mill-prestazzjoni, is-soluzzjonijiet ġeneralment ikunu sempliċi.

Ħames twemmin li jikkawżaw nefħa li tista' tiġi evitata

  • Riżoluzzjoni ogħla dejjem tfisser kwalità aħjar. Dan ma jibqax veru ladarba l-immaġni tkun diġà akbar mill-ispazju li timla. Il-pixels żejda ma jagħmlu xejn għall-veduta tax-xerrej, iżidu biss il-piż.
  • Il-PNG dejjem huwa aktar ċar mill-JPEG. Il-PNG hija l-għażla t-tajba għal-logos u l-grafika bi truf iebsin, iżda r-ritratti tal-prodotti ġeneralment ma jeħtiġux dak l-overhead mingħajr telf.
  • Shopify jottimizza kollox awtomatikament. Shopify jgħin f'xi każijiet, iżda t-tlugħ oriġinali xorta jistabbilixxi l-limitu massimu ta' kemm jista' jkun tqil l-assi.
  • Il-WebP jagħmel ħsara lis-SEO għax Google ma jistax jaqrah. Dik it-twemmin hija antikwata. Is-sistemi ta' tiftix jistgħu jirrendu formati moderni bħal immaġini regolari.
  • Id-daqs tal-immaġni huwa importanti biss fuq id-desktop. Dawk li jixtru mill-mowbajl iħossu l-piż żejjed tal-fajl l-ewwel, għax l-apparati u l-konnessjonijiet tagħhom għandhom inqas lok għal żbalji.

Il-merkanti tal-korrezzjoni jistgħu jużaw immedjatament

It-tiswija tibda bir-rwol, mhux bid-drawwa. Immaġni ewlenija teħtieġ biżżejjed kwalità biex iżżomm il-parti ta’ fuq tal-paġna. Maduma ta’ kollezzjoni trid tibqa’ ħafifa sabiex il-grilja titgħabba b’mod nadif. Immaġni b’zoom tista’ ġġorr aktar dettall għax isservi xogħol differenti, filwaqt li thumbnail jew swatch għandhom jibqgħu żgħar kemm jippermetti t-tqassim.

Huwa għalhekk li regola waħda ta' esportazzjoni għal kull immaġni tikkawża problemi. Jekk l-assi hija ritratt, esportaha għall-veloċità u kulur kredibbli. Jekk hija grafika b'test jew trasparenza, ipproteġi t-truf u aċċetta li l-fajl jista' jkun akbar. Jekk jappartjeni għal slott dejjaq, ittellax fajl maħsub għal wiri sħiħ.

Kif kopert fit-taqsima tar-riżoluzzjoni, immaġni ta' 24MP tista' tispiċċa kullimkien minn 2 sa 8 MB wara l-kompressjoni, li huwa biżżejjed biex juri għaliex l-għadd tal-pixels waħdu ma jgħidlekx jekk immaġni hijiex lesta għall-web. Il-mistoqsija ewlenija hija jekk il-fajl jaqbilx mal-pożizzjoni Shopify li jservi. Eroj jista' jittollera aktar minn grid card, u immaġni zoom tista' tittollera aktar minn thumbnail. L-esportazzjoni trid taqbel mar-rwol.

Żball relatat huwa li wieħed jassumi li kull assi jistħoqqlu l-istess tindif tal-metadata. Jekk l-immaġni hija importanti biżżejjed biex tidher, hija importanti biżżejjed biex l-ewwel tiġi awditjata. Uża l- ġeneratur tat-test alt għall-immaġnijiet ta' Shopify biex iżżomm dik il-parti tal-fluss tax-xogħol konsistenti, imbagħad iġġudika d-daqs tal-fajl kontra l-islott li se jimla.

Dik hija l-parti li ħafna ħwienet jitilfu. Il-fajl m'għandux għalfejn ikun żgħir. Jeħtieġ li jkun xieraq.

Lista ta' Kontroll Ripetibbli għall-Grupp ta' Immaġni li Jmiss Tiegħek

L-aktar fluss tax-xogħol tal-immaġni nadif huwa dak li t-tim tiegħek jista' jirrepeti mingħajr ma jaqta' xejn. Kull darba li jsiru l-istess kontrolli fl-istess ordni, ikollok inqas uploads kbar iżżejjed, inqas sorpriżi fit-tqassim, u inqas paġni tal-prodott bil-mod li jinħbew fil-katalgu. Jekk qed tipprepara tnedija ta' prodott ġdid jew qed tirrifreska tema, mexxi l-lott permezz ta' din ir-rutina qabel ma xi ħaġa tittella'.

Rutina sempliċi ta' esportazzjoni li taqbel ma' Shopify

  1. Esportazzjoni fil-wisa' fil-mira għall-pożizzjonament. Eroj, kard tal-kollezzjoni, immaġni zoom tal-prodott, u thumbnail għandhom xogħlijiet differenti, għalhekk ittellax fajl akbar sempliċement għax l-immaġni tas-sors tippermettilu.
  2. Agħżel il-format skont ir-rwol. Ir-ritratti ġeneralment ikunu tajbin għal JPEG, WebP, jew AVIF. Il-logos u l-grafika b'ħafna test jaqblu aħjar mal-PNG meta t-trasparenza jew it-truf jaqtgħu jkunu importanti.
  3. Issejvja verżjoni live-store u verżjoni zoom jekk meħtieġ. Il-fajl zoom jista' jżomm aktar dettall, iżda l-paġna viżibbli m'għandhiex iġġorr dak il-piż sakemm it-tqassim ma jkunx verament jeħtieġu.
  4. Uża l-format modern eħfef meta jkun possibbli. Uża WebP jew AVIF għall-immaġni diretta, u żomm JPEG bħala l-alternattiva fejn il-kompatibilità hija importanti.
  5. Iċċekkja l-metadata tal-immaġni u t-test alt qabel ma tippubblika. Jekk l-assi huwa importanti biżżejjed biex jiġi muri, huwa importanti biżżejjed biex jiġi awditjat. Uża l-ġeneratur tat-test alt ta' RankEngine biex iżżomm dik il-parti tal-fluss tax-xogħol konsistenti.

Skrinshot minn https://rankengine.app

X'konsistenza tixtrilek

Titjib żgħir jakkumula f'katalgu. Immaġni waħda eħfef mhux se tittrasforma ħanut waħedha, iżda sett sħiħ ta' ritratti tal-prodott ta' daqs tajjeb, madum tal-kollezzjoni, u thumbnails jistgħu jagħmlu l-vetrina tħossha aktar nadifa, aktar mgħaġġla, u aktar faċli biex tixtri. Il-klijenti jinnutaw dan anke jekk qatt ma jitkellmu dwar id-daqsijiet tal-fajls.

Jekk it-tim tiegħek jimmaniġġja l-metadata tal-immaġni fuq skala kbira, il-ġeneratur tat-test alternattiv ta' RankEngine jista' jżomm dik il-parti tal-fluss tax-xogħol għaddejja mingħajr ma jibdel kull upload f'xogħol manwali.

Applika din ir-rutina għall-lott li jmiss tiegħek, u l-vetrina tiegħek se titgħabba aktar malajr immedjatament.