ශ්රේණිගත එන්ජිම
ඔබටත් මෙය සිදුවී ඇති. Shopify හි නිෂ්පාදන පිටුවක් ඔප දැමූ බවක් පෙනේ, ඡායාරූප සංස්කාරකයේ තියුණු වේ, ඉන්පසු ඔබේ PageSpeed ලකුණු හැට ගණන්වල මුරණ්ඩු ලෙස පවතින අතරතුර ජංගම අමුත්තන් පැනීමට පටන් ගනී. ගැටළුව සාමාන්යයෙන් "නරක නිර්මාණය" නොවේ. පින්තූර ගොනු ප්රමාණයන් පිරිසැලසුමට වඩා බර වීම සහ සාප්පු සවාරි යන්නෙකුට නිෂ්පාදනය, මිල හෝ කරත්තයට එකතු කිරීමේ බොත්තම දැකීමට පෙර සෑම අමතර බයිටයක්ම ගමන් කිරීමට සිදුවීමයි.
ඒ නිසා තමයි වෙළඳසැලක රූප තීරණ කවදාවත් නිර්මාණ තීරණ විතරක් නෙවෙයි. ඒවා පිටු වේගය , දෘශ්ය ගුණාත්මකභාවය සහ Google හට බඩගාගෙන ඉක්මනින් විදැහුම් කළ හැකි පිටුවට බලපාන්නේ. අනුමාන නොකර ප්රමාණය වෙනස් කිරීම සඳහා ප්රායෝගික කෙටිමඟක් ඔබට අවශ්ය නම්, Yassine Malti ගේ රූප ප්රමාණය වෙනස් කිරීමේ මාර්ගෝපදේශය ප්රයෝජනවත් සහකාරියක් වන්නේ එය ඊළඟ කණ්ඩායම උඩුගත කිරීමට පෙර යාන්ත්ර විද්යාව තේරුම් ගැනීමට ඔබට උපකාරී වන බැවිනි.
අන්තර්ගත වගුව
- Shopify වෙළඳසැලක පින්තූර ගොනු ප්රමාණයන් වැදගත් වන්නේ ඇයි?
- රූපයේ ප්රමාණය vs ගොනු ප්රමාණය සහ දෙකම වැදගත් වන්නේ ඇයි?
- JPEG, PNG, WebP, සහ AVIF සංසන්දනය කර ඇත
- විභේදනය සහ සම්පීඩනය සංඛ්යා වෙනස් කරන ආකාරය
- මූලික වෙබ් වැදගත් කරුණු සහ බර රූපවල SEO පිරිවැය
- Shopify ස්ථානගත කිරීම අනුව ඉලක්කගත පින්තූර ගොනු ප්රමාණයන්
- ගබඩා මන්දගාමී කරන පොදු වැරදි වැටහීම්
- ඔබගේ ඊළඟ රූප කාණ්ඩය සඳහා නැවත නැවතත් කළ හැකි පිරික්සුම් ලැයිස්තුවක්
Shopify වෙළඳසැලක පින්තූර ගොනු ප්රමාණයන් වැදගත් වන්නේ ඇයි?
වෙළෙන්දෙකුට Shopify පරිපාලක තුළ ඔප දැමූ නිෂ්පාදන පිටුවක් දෙස බැලුවත් යටින් පවතින ගැටලුව තවමත් මග හැරිය හැක. Wi-Fi හරහා ලැප්ටොප් පරිගණකයක පිටුව හොඳින් දැනෙනු ඇත, පසුව ජංගම දුරකථනයේ අවහිර විය හැක, වීර රූපය ප්රමාද වී දිස්වනු ඇත, සහ පිටුව සූදානම් බව හැඟෙන තෙක් සාප්පු සවාරි යන්නා නැමීමෙන් ඔබ්බට අනුචලනය වේ. හොඳ පෙනුමක් ඇති පිටුවක් සහ වේගයෙන් පූරණය වන පිටුවක් අතර ඇති පරතරය වන්නේ පින්තූර ගොනු ප්රමාණයන් සංචාරයක් ආදායමක් හෝ ඝර්ෂණයක් බවට පත් වේද යන්න තීරණය කරන ස්ථානයයි.
සෑම පිටුවකම සැඟවුණු තරඟය
වෙළඳසැලක ඇති සෑම රූපයක්ම පිටපත්, ස්ක්රිප්ට්, යෝජනා ක්රම සහ පාරිභෝගිකයාගේ ඉවසීම සමඟ තරඟ කරයි. වීර ඡායාරූපය විශාල නම්, එය කලාප පළල අනුභව කිරීමට වඩා වැඩි යමක් කරයි, එය අමුත්තාට පිරිනැමීම විනිශ්චය කළ හැකි මොහොත මන්දගාමී කරයි. රූපයේ බර යනු එකවර පරිවර්තන ප්රශ්නයක් සහ Core Web Vitals ප්රශ්නයකි.
Shopify වෙළෙන්දෝ සාමාන්යයෙන් නිෂ්පාදන පිටු සහ එකතු කිරීමේ පිටුවල මෙය මුලින්ම අත්විඳිති. විශාල ඡායාරූප කිහිපයක් මුළු පිරිසැලසුමම බර බවක් දැනිය හැකිය, විශේෂයෙන් ජංගම ජාල වල, එම බර වඩාත් වැදගත් ස්ථානවල, වීරයා, එකතු කිරීමේ ජාලය, නිෂ්පාදන විශාලනය සහ සිඟිති රූ වල දිස්වේ. වීර රූපයකට සිඟිති රූවකට වඩා වෙනස් කාර්යයක් ඇත, එබැවින් එය එකම ගොනු ප්රමාණයේ බරක් දරා නොගත යුතුය. නැවත නැවත රූප වේගයෙන් ගොඩගැසී සෑම අනුචලනයකටම දඬුවම් කරන එකතු කිරීමේ ජාලක සඳහාද මෙයම වේ.
පිටුව කොතරම් ඉක්මනින් භාවිතා කළ හැකිද යන්නට පින්තූර ගොනු ප්රමාණය ද බලපායි, එම නිසා එය පිරිසැලසුම් සැලසුම් කිරීම හා සමාන සංවාදයකට අයත් වේ. අමු රූප මානයන් වැදගත් වේ, නමුත් ලබා දිය හැකි ගොනු ප්රමාණය බ්රව්සරයට ලබා ගැනීමට සහ විකේතනය කිරීමට සිදුවේ. යසීන් මල්ටිගේ රූප ප්රතිප්රමාණන මාර්ගෝපදේශයේ පැහැදිලි කර ඇති පරිදි, කුඩා අපනයනයකට අනවශ්ය බර ඉවත් කරන අතරම රූපයේ දෘශ්ය භූමිකාව ආරක්ෂා කළ හැකිය.
ප්රායෝගික විපාකය
මෙය වැදගත් වීමට හේතුව සරලයි. යටින් පවතින පික්සල ගණන මූලික අගය සකසන අතර සම්පීඩනය සහ ආකෘතිය අවසාන ගොනු ප්රමාණය තීරණය කරයි. 24-bit RGB හි 24-megapixel රූපයක අමු පික්සල දත්ත බයිට් මිලියන 72 ක් පමණ අඩංගු වන අතර, එම රූපයම 100% ගුණාත්මක භාවයෙන් JPEG ලෙස 423.41 KB පමණ හෝ JPEG 90% ගුණාත්මක භාවයෙන් දළ වශයෙන් 211.7 KB පමණ, අපනයන තේරීම් මත පදනම්ව ( Scantips ) ලබා ගත හැක. එම පරතරය නිසා වෙළඳසැල් දෙකකට ආසන්න වශයෙන් සමාන පෙනුමක් ඇති සහ තවමත් ඉතා වෙනස් වේග ප්රතිඵල ලබා ගත හැකි රූප භාවිතා කළ හැකිය.
ප්රායෝගික රීතිය: රූපයක් අලංකාර කිරීමට වඩා විකිණීමට වැදගත් නම්, එය උඩුගත කිරීමට පෙර එයට ගොනු ප්රමාණයේ ඉලක්කයක් දෙන්න.
සම්මත වෙළෙන්දෝ භාවිතා කළ යුත්තේ එයයි. සෑම වෙළඳසැල් ඉදිරිපස තව් එකක් සඳහාම අයවැයක් සකසන්න, ඉන්පසු ගොනුව කාර්යයට ගැලපෙන්න. වීර බැනරයකට සිඟිති රූ වලට වඩා වැඩි බරක් සාධාරණීකරණය කළ හැකි නමුත්, පිටුවේ ඉතිරි කොටස අමතර ගමන් මලු රැගෙන යාමට බල නොකළ යුතුය. එම පුරුද්ද ක්රියාත්මක වූ පසු, නිෂ්පාදන පිටු කළමනාකරණය කිරීම පහසු වන අතර, සෑම නව උඩුගත කිරීමකටම තවත් සැඟවුණු ඇදීමක් බවට පත්වීම වෙනුවට ගැළපෙන ස්ථානයක් ඇත.
රූපයේ ප්රමාණය vs ගොනු ප්රමාණය සහ දෙකම වැදගත් වන්නේ ඇයි?
වෙළෙන්දෝ බොහෝ විට මෙම යෙදුම් භාවිතා කරන්නේ එකම දෙය අදහස් කරන ආකාරයටයි, පසුව පරිපාලක තුළ රූපයක් හොඳින් පෙනෙන්නේ ඇයි කියා කල්පනා කරති, නමුත් ගබඩාවේ ඉදිරිපස කොටස මන්දගාමී කරන්නේ ඇයි. රූපයේ ප්රමාණය යනු පික්සල් මානයන් වන අතර පළල උස අනුව වේ. ගොනු ප්රමාණය යනු තැටියේ බයිට් වලින් අපනයනය කරන ලද ගොනුවේ බරයි, සාමාන්යයෙන් KB හෝ MB වන අතර එය සම්පීඩනය, ආකෘතිය සහ බිට් ගැඹුර සමඟ වෙනස් වේ. රූප දෙකකට එකම මානයන් බෙදා ගත හැකි අතර තවමත් ඉතා වෙනස් පැටවීමේ පිරිවැයක් නිර්මාණය කළ හැකිය.
පික්සල සිවිලිම සකසයි
ගොනුවකට කොපමණ දෘශ්ය විස්තර ප්රමාණයක් රඳවා ගත හැකිද යන්න පික්සල මගින් නිර්වචනය කරයි. 24-බිට් RGB හි මෙගාපික්සල් 24 ක රූපයක අමු පික්සල් දත්ත මිලියන 72 ක් පමණ අඩංගු වේ, මන්ද පික්සලයකට පික්සල මිලියන 24 × බයිට් 3 = බයිට් 72,000,000 කි . එම අමු අංකය අපනයනය සඳහා ආරම්භක ලක්ෂ්යය වන අතර බ්රව්සරයට ලැබෙන අවසාන බර නොවේ.
අපනයන තේරීම් ප්රතිඵලය වේගයෙන් වෙනස් කරයි. එකම මූලාශ්ර ඡායාරූපය 100% ගුණාත්මක භාවයෙන් JPEG ලෙස 423.41 KB පමණ සහ JPEG 90% ගුණාත්මක භාවයෙන් දළ වශයෙන් 211.7 KB පමණ විය හැක. පික්සල එලෙසම පවතින අතර, අපනයනය මුල් විස්තරයෙන් වැඩි හෝ අඩු ප්රමාණයක් ආරක්ෂා කරයි.
සම්පීඩනය සහ හැඩතල ගැන්වීම ප්රතිඵලය තීරණය කරයි.
බොහෝ Shopify විගණන මෙහිදී පැත්තකට යයි. වෙළෙන්දෝ උපකල්පනය කරන්නේ විශාල රූපයක් වෙබයට වඩා බර විය යුතු බවයි, නමුත් මානයන් සහ ගොනු බර වෙනම තීරණ වේ. විශාල මාන රූපයක් හොඳින් අපනයනය කළහොත් එය තවමත් සාධාරණ ගොනුවක් විය හැකිය. නිහතමානී පෙනුමක් ඇති ග්රැෆික් එකක් වැරදි ආකෘතියකින් හෝ වැරදි ගුණාත්මක භාවයකින් සුරකින ලද විට එය ඉදිමී යා හැක.
වෙළඳසැල් ඉදිරිපස භූමිකාව අනුව එම වෙනස වැදගත් වේ. වීර බැනරයකට සිඟිති රූ වලට වඩා වැඩි දෘශ්ය බරක් රැගෙන යා හැකි නමුත්, එකතු කිරීමේ ජාලක රූපයක් තවමත් පිටුව පිරිසිදුව පූරණය වීමට ප්රමාණවත් තරම් සැහැල්ලුව පැවතිය යුතුය. නිෂ්පාදන විශාලන ඡායාරූප සමීපව තබා ගැනීමට ප්රමාණවත් පික්සල් විස්තර අවශ්ය වන අතර, අපනයනය පිරිසැලසුම පෙන්විය හැකි ප්රමාණයට වඩා බොහෝ විස්තර තබා ගන්නේ නම් සිඟිති රූ තව් සාමාන්යයෙන් කලාප පළල නාස්ති කරයි.
මූලික රීතිය: පික්සල මඟින් රූපයට පෙන්විය හැකි දෘශ්ය විස්තර ප්රමාණය සකසයි. ගොනු ප්රමාණය මඟින් ඔබේ සාප්පු සවාරි යන්නාට බාගත කළ යුතු ප්රමාණය සකසයි.
එම අංක දෙක වෙන වෙනම තබා ගන්න, එවිට රූප සැලසුම් කිරීම පහසු වේ. පටු සිඟිති රූ තව් එකක් විශාල මානයන්ගෙන් ප්රයෝජන නොගනී. නිෂ්පාදන පිටු විශාලන රූපයකට තියුණු ලෙස පෙනෙන්නට ප්රමාණවත් පික්සල අවශ්ය වේ, නමුත් අපනයනය කරන ලද ගොනුව තවමත් Core Web Vitals සහ එය වටා පූරණය කිරීමට සිදුවන පිටුවේ ඉතිරි කොටස සඳහා සාධාරණව පැවතිය යුතුය.
JPEG, PNG, WebP, සහ AVIF සංසන්දනය කර ඇත
Shopify වෙළඳසැලක ඉදිරිපස එක් එක් රූප ආකෘතිය වෙනස් අරමුණක් ඉටු කරයි. නිෂ්පාදන ඡායාරූපයක්, ලාංඡනයක් සහ තිර රුවක් යන සියල්ල එකම තේමාවක පිහිටා තිබුණත් වෙනස් සැලකිල්ලක් අවශ්ය වේ. පුරුද්ද මත නොව, පිටුවේ රූපය කළ යුතු කාර්යය මත පදනම්ව ආකෘතිය තෝරන්න.
JPEG සහ PNG තවමත් ඔවුන්ගේ ස්ථානය ලබා ගනී.
ඡායාරූප සඳහා JPEG සම්මත තේරීම ලෙස පවතී. එය හොඳින් සම්පීඩනය කරයි, සෑම තැනකම පාහේ ක්රියා කරයි, සහ සාමාන්යයෙන් නිෂ්පාදන රූප වෙබයට ප්රමාණවත් තරම් සැහැල්ලුවෙන් තබා ගනී. තියුණු දාර, පැතලි වර්ණය, විනිවිදභාවය හෝ පෙළ අවශ්ය රූප PNG ගැළපේ, එම නිසා ගොනු සාමාන්යයෙන් බරින් වැඩි වුවද ලාංඡන සහ UI ග්රැෆික්ස් බොහෝ විට එහි පිහිටා ඇත.
Shopify හි එම කරුණු බෙදී යන්නේ වෙළඳසැල් සාමාන්යයෙන් වත්කම් වර්ග දෙකම මිශ්ර කරන බැවිනි. PNG ලෙස සුරකින ජීවන රටා ඡායාරූපයක් සාමාන්යයෙන් වෙළඳසැල ඉදිරිපිට රැගෙන යාමට අවශ්ය ප්රමාණයට වඩා බරින් වැඩිය. JPEG ලෙස සුරකින ලද ලාංඡනයක් රළු ලෙස පෙනෙන්නට හෝ විනිවිදභාවය නැති වීමට ඉඩ ඇති අතර, එමඟින් පසුව වළක්වා ගත හැකි පිරිසිදු කිරීමක් නිර්මාණය වේ. ආකෘතිය පුරුද්දට නොව කාර්යයට අනුව විය යුතුය.
එකතු කිරීමේ කාඩ්පතක් හොඳ උදාහරණයකි. රූපය පිරිසිදු නිෂ්පාදන ඡායාරූපයක් නම්, JPEG සාමාන්යයෙන් ගැනුම්කරුවන්ට ලැබෙන දර්ශනයට හානියක් නොවන පරිදි බර අඩු කරයි. වත්කම වර්ණවත් පසුබිමක් මත පිහිටා ඇති ලාංඡනයක්, නිරූපකයක් හෝ ලාංඡනයක් නම්, PNG දාර වඩා හොඳින් ආරක්ෂා කරන අතර කැත හැලෝස් වළක්වයි.
WebP සහ AVIF ගොනු ප්රමාණයන් අඩු කරයි
නවීන ආකෘති සාමාන්යයෙන් ගොනු ප්රමාණය තවදුරටත් අඩු කරයි. උදාහරණයක් ලෙස, සැසඳිය හැකි ගුණාත්මක භාවයකින් යුත් රූපයක් සඳහා, 75% කින් JPEG 1.25–1.53 MB පමණ වේ, WebP lossy 0.72–0.88 MB පමණ වේ, AVIF 0.57–0.69 MB පමණ වේ, සහ JPEG XL 0.55–0.67 MB පමණ වේ ( W3Techs ). එය පැරණි අපනයන පුරුදු වලින් අර්ථවත් පහත වැටීමක් වන අතර, බොහෝ වෙළඳසැල් ඉදිරිපිට ඡායාරූප මෘදු ලෙස නොපෙන්වා බර අඩු කර ගත හැක්කේ මන්දැයි එය පැහැදිලි කරයි.
කාරණය නම් ආකෘති තේරීම තවමත් අන්තර්ගතය මත රඳා පවතින බවයි. නිෂ්පාදන ඡායාරූපකරණය සඳහා WebP සහ AVIF ඉතා හොඳින් ක්රියා කළ හැකි නමුත් විනිවිදභාවය සහිත ග්රැෆික්ස් වෙනස් ලෙස හැසිරිය හැකිය. ගොනුවක් බොහෝ දුරට ඡායාරූපයක් නම්, එම ආකාරයේ රූපයක් කාර්යක්ෂමව සම්පීඩනය කරන ආකෘතියක් භාවිතා කරන්න. එය ලාංඡනයක් හෝ විනිවිදභාවය සහිත ග්රැෆික් එකක් නම්, දාර පිරිසිදුව තබා ගන්නා ආකෘතිය භාවිතා කරන්න.
Shopify වෙළඳසැලක, එයින් සාමාන්යයෙන් අදහස් වන්නේ වීර බැනරය සඳහා එක් ආකෘතියක්, ලාංඡනය සඳහා තවත් ආකෘතියක් සහ සමීප නිෂ්පාදන ඡායාරූප සඳහා තවත් ආකෘතියකි. නිවැරදි තේරීම වන්නේ නවීන ලෙස පෙනෙන දේ අඩුවෙන් සහ පිටුව වේගවත්ව තබා ගන්නා අතරම රූපය එහි සැබෑ ස්ථානයේ පැහැදිලිව පෙන්වන දේ වැඩිය.
තීරණ රීතිය: පුද්ගලයින්, නිෂ්පාදන හෝ වයනය සමඟ ඡායාරූප ගන්න, JPEG හෝ WebP තෝරන්න. පැතලි ග්රැෆික්ස්, ලාංඡන හෝ තිරපිටපත්, PNG තෝරන්න. ඔබේ වැඩ ප්රවාහයට පසුබැසීමක් සඳහා සහාය විය හැකි නම්, AVIF හෝ WebP යනු පිරිසිදු සජීවී-ගබඩා විකල්පයයි.
විභේදනය සහ සම්පීඩනය සංඛ්යා වෙනස් කරන ආකාරය
ගොනුවක් ඔබේ තිරය මත හොඳින් දිස්විය හැකි අතර එය අවශ්ය ප්රමාණයට වඩා බොහෝ බරින් යුක්ත විය හැකිය. Shopify හි වෙළෙන්දන්ට මුලින්ම දැනෙන්නේ එයයි, මන්ද එකම රූපය වීර බැනරයක්, එකතු කිරීමේ ජාලක ටයිල් එකක්, නිෂ්පාදන විශාලන ඡායාරූපයක් හෝ කුඩා සිඟිති රූගත කිරීමක් ලෙස බෙහෙවින් වෙනස් ලෙස හැසිරිය හැකිය. විභේදනය ඔබ බ්රව්සරයෙන් රැගෙන යාමට ඉල්ලා සිටින පික්සල ගණන පාලනය කරන අතර, සම්පීඩනය පිටුව පූරණය වීමට පෙර එම බරෙන් කොපමණ ප්රමාණයක් කපා හැරිය යුතුද යන්න පාලනය කරයි.
වැඩි පික්සල යනු වැඩි දත්ත යන්නයි.
විශාල රූපයක් යනු විශාල කැන්වසයක් පමණක් නොවේ, එය බ්රව්සරයට සැකසීමට වඩාත් අමු දත්ත වේ. කලින් පෙන්වා ඇති පරිදි, සම්පීඩනය ආරම්භ වීමට පෙර 24MP රූපයක අමු දත්ත මිලියන 72 ක් පමණ අඩංගු වේ . ඔබ එකම දර්ශනය වෙළඳසැල ඉදිරිපිටට අවශ්ය ප්රමාණයට වඩා වැඩි පික්සල ගණනකින් අපනයනය කරන්නේ නම්, ඡායාරූපය දර්ශනය වූ පසු එය බොහෝ දුරට සමාන ලෙස පෙනුනත් ගොනුව බරින් වැඩි වේ.
ඒ නිසා තමයි විශාල අපනයන නිසා ගබඩා අවුල් සහගත තත්වයන්ට වඩා වැඩි දෙයක් ඇති වෙන්නේ. ඒවා හුවමාරු බර එකතු කරනවා, බ්රවුසරය වඩාත් වෙහෙසකර කරනවා, සහ සාප්පු යන්නන් පිටුව ඉක්මනින් දැනෙනු ඇතැයි අපේක්ෂා කරන ස්ථානයේ රූපය මන්දගාමී කළ හැකියි. එකතු කිරීමේ ජාලක ටයිල් එකකට විශාලනය කළ හැකි නිෂ්පාදන රූපයකට සමාන ගෙවීමක් අවශ්ය නොවන අතර, සිඟිති රූ එකකට ඒ දෙකටම වඩා බෙහෙවින් අඩු බරක් අවශ්ය වේ.
සම්පීඩනය ඔබව බේරා ගනී, නමුත් එය අමතර පික්සල නිදහස් නොකරයි.
සම්පීඩනය මඟින් විශාල මූලාශ්ර ගොනුවක් Shopify කාර්යක්ෂමව සේවය කළ හැකි දෙයකට ගෙන ඒමට හැකි නමුත්, ස්ථානගත කිරීමට අවශ්ය ප්රමාණයට වඩා වැඩි පික්සල භාවිතා කිරීමේ පිරිවැය එය මකා නොදමයි. නිෂ්පාදන ඡායාරූපයක් විශාලනය-සක්රීය ගැලරියකට යන්නේ නම්, හොඳ තිරයක තියුණුව තබා ගැනීමට ඔබට ප්රමාණවත් විස්තර අවශ්ය වේ. එකම රූපය එකතු කිරීමේ කාඩ්පතකට පමණක් යන්නේ නම්, සම්පූර්ණ ප්රමාණයේ අනුවාදය නැව්ගත කිරීම අපතේ යන උත්සාහයකි.
ඒ ගැන සිතීමට පිරිසිදු ක්රමය සරලයි. පික්සල අපද්රව්ය සඳහා පදනම සකසයි , මන්ද විශාල මානයන් වළක්වා ගත හැකි බරක් නිර්මාණය කරයි. ගුණාත්මක සැකසුම ඉතිරිකිරීම් සඳහා සීමාව සකසයි , මන්ද එය අපනයනය කොපමණ විස්තර තබා ගන්නේද යන්න තීරණය කරයි. ආකෘතිය එම සම්පීඩනය කොපමණ උපකාරී වේද යන්න පාලනය කරයි , මන්ද විවිධ ගොනු වර්ග එකම ආකාරයකින් හැකිලෙන්නේ නැත.
Shopify භාවිත අවස්ථා හා සම්බන්ධ රූප ප්රමාණකරණ මාර්ගෝපදේශ සඳහා, මෙම Shopify රූප SEO මාර්ගෝපදේශය ප්රයෝජනවත් සහකාරියකි. සෑම වෙළඳසැල් ඉදිරිපස රූපයක්ම එකම කාර්යයක් ඉටු කරන ආකාරයට සැලකීම වෙනුවට අපනයන තීරණය සැබෑ ස්ථානගත කිරීමට සම්බන්ධ කිරීමට එය උපකාරී වේ.
වීර රූපයක්, එකතු කිරීමේ ටයිල් එකක් සහ සිඟිති රූපයක් යන සියල්ලම විවිධ මට්ටමේ විස්තර ඉල්ලා සිටී. වෙළෙන්දන් සාමාන්යයෙන් අතපසු කරන කොටස එයයි, ඒ නිසා බ්රවුසරයේ බර ගබඩාවක් නිර්මාණය කරන අතරම විභේදනයේ කුඩා වෙනසක් සංස්කාරකයක හානිකර බවක් දැනෙන්නේ නැත.
මූලික වෙබ් වැදගත් කරුණු සහ බර රූපවල SEO පිරිවැය
බර රූප SEO වලට ඉතා සෘජු ආකාරයකින් හානි කරයි, මන්ද Google විසින් අත්දැකීම මනිනු ලබන අතර උඩුගත කිරීම පිටුපස ඇති අභිප්රාය නොවේ. බොහෝ Shopify පිටුවල, විශාලතම දෘශ්යමාන රූපය පූරණ අත්දැකීම පාලනය කිරීමට බොහෝ දුරට ඉඩ ඇති දෙයයි. එම රූපය ඉතා බර නම්, විශාලතම අන්තර්ගත තීන්ත මන්දගාමී වන අතර, පිටුව භාවිතා කළ හැකි යැයි හැඟෙන තෙක් නරඹන්නා වැඩි වේලාවක් බලා සිටී.
LCP සාමාන්යයෙන් වැරදි දෙයකට දොස් පවරනු ලැබේ.
වෙළෙන්දෝ බොහෝ විට යෙදුම්, ස්ක්රිප්ට් හෝ තේමා කේතයට පළමුව දොස් පවරති, සමහර විට ඔවුන් නිවැරදියි. නමුත් වීර රූපය බොහෝ විට පහසුම තනි ජයග්රහණයයි. විශාල වීර ඡායාරූපයක් පිටුව අර්ථවත් වන මොහොත වළක්වා ගත හැකිය, විශේෂයෙන් ජංගම දුරකථන වල, සම්බන්ධතා ගුණාත්මකභාවය වෙනස් වන අතර දර්ශන තොට ප්රමාණවත් තරම් කුඩා වන අතර විශාල වත්කම් පහසුවෙන් හඳුනාගත හැකිය.
රූපයේ බරට බලපාන අනෙක් මිනුම වන්නේ සමුච්චිත පිරිසැලසුම් මාරුවයි . ඔබේ තේමාව රූප සඳහා නිසි ලෙස ඉඩ වෙන් නොකරන්නේ නම්, වත්කම් පැටවීමත් සමඟ පිරිසැලසුම පැන යයි. එය සාප්පු යන්නන්ට අලස බවක් දැනෙන අතර පිටුව භාවිතා කිරීමට අපහසු කරයි. Shopify තේමාවන් බොහෝ විට මෙම කාර්යයෙන් සමහරක් දැනටමත් කරයි, නමුත් දුර්වල රූප වැඩ ප්රවාහයකින් වෙළෙන්දෙකු බේරා ගැනීමට සැමවිටම ප්රමාණවත් නොවේ.
ප්රමාණ ඉලක්ක අහඹු නොවේ.
වෙබ් බෙදාහැරීම සඳහා තාක්ෂණික මාර්ගෝපදේශය සාමාන්යයෙන් නිෂ්පාදන ඡායාරූප 800 සිට 1000 px සහ 80 සිට 150 KB දක්වා , වීර රූප 200 KB ට අඩු සහ මුළු පිටු රූප අයවැය 500 KB ට අඩු වේ. එම මාර්ගෝපදේශයම JPEGs බොහෝ විට 200 සිට 600 KB දක්වා , WebP 150 සිට 450 KB දක්වා , AVIF 80 සිට 300 KB දක්වා සහ PNG 500 සිට 3 MB දක්වා ( Vizua ) ස්ථානගත කරයි. රූපයේ බර සහ පිටු කාර්ය සාධනය එකට බැඳී ඇති නිසා එම පරාසයන් පවතී.
පිටුවක් වේගවත් වීමට කෘතිමව කුඩා වීම අවශ්ය නොවේ. එය විනයගරුක විය යුතුය. ඔබේ රූප පැටවීම පිම්බී ඇත්නම්, ඔබ බ්රව්සරය ක්රියාත්මක කිරීමට සලස්වන්නේ එය සාප්පු සවාරි යන්නාගේ අත්දැකීම වැඩිදියුණු නොකරන බැවිනි. එය සෘජු SEO පිරිවැයක් මිස න්යායාත්මක එකක් නොවේ.
පුළුල් විගණන ක්රියාවලියක් සඳහා Shopify කේන්ද්ර කරගත් කෝණයක් සඳහා, Shopify සඳහා මෙම රූප SEO මාර්ගෝපදේශය ප්රයෝජනවත් යොමු ලක්ෂ්යයකි.
Shopify ස්ථානගත කිරීම අනුව ඉලක්කගත පින්තූර ගොනු ප්රමාණයන්
අනුමාන කිරීම නැවැත්වීමට ඇති පහසුම ක්රමය නම් වෙළඳසැල ඉදිරිපිට එක් එක් දෘශ්ය භූමිකාව සඳහා ගොනු ප්රමාණයේ අයවැයක් සැකසීමයි. වීර බැනරයක් සිඟිති රූ වලට වඩා වෙනස් කාර්යයක් කරන අතර, එකතු කිරීමේ ජාලයක් විශාලනය කළ හැකි නිෂ්පාදන රූපයකට සමාන බරකින් අපනයනය නොකළ යුතුය. වෙළෙන්දෝ පින්තූර ගොනු ප්රමාණයන් සැබෑ ස්ථානගත කිරීම් වලට පැවරූ පසු, ගබඩාව ඉක්මනින් තබා ගැනීමට පහසු වන අතර විගණනය කිරීමට බෙහෙවින් පහසු වේ.
වෙළඳසැල් ඉදිරිපිට පිරිසැලසුම ඔබේ අපනයන තේරීම් නියම කිරීමට ඉඩ දෙන්න.
සම්පූර්ණ පළල රූප සඳහා සාමාන්යයෙන් කුඩා පිරිසැලසුම් කොටස් වලට වඩා වැඩි ඉඩක් අවශ්ය වේ. ප්රතිචාරාත්මක රූප මාර්ගෝපදේශය සාමාන්යයෙන් 1600 px සහ 200 සිට 300 KB පමණ සම්පූර්ණ පළල රූප, 800 px සහ 70 සිට 350 KB දක්වා ආසන්න කුඩා 25% සිට 50% දක්වා පිරිසැලසුම් රූප සහ සංදර්ශක අවකාශයේ 2× පමණ ප්රමාණයේ රූප වෙත යොමු කරයි, එබැවින් ඒවා තවමත් ඉහළ ඝනත්ව තිරවල තියුණු ලෙස පෙනේ. ප්රායෝගිකව, එයින් අදහස් වන්නේ එකම මූලාශ්ර ඡායාරූපයට බොහෝ විට විවිධ අපනයන අවශ්ය වන බවයි, එකක් එය පුරවන ස්ලට් සඳහා සහ එකක් ඝන තිරයක් අපේක්ෂා කරන තියුණු විදැහුම්කරණය සඳහා.
| Shopify ස්ථානගත කිරීම අනුව පින්තූර ගොනු ප්රමාණය ඉලක්ක | ස්ථානගත කිරීම | ඉලක්ක පළල | ඉලක්ක ගොනු ප්රමාණය | නිර්දේශිත ආකෘතිය |
|---|---|---|---|---|
| වීර බැනරය | පිටුවේ ඉහළම වීරයා | පික්සල 1600ක් පමණ | 200 සිට 300 KB දක්වා | JPEG හෝ WebP |
| එකතුවේ ජාලක සිඟිති රුව | එකතු කිරීමේ ටයිල් | පික්සල 400 සිට 600 දක්වා පමණ | 40 සිට 80 KB දක්වා | JPEG හෝ WebP |
| නිෂ්පාදන පිටුවේ ඡායාරූපය | ප්රධාන නිෂ්පාදන ගැලරිය | පික්සල 800 සිට 1200 දක්වා පමණ | 100 සිට 200 KB දක්වා | JPEG, WebP, හෝ AVIF |
| සිඟිති රුව හෝ ස්වැච් රූපය | කුඩා ආධාරක තව් | පික්සල 200 සිට 400 දක්වා පමණ | හැකිතාක් සැහැල්ලුවෙන් තබා ගන්න | අන්තර්ගතය මත පදනම්ව, JPEG හෝ PNG |
වීර රූපයකට වැඩි බරක් දරා සිටිය හැක්කේ එය දර්ශන තොටෙන් වැඩි කොටසක් පුරවන බැවිනි. එකතු කිරීමේ ටයිල් එකකට එය කළ නොහැක. Shopify කොටස් සඳහා රූප අපනයනය කරන විට වෙළෙන්දෝ මතක තබා ගත යුතු වෙනස එයයි, මන්ද ගොනු ප්රමාණය රූපය පිටුවේ අල්ලාගෙන සිටින ඉඩට අනුරූප විය යුතුය.
එකම රූපයට එකකට වඩා අපනයන අවශ්ය විය හැක්කේ ඇයි?
නිෂ්පාදන පිටුවක් බොහෝ විට ප්රතිචාරාත්මක සලකුණු කිරීම හරහා එකම ගොනුවේ අනුවාද කිහිපයක් සපයයි. එය සාමාන්ය දෙයකි. බ්රව්සරයට කුඩා තිර සඳහා කුඩා ගොනුවක් ලබා ගත යුතු අතර පිරිසැලසුමට අවශ්ය තැන පමණක් විශාල එකක් ලබා ගත යුතුය. එම සැකසුම සෑම අමුත්තෙකුටම අනවශ්ය තොග යැවීමෙන් තොරව විශාලන ගුණාත්මකභාවය නොවෙනස්ව තබා ගනී.
නිෂ්පාදන ගැලරියට ඔබ්බට ද එම තර්කයම අදාළ වේ. වෙළඳසැලක ඉදිරිපස ප්රධාන වීරයා සඳහා එක් ප්රතිකාරයක්, එකතු කිරීමේ කාඩ්පත් සඳහා තවත් ප්රතිකාරයක් සහ සමීප විස්තර රූප සඳහා තවත් ප්රතිකාරයක් අවශ්ය වේ. ඔබට සමාජීය සහ බෙදාගැනීමේ වත්කම් වෙළඳසැලක ඉදිරිපස දෘශ්ය සමඟ පෙළගස්වා තබා ගැනීමට අවශ්ය නම්, මෙම Shopify සමාජ රූප මාර්ගෝපදේශය නිෂ්පාදන පිටුවෙන් පිටත අවශ්යතා එකම රූප වැඩ ප්රවාහයට සම්බන්ධ කිරීමට උපකාරී වේ.
Shopify රීතිය: අපනයනය තීරණය කිරීමට slot එකට ඉඩ දෙන්න. වීරයෙකුට ත්යාගශීලී විය හැකිය. ජාලක සිඟිති රූවකට එය කළ නොහැක.
එම රීතිය එක් යෝධ රූපයක් උඩුගත කර තේමාව එය විසඳනු ඇතැයි අපේක්ෂා කිරීමේ පොදු වැරැද්ද වළක්වයි. තේමාවන්ට උදව් කළ හැකි නමුත්, දුර්වල අපනයන තීරණයක් අවලංගු කළ නොහැක.
ගබඩා මන්දගාමී කරන පොදු වැරදි වැටහීම්
බොහෝ මන්දගාමී Shopify වෙළඳසැල් මන්දගාමී වන්නේ යමෙකු අර්ධ සත්ය රීතියක් විශ්වාස කර එය නැවත නැවතත් කරන බැවිනි. එම පුරුදු නැවත නැවතත් විගණනවලදී දක්නට ලැබේ, සාමාන්යයෙන් උපදෙස් මුලින් සාධාරණ ලෙස පෙනුන අතර වෙළඳසැලක් ඉදිරිපිට පූරණය වන ආකාරය සමඟ කිසි විටෙකත් පරීක්ෂා නොකළ බැවිනි. ඔබ පුරුද්ද කාර්ය සාධනයෙන් වෙන් කළ පසු, නිවැරදි කිරීම් සාමාන්යයෙන් සරල ය.
වළක්වා ගත හැකි බඩ පිපීම ඇති කරන විශ්වාස පහක්
- ඉහළ විභේදනයක් යනු සැමවිටම වඩා හොඳ ගුණාත්මක භාවයකි. රූපය පුරවන අවකාශයට වඩා දැනටමත් විශාල වූ පසු එය සත්ය වීම නතර වේ. අමතර පික්සල සාප්පු සවාරි යන්නාගේ දර්ශනය සඳහා කිසිවක් නොකරයි, ඒවා බර පමණක් එකතු කරයි.
- PNG සෑම විටම JPEG වලට වඩා තියුණුයි. දෘඩ දාර සහිත ලාංඡන සහ ග්රැෆික්ස් සඳහා PNG නිවැරදි තේරීම වේ, නමුත් නිෂ්පාදන ඡායාරූප සඳහා සාමාන්යයෙන් එම පාඩු රහිත උඩින් අවශ්ය නොවේ.
- Shopify ස්වයංක්රීයව සියල්ල ප්රශස්ත කරයි. Shopify සමහර අවස්ථාවලදී උපකාරී වේ, නමුත් මුල් උඩුගත කිරීම තවමත් වත්කම කොතරම් බර විය හැකිද යන්න සඳහා සීමාව සකසයි.
- ගූගල්ට එය කියවිය නොහැකි නිසා WebP SEO වලට හානි කරයි. එම විශ්වාසය යල් පැන ගිය එකකි. සෙවුම් පද්ධතිවලට සාමාන්ය රූප වැනි නවීන ආකෘති විදැහුම් කළ හැකිය.
- රූපයේ ප්රමාණය වැදගත් වන්නේ ඩෙස්ක්ටොප් එකේ පමණි. ජංගම දුරකථන මිලදී ගන්නන් පළමුව අනවශ්ය ගොනු බරක් අත්විඳිති, මන්ද ඔවුන්ගේ උපාංග සහ සම්බන්ධතා වල දෝෂ සඳහා ඇති ඉඩකඩ අඩුය.
නිවැරදි කිරීමේ වෙළඳුන්ට වහාම භාවිතා කළ හැකිය
නිවැරදි කිරීම ආරම්භ වන්නේ පුරුද්දෙන් නොව භූමිකාවෙන් ය. වීර රූපයකට පිටුවේ ඉහළ කොටස රඳවා ගැනීමට ප්රමාණවත් ගුණාත්මක භාවයක් අවශ්ය වේ. එකතු කිරීමේ ටයිල් එකක් සැහැල්ලුවෙන් පැවතිය යුතු අතර එමඟින් ජාලකය පිරිසිදුව පූරණය වේ. විශාලන රූපයකට වැඩි විස්තර රැගෙන යා හැක්කේ එය වෙනස් කාර්යයක් ඉටු කරන බැවිනි, සිඟිති රූ හෝ ස්වොච් එකක් පිරිසැලසුම ඉඩ දෙන තරම් කුඩා විය යුතුය.
ඒ නිසා සෑම රූපයක් සඳහාම එක් අපනයන රීතියක් කරදර ඇති කරයි. වත්කම ඡායාරූපයක් නම්, වේගය සහ විශ්වාස කළ හැකි වර්ණය සඳහා අපනයනය කරන්න. එය පෙළ හෝ විනිවිදභාවය සහිත ග්රැෆික් එකක් නම්, දාර ආරක්ෂා කර ගොනුව විශාල විය හැකි බව පිළිගන්න. එය පටු ඉඩකට අයත් නම්, සම්පූර්ණ පළල සංදර්ශකය සඳහා අදහස් කරන ගොනුවක් උඩුගත නොකරන්න.
විභේදන කොටසේ ආවරණය කර ඇති පරිදි, සම්පීඩනය කිරීමෙන් පසු 24MP රූපයක් 2 සිට 8 MB දක්වා ඕනෑම තැනකට ගොඩ බැස්සවිය හැකි අතර, පික්සල් ගණන පමණක් රූපයක් වෙබ්-සූදානම් දැයි ඔබට නොකියන්නේ මන්දැයි පෙන්වීමට එය ප්රමාණවත් වේ. මූලික ප්රශ්නය වන්නේ ගොනුව එය සේවය කරන Shopify ස්ථානගත කිරීමට ගැලපෙනවාද යන්නයි. වීරයෙකුට ජාල කාඩ්පතකට වඩා වැඩි ප්රමාණයක් දරාගත හැකි අතර, විශාලන රූපයකට සිඟිති රූවකට වඩා වැඩි ප්රමාණයක් දරාගත හැකිය. අපනයනය භූමිකාවට ගැළපිය යුතුය.
අදාළ වැරැද්දක් නම් සෑම වත්කමක්ම එකම පාර-දත්ත පිරිසිදු කිරීමකට සුදුසු යැයි උපකල්පනය කිරීමයි. රූපය විශේෂාංග කිරීමට තරම් වැදගත් නම්, එය පළමුව විගණනය කිරීම තරම් වැදගත් වේ. වැඩ ප්රවාහයේ එම කොටස ස්ථාවරව තබා ගැනීමට Shopify රූප සඳහා alt පෙළ උත්පාදක යන්ත්රය භාවිතා කරන්න, ඉන්පසු එය පුරවන තව්වට එරෙහිව ගොනු ප්රමාණය විනිශ්චය කරන්න.
ඒක තමයි ගොඩක් කඩවල් වලට මග හැරෙන කොටස. ගොනුව කුඩා වෙන්න අවශ්ය නැහැ. එය සුදුසු වෙන්න ඕනේ.
ඔබගේ ඊළඟ රූප කාණ්ඩය සඳහා නැවත නැවතත් කළ හැකි පිරික්සුම් ලැයිස්තුවක්
පිරිසිදුම රූප වැඩ ප්රවාහය යනු ඔබේ කණ්ඩායමට අනුමාන නොකර නැවත කළ හැකි එකකි. එකම අනුපිළිවෙලින් එකම පරීක්ෂාවන් සිදුවන සෑම අවස්ථාවකම, ඔබට අඩු විශාල උඩුගත කිරීම්, අඩු පිරිසැලසුම් පුදුමයන් සහ නාමාවලිය තුළ සැඟවී ඇති මන්දගාමී නිෂ්පාදන පිටු අඩු වේ. ඔබ නව නිෂ්පාදන පහත වැටීමක් සූදානම් කරන්නේ නම් හෝ තේමාවක් නැවුම් කරන්නේ නම්, ඕනෑම දෙයක් සජීවී වීමට පෙර මෙම චර්යාව හරහා කණ්ඩායම ක්රියාත්මක කරන්න.
Shopify වලට ගැලපෙන සරල අපනයන චර්යාවක්
- ස්ථානගත කිරීම සඳහා ඉලක්කගත පළලට අපනයනය කරන්න. වීරයෙකු, එකතු කිරීමේ කාඩ්පතක්, නිෂ්පාදන විශාලන රූපයක් සහ සිඟිති රූ එකකට වෙනස් කාර්යයන් ඇත, එබැවින් මූලාශ්ර රූපය එයට ඉඩ දෙන නිසා පමණක් විශාල ගොනුවක් උඩුගත නොකරන්න.
- භූමිකාව අනුව ආකෘතිය තෝරන්න. ඡායාරූප සාමාන්යයෙන් JPEG, WebP, හෝ AVIF වලට ගැලපේ. විනිවිදභාවය හෝ තියුණු දාර වැදගත් වන විට ලාංඡන සහ පෙළ-බර ග්රැෆික්ස් PNG වලට වඩා හොඳින් ගැලපේ.
- අවශ්ය නම් සජීවී-ගබඩා අනුවාදයක් සහ විශාලන අනුවාදයක් සුරකින්න. විශාලන ගොනුවට වැඩි විස්තර තබා ගත හැකි නමුත්, පිරිසැලසුමට එය සැබවින්ම අවශ්ය නම් මිස, දෘශ්යමාන පිටුවට එම බර දරාගත යුතු නොවේ.
- හැකි සෑම විටම සැහැල්ලු නවීන ආකෘතියක් ලබා දෙන්න. සජීවී රූපය සඳහා WebP හෝ AVIF භාවිතා කරන්න, සහ අනුකූලතාව වැදගත් වන විට JPEG උපස්ථ ආකෘතිය ලෙස තබා ගන්න.
- ප්රකාශනය කිරීමට පෙර රූප පාර-දත්ත සහ විකල්ප පෙළ පරීක්ෂා කරන්න. වත්කම විශේෂාංග කිරීමට තරම් වැදගත් නම්, එය විගණනය කිරීමට තරම් වැදගත් වේ. වැඩ ප්රවාහයේ එම කොටස ස්ථාවරව තබා ගැනීමට RankEngine හි විකල්ප පෙළ උත්පාදක යන්ත්රය භාවිතා කරන්න.
කුමන අනුකූලතාව ඔබව මිලදී ගනීද?
කුඩා වැඩිදියුණු කිරීම් නාමාවලියක් පුරා ගොඩගැසී ඇත. සැහැල්ලු වීර රූපයක් පමණක් ගබඩාවක් තනිවම පරිවර්තනය නොකරනු ඇත, නමුත් හොඳින් ප්රමාණයේ නිෂ්පාදන ඡායාරූප, එකතු කිරීමේ ටයිල් සහ සිඟිති රූ කට්ටලයක් මඟින් වෙළඳසැල ඉදිරිපිට පිරිසිදු, වේගවත් සහ සාප්පු සවාරි යාමට පහසු බවක් දැනිය හැකිය. ගොනු ප්රමාණයන් ගැන කිසි විටෙකත් කතා නොකළත් පාරිභෝගිකයින් එය දකී.
ඔබේ කණ්ඩායම රූප පාරදත්ත පරිමාණයෙන් හසුරුවන්නේ නම්, RankEngine හි alt පෙළ උත්පාදක යන්ත්රයට සෑම උඩුගත කිරීමක්ම අතින් කරන කාර්යයක් බවට පත් නොකර වැඩ ප්රවාහයේ එම කොටස චලනය කර තබා ගත හැකිය.
මෙම චර්යාව ඔබේ ඊළඟ කණ්ඩායමට යොදන්න, එවිට ඔබේ වෙළඳසැල ඉදිරිපිට වහාම වේගයෙන් පූරණය වනු ඇත.