ይህ ሊሆን ይችላል አጋጥሞህ ይሆናል። የምርት ገጽ በShopify ውስጥ የተወለወለ ይመስላል፣ ፎቶዎቹ በአርታዒው ውስጥ ስለታም ናቸው፣ ከዚያም የሞባይል ጎብኚዎች መዝለል ይጀምራሉ፣ የPageSpeed ነጥብዎ በስልሳዎቹ ውስጥ ግትር ሆኖ ይቆያል። ችግሩ ብዙውን ጊዜ “መጥፎ ዲዛይን” አይደለም። የምስል ፋይል መጠኖች ለአቀማመጡ በጣም ከባድ መሆናቸው ነው፣ እና ሸማቹ ምርቱን፣ ዋጋውን ወይም የተጨማሪ-ወደ-ጋሪ አዝራሩን ከማየቱ በፊት እያንዳንዱ ተጨማሪ ባይት መጓዝ አለበት።

ለዚህም ነው በመደብር ገጽ ላይ የሚደረጉ የምስል ውሳኔዎች የዲዛይን ውሳኔዎች ብቻ አይደሉም። የገጽ ፍጥነትን ፣ የእይታ ጥራትን እና ጉግል ምን ያህል ገጽ በፍጥነት ሊጎበኝ እና አስፈላጊ በሆነ መልኩ ሊያቀርብ እንደሚችል ላይ ተጽዕኖ ያሳድራሉ። ሳይገምቱ መጠን ለመቀየር ተግባራዊ አቋራጭ ከፈለጉ የያሲን ማልቲ የምስል መጠን መቀየሪያ መመሪያ ጠቃሚ አጋዥ ነው፣ ምክንያቱም የሚቀጥለውን ባች ከመጫንዎ በፊት ሜካኒኮችን እንዲረዱ ይረዳዎታል።

የይዘት ማውጫ

በሾፌት መደብር ላይ የምስል ፋይል መጠኖች ለምን አስፈላጊ ናቸው?

አንድ ነጋዴ በShopify admin ውስጥ የተወለወለ የምርት ገጽን ማየት እና አሁንም መሰረታዊውን ችግር ሊያጣ ይችላል። ገጹ በWi-Fi በኩል በላፕቶፕ ላይ ጥሩ ስሜት ሊሰማው ይችላል፣ ከዚያም በሞባይል ስልክ ላይ ሊወድቅ ይችላል፣ የጀግናው ምስል ዘግይቶ ይታያል፣ እና ገዢው ገጹ ዝግጁ ከመሆኑ በፊት እጥፉን አልፎ ይሄዳል። ጥሩ በሚመስል እና በፍጥነት በሚጫን ገጽ መካከል ያለው ክፍተት የምስል ፋይል መጠኖች ጉብኝት ገቢ ወይም ግጭት መሆን አለመሆኑን የሚወስኑበት ቦታ ነው።

በእያንዳንዱ ገጽ ላይ የተደበቀው ውድድር

በመደብር ገጽ ላይ ያለ እያንዳንዱ ምስል ከቅጂ፣ ከስክሪፕቶች፣ ከንድፍ እና ከደንበኛው ትዕግስት ጋር ይወዳደራል። የጀግናው ፎቶ ትልቅ ከሆነ፣ የመተላለፊያ ይዘትን ከመብላት የበለጠ ነገር ያደርጋል፣ ጎብኚው ቅናሹን መፍረድ የሚችልበትን ጊዜ ያዘገየዋል። የምስል ክብደት የልወጣ ጥያቄ እና በተመሳሳይ ጊዜ የኮር ዌብ ቪታልስ ጥያቄ ነው።

የShopify ነጋዴዎች ብዙውን ጊዜ ይህንን በመጀመሪያ የሚሰማቸው በምርት ገጾች እና በመሰብሰቢያ ገጾች ላይ ነው። ጥቂት ትላልቅ ፎቶዎች መላውን አቀማመጥ በተለይም በሞባይል አውታረ መረቦች ላይ ከባድ እንዲሰማቸው ሊያደርጉት ይችላሉ፣ እና ያ ክብደት በጣም አስፈላጊ በሆኑ ቦታዎች፣ ጀግናው፣ የመሰብሰቢያ ፍርግርግ፣ የምርት ማጉላት እና ድንክዬዎች ላይ ይታያል። የጀግና ምስል ከትንሽ ምስል የተለየ ስራ አለው፣ ስለዚህ ተመሳሳይ የፋይል መጠን ሸክም መሸከም የለበትም። ተመሳሳይ ነገር ለስብስብ ፍርግርግ ይሄዳል፣ ተደጋጋሚ ምስሎች በፍጥነት የሚደራረቡበት እና እያንዳንዱን ማሸብለል የሚቀጡበት።

የምስል ፋይል መጠን ገጹ ምን ያህል በፍጥነት ጥቅም ላይ እንደሚውል ላይም ተጽዕኖ ያሳድራል፣ ለዚህም ነው ከአቀማመጥ እቅድ ጋር በተመሳሳይ ውይይት ውስጥ የሚገባው። ጥሬ የምስል ልኬቶች አስፈላጊ ናቸው፣ ነገር ግን የሚላከው የፋይል መጠን አሳሹ ማምጣት እና መፍታት ያለበት ነው። በያሲን ማልቲ የምስል መጠን መቀየሪያ መመሪያ ውስጥ እንደተገለጸው፣ አነስተኛ ወደ ውጭ መላክ የምስሉን የእይታ ሚና ጠብቆ አላስፈላጊ ክብደትን በማስወገድ ሊቆይ ይችላል።

ተግባራዊ ውጤት

ይህ አስፈላጊ የሆነበት ምክንያት ቀላል ነው። መሰረታዊው የፒክሰል ብዛት የመነሻ መስመሩን ያስቀምጣል፣ እና መጭመቂያ እና ቅርጸት የመጨረሻውን የፋይል መጠን ይወስናል። በ24-ቢት RGB ላይ ያለ 24-ሜጋፒክስል ምስል ወደ 72 ሚሊዮን ባይት ጥሬ የፒክሰል ውሂብ ይይዛል፣ ተመሳሳይ ምስል ደግሞ እንደ JPEG በ100% ጥራት 423.41 ኪባ ወይም በJPEG በ90% ጥራት 211.7 ኪባ ሊደርስ ይችላል፣ እንደ ኤክስፖርት ምርጫዎች ( ስካንቲፕስ )። ይህ ክፍተት ሁለት መደብሮች ከሞላ ጎደል ተመሳሳይ የሚመስሉ እና አሁንም በጣም የተለያዩ የፍጥነት ውጤቶችን የሚያገኙ ምስሎችን መጠቀም የሚችሉት ለዚህ ነው።

ተግባራዊ ደንብ፡- አንድ ምስል ለማስዋብ ሳይሆን ለመሸጥ የበለጠ አስፈላጊ ከሆነ፣ ከመስቀልዎ በፊት የፋይል መጠን ያለው ኢላማ ይስጡት።

መደበኛ ነጋዴዎች ሊጠቀሙበት የሚገባው ይህ ነው። ለእያንዳንዱ የሱቅ ፊት ለፊት ማስገቢያ በጀት ያዘጋጁ፣ ከዚያም ፋይሉን ከስራው ጋር ያዛምዱት። የጀግና ባነር ከትንሽ ምስል የበለጠ ክብደትን ሊያረጋግጥ ይችላል፣ ነገር ግን የገጹን ቀሪ ክፍል ተጨማሪ ሻንጣ እንዲይዝ ማስገደድ የለበትም። ይህ ልማድ አንዴ ከተፈጠረ፣ የምርት ገጾች ለማስተዳደር ቀላል ይሆናሉ፣ እና እያንዳንዱ አዲስ ሰቀላ ሌላ የተደበቀ ጎትት ከመሆን ይልቅ የሚስማማ ቦታ ይኖረዋል።

የምስል መጠን ከፋይል መጠን እና ሁለቱም አስፈላጊ የሆኑት ለምንድነው?

ነጋዴዎች ብዙውን ጊዜ እነዚህን ቃላት የሚጠቀሙት ተመሳሳይ ነገር እንደሚያመለክቱ አድርገው ነው፣ ከዚያም አንድ ምስል በአስተዳዳሪው ውስጥ ለምን ጥሩ ሆኖ እንደሚታይ ነገር ግን የመደብሩን ፊት ለምን እንደሚያዘገይ ያስባሉ። የምስል መጠን የፒክሰል ልኬቶች፣ ስፋት በቁመት ነው። የፋይል መጠን የተላከው ፋይል በባይት በዲስክ ላይ፣ አብዛኛውን ጊዜ KB ወይም MB፣ እና በመጭመቂያ፣ ቅርጸት እና ቢት ጥልቀት ይለወጣል። ሁለት ምስሎች ተመሳሳይ ልኬቶችን ሊጋሩ እና አሁንም በጣም የተለያዩ የመጫኛ ወጪዎችን ሊፈጥሩ ይችላሉ።

የምስል መጠንን በፒክስል ከፋይል መጠን በባይት ለዲጂታል ፎቶግራፍ እና ግራፊክስ የሚያወዳድር ዲያግራም።

ፒክስሎች ጣሪያውን አዘጋጁት

ፒክስሎች ፋይሉ ምን ያህል የእይታ ዝርዝሮችን መያዝ እንደሚችል ይገልፃሉ። በ24-ቢት RGB ላይ ያለ 24-ሜጋፒክስል ምስል ወደ 72 ሚሊዮን ባይት ጥሬ የፒክሰል ውሂብ ይይዛል ምክንያቱም በፒክሰል 24 ሚሊዮን ፒክስል × 3 ባይት = 72,000,000 ባይት ነው ። ያ ጥሬ ቁጥር ወደ ውጭ ለመላክ መነሻ ነጥብ ነው፣ አሳሹ የሚቀበለው የመጨረሻው ክብደት አይደለም።

የኤክስፖርት ምርጫዎች ውጤቱን በፍጥነት ይለውጣሉ። ተመሳሳይ የምንጭ ፎቶ በ100% ጥራት እንደ JPEG 423.41 ኪ.ባ እና በ90% ጥራት በJPEG 211.7 ኪ.ባ ሊወጣ ይችላል። ፒክስሎቹ ተመሳሳይ ሆነው ይቆያሉ፣ ኤክስፖርት ደግሞ የመጀመሪያውን ዝርዝር የበለጠ ወይም ያነሰ ይጠብቃል።

መጭመቂያ እና ቅርጸት ውጤቱን ይወስናሉ

ብዙ የShopify ኦዲቶች እዚህ ወደ ጎን ይሄዳሉ። ነጋዴዎች አንድ ትልቅ ምስል ለድር በጣም ከባድ መሆን አለበት ብለው ያስባሉ፣ ነገር ግን ልኬቶች እና የፋይል ክብደት የተለያዩ ውሳኔዎች ናቸው። ትልቅ መጠን ያለው ምስል በጥሩ ሁኔታ ወደ ውጭ ከተላከ አሁንም ምክንያታዊ ፋይል ሊሆን ይችላል። መጠነኛ የሚመስል ግራፊክ በተሳሳተ ቅርጸት ወይም በተሳሳተ ጥራት ከተቀመጠ ሊነፋ ይችላል።

ይህ ልዩነት በመደብር ፊት ለፊት ባለው ሚና ወሳኝ ነው። የጀግና ባነር ከትንሽ ምስል የበለጠ የእይታ ክብደት ሊይዝ ይችላል፣ ነገር ግን የስብስብ ፍርግርግ ምስል ገጹ በንጽህና እንዲጫን በቂ ብርሃን ሊኖረው ይገባል። የምርት ማጉላት ፎቶግራፎች በቅርበት ለመያዝ በቂ የፒክሰል ዝርዝር ያስፈልጋቸዋል፣ የትንሽ ምስል ማስገቢያው አቀማመጥ ከሚታየው በላይ ዝርዝርን ከያዘ የመተላለፊያ ይዘቱን ያባክናሉ።

የአውራ ጣት ደንብ፡- ፒክስሎች ምስሉ ምን ያህል የእይታ ዝርዝሮችን ማሳየት እንደሚችል ያስቀምጣሉ። የፋይል መጠን ሸማችዎ ምን ያህል ማውረድ እንዳለበት ያስቀምጣል።

እነዚያን ሁለት ቁጥሮች ለየብቻ ያስቀምጡ እና የምስል እቅድ ማውጣት ቀላል ይሆናል። ጠባብ የድንክዬ ማስገቢያ ከትልቅ ልኬቶች ጥቅም የለውም። የምርት-ገጽ ማጉላት ምስል ስለታም ለመምሰል በቂ ፒክስሎች ያስፈልገዋል፣ ነገር ግን የተላከው ፋይል አሁንም ለኮር ዌብ ቪታሎች እና ለተቀረው ገጽ ዙሪያውን መጫን ለሚኖርበት ምክንያታዊ ሆኖ መቆየት አለበት።

JPEG፣ PNG፣ WebP እና AVIF ሲነፃፀሩ

እያንዳንዱ የምስል ቅርጸት በShopify መደብር ፊት ለፊት የተለየ ዓላማ አለው። የምርት ፎቶ፣ አርማ እና ቅጽበታዊ ገጽ እይታ ሁሉም በተመሳሳይ ጭብጥ ላይ ቢሆኑም እንኳ የተለየ አያያዝ ያስፈልጋቸዋል። ምስሉ በገጹ ላይ በሚያደርገው ስራ ላይ በመመስረት ቅርጸቱን ይምረጡ፣ በልማድ ላይ ሳይሆን።

የJPEG፣ PNG፣ WebP እና AVIF የምስል ቅርጸቶችን ከባህሪያቸው እና የአጠቃቀም ሁኔታዎቻቸው መግለጫ ጋር የሚያወዳድር ኢንፎግራፊክ።

JPEG እና PNG አሁንም ቦታቸውን ያገኛሉ

JPEG ለፎቶዎች መደበኛ ምርጫ ሆኖ ይቀጥላል። በጥሩ ሁኔታ ይጨመቃል፣ በሁሉም ቦታ ማለት ይቻላል ይሰራል፣ እና ብዙውን ጊዜ የምርት ምስሎችን ለድር በቂ ብርሃን ያስቀምጣል። PNG ስለታም ጠርዞች፣ ጠፍጣፋ ቀለም፣ ግልጽነት ወይም ጽሑፍ የሚያስፈልጋቸውን ምስሎች ይገጥማል፣ ለዚህም ነው አርማዎች እና የUI ግራፊክስ ብዙውን ጊዜ ፋይሎቹ ብዙውን ጊዜ ከባድ ቢሆኑም እንኳ እዚያ ውስጥ የሚገቡት።

ይህ በShopify ላይ ልዩነት ይፈጥራል ምክንያቱም መደብሮች ብዙውን ጊዜ ሁለቱንም አይነት ንብረቶች ያዋህዳሉ። እንደ PNG የተቀመጠ የአኗኗር ዘይቤ ፎቶ ብዙውን ጊዜ የሱቁ ፊት ለፊት ከሚይዘው በላይ ክብደት አለው። እንደ JPEG የተቀመጠ አርማ ሻካራ ሊመስል ወይም ግልጽነትን ሊያጣ ይችላል፣ ይህም በኋላ ላይ ሊወገድ የሚችል ጽዳት ይፈጥራል። ቅርጸቱ ከስራው ጋር የሚስማማ መሆን አለበት፣ ልማዱን አይደለም።

የመሰብሰቢያ ካርድ ጥሩ ምሳሌ ነው። ምስሉ ንጹህ የምርት ቀረጻ ከሆነ፣ JPEG ብዙውን ጊዜ ሸማቾች የሚያዩትን እይታ ሳይጎዳ ክብደቱን ዝቅ ያደርገዋል። ንብረቱ ባጅ፣ አዶ ወይም አርማ ባለቀለም ዳራ ላይ የተቀመጠ ከሆነ፣ PNG ጠርዞቹን በተሻለ ሁኔታ ይከላከላል እና አስቀያሚ ሀሎዎችን ያስወግዳል።

የWebP እና AVIF የግፊት ፋይል መጠኖች ዝቅ ያሉ ናቸው

ዘመናዊ ቅርጸቶች ብዙውን ጊዜ የፋይል መጠንን የበለጠ ይቀንሳሉ። ለምሳሌ በተመጣጣኝ ጥራት ምስል፣ በ75% የሚገኘው JPEG ከ1.25–1.53 ሜባ አካባቢ ነው፣ WebP ኪሳራ ከ0.72–0.88 ሜባ አካባቢ ነው፣ AVIF ከ0.57–0.69 ሜባ አካባቢ ነው፣ እና JPEG XL ከ0.55–0.67 ሜባ አካባቢ ነው ( W3Techs )። ይህ ከአሮጌ የኤክስፖርት ልማዶች ትርጉም ያለው ቅናሽ ነው፣ እና ብዙ የሱቅ መሸጫ ቦታዎች ፎቶዎችን ለስላሳ እንዲመስሉ ሳያደርጉ ክብደትን መቀነስ የሚችሉት ለምን እንደሆነ ያብራራል።

ዋናው ነገር የቅርጸት ምርጫው አሁንም በይዘቱ ላይ የተመሰረተ መሆኑ ነው። WebP እና AVIF ለምርት ፎቶግራፍ በጣም ጥሩ ሊሰሩ ይችላሉ፣ ነገር ግን ግልጽነት ያላቸው ግራፊክስ በተለየ መንገድ ሊሠሩ ይችላሉ። ፋይል በአብዛኛው ፎቶግራፍ ከሆነ፣ ያንን አይነት ምስል በብቃት የሚያጭምቅ ቅርጸት ይጠቀሙ። አርማ ወይም ግልጽነት ያለው ግራፊክ ከሆነ፣ ጠርዞቹን ንጹህ የሚያደርግ ቅርጸት ይጠቀሙ።

በShopify መደብር ፊት ለፊት፣ ይህ ማለት ብዙውን ጊዜ ለጀግና ባነር አንድ ቅርጸት፣ ለሎጎው ሌላ ቅርጸት እና ለቅርበት የምርት ቀረጻዎች ሌላ ቅርጸት ማለት ነው። ትክክለኛው ምርጫ ዘመናዊ ስለሚመስለው ነገር ሳይሆን ምስሉን በትክክለኛው ቦታ ላይ በግልጽ እያሳየ ገጹን ፈጣን ስለሚያደርገው ነገር ነው።

የውሳኔ ደንብ፡- ከሰዎች፣ ከምርቶች ወይም ከሸካራነት ጋር ፎቶግራፍ ያንሱ፣ JPEG ወይም WebPን ይምረጡ። ጠፍጣፋ ግራፊክስ፣ አርማዎች ወይም ቅጽበታዊ ገጽ እይታዎች፣ PNGን ይምረጡ። የስራ ፍሰትዎ የfallback ድጋፍ የሚሰጥ ከሆነ፣ AVIF ወይም WebP ንፁህ የቀጥታ መደብር አማራጭ ነው።

ጥራት እና መጭመቂያ ቁጥሮቹን እንዴት እንደሚቀይሩ

አንድ ፋይል በማያ ገጽዎ ላይ ጥሩ ሊመስል እና አሁንም ከሚያስፈልገው በላይ ከባድ ሊሆን ይችላል። ነጋዴዎች በShopify ውስጥ መጀመሪያ የሚሰማቸው ይህ ነው፣ ምክንያቱም ተመሳሳይ ምስል እንደ ጀግና ባነር፣ የስብስብ ፍርግርግ ንጣፍ፣ የምርት ማጉላት ቀረጻ ወይም ትንሽ ድንክዬ በጣም በተለየ መንገድ ሊሠራ ይችላል። ጥራት አሳሹ ምን ያህል ፒክስሎችን እንዲይዝ እየጠየቁ እንደሆነ ይቆጣጠራል፣ እና መጭመቂያ ገጹ ከመጫኑ በፊት የዚያ ክብደት ምን ያህል እንደሚቆረጥ ይቆጣጠራል።

ተጨማሪ ፒክስሎች ማለት ተጨማሪ ውሂብ ማለት ነው

ትልቅ ምስል ትልቅ ሸራ ብቻ ሳይሆን አሳሹ ለማስኬድ የበለጠ ጥሬ መረጃ ነው። ቀደም ሲል እንደታየው፣ 24ሜፒ ምስል መጭመቂያ ከመጀመሩ በፊት ወደ 72 ሚሊዮን ባይት የሚጠጋ ጥሬ ውሂብ ይይዛል ። ተመሳሳይ ትዕይንት ከሱቁ ፍላጎት በላይ በሆነ የፒክሰል ብዛት ወደ ውጭ ከላኩ፣ ፎቶው ከታየ በኋላ ተመሳሳይ ቢመስልም ፋይሉ የበለጠ ክብደት ይኖረዋል።

ለዚህም ነው ከመጠን በላይ የሆኑ ኤክስፖርትዎች ከማከማቻ በላይ መጨናነቅ የሚያስከትሉት። የማስተላለፊያ ክብደትን ይጨምራሉ፣ አሳሹን የበለጠ እንዲሰራ ያደርጉታል፣ እና ሸማቾች ገጹ ፈጣን ስሜት እንዲሰማው በሚጠብቁበት ትክክለኛ ቦታ ምስሉን ሊያዘገዩት ይችላሉ። የስብስብ ፍርግርግ ንጣፍ ከማጉላት የሚችል የምርት ምስል ጋር ተመሳሳይ የክፍያ ጭነት አያስፈልገውም፣ እና ድንክዬ ከሁለቱም በጣም ያነሰ ይፈልጋል።

መጭመቅ ያድናል፣ ነገር ግን ተጨማሪ ፒክሰሎችን ነፃ አያደርግም

መጭመቅ ትልቅ የምንጭ ፋይልን ወደ Shopify በብቃት ሊያቀርብ ወደሚችለው ነገር ሊያመጣ ይችላል፣ ነገር ግን አቀማመጥ ከሚያስፈልገው በላይ ፒክሰሎችን የመጠቀም ወጪን አያጠፋም። የምርት ፎቶ ወደ ማጉላት በሚችል ጋለሪ ውስጥ እየገባ ከሆነ፣ በጥሩ ማያ ገጽ ላይ ጥርት ብሎ ለመቆየት በቂ ዝርዝር ያስፈልግዎታል። ተመሳሳዩ ምስል ወደ ስብስብ ካርድ ብቻ የሚሄድ ከሆነ፣ ሙሉ መጠን ያለው ስሪት መላክ ከንቱ ጥረት ነው።

ስለእሱ ለማሰብ ያለው ንጹህ መንገድ ቀላል ነው። ፒክስል ለቆሻሻ ቦታውን ያስቀምጣል ፣ ምክንያቱም ትላልቅ መጠኖች ሊወገድ የሚችል ክብደት ይፈጥራሉ። የጥራት ቅንብሩ ቁጠባን ጣሪያ ያስቀምጣል ፣ ምክንያቱም ኤክስፖርት ምን ያህል ዝርዝር እንደሚይዝ ስለሚወስን። ቅርጸቱ ያ መጭመቂያ ምን ያህል እንደሚረዳ ይቆጣጠራል ፣ ምክንያቱም የተለያዩ የፋይል ዓይነቶች በተመሳሳይ መንገድ አይቀንሱም።

ከShopify አጠቃቀም ጉዳዮች ጋር ለተያያዘ የምስል መጠን መመሪያ፣ ይህ የShopify ምስል SEO መመሪያ ጠቃሚ አጋዥ ነው። እያንዳንዱን የሱቅ ፊት ምስል ተመሳሳይ ስራ እንደሚያከናውን ከማየት ይልቅ የኤክስፖርት ውሳኔውን ከትክክለኛው አቀማመጥ ጋር ለማገናኘት ይረዳል።

የጀግና ምስል፣ የስብስብ ንጣፍ እና ድንክዬ ሁሉም የተለያዩ የዝርዝር ደረጃዎችን ይጠይቃሉ። ነጋዴዎች ብዙውን ጊዜ የሚያጡት ይህ ነው፣ እና ለዚህም ነው በአሳሽ ውስጥ ከባድ ማከማቻ እየፈጠሩ ሳለ በአርታዒ ላይ ትንሽ የጥራት ለውጥ ምንም ጉዳት የሌለው ሊመስል የሚችለው።

ዋና የድር ዋና ዋና ነገሮች እና የከባድ ምስሎች የSEO ዋጋ

ከባድ ምስሎች SEOን በጣም ቀጥተኛ በሆነ መንገድ ይጎዳሉ፣ ምክንያቱም ጉግል ተሞክሮውን የሚለካው ከጭነቱ ጀርባ ያለውን ዓላማ ሳይሆን። በብዙ የShopify ገጾች ላይ ትልቁ የሚታየው ምስል የመጫኛ ተሞክሮውን የሚቆጣጠርበት ነገር ነው። ያ ምስል በጣም ከባድ ከሆነ ትልቁ ይዘት ያለው ቀለም ፍጥነት ይቀንሳል፣ እና ጎብኚው ገጹ ጥቅም ላይ ሊውል የሚችል እስኪመስል ድረስ ረዘም ላለ ጊዜ ይጠብቃል።

የምስል ፋይል መጠኖችን መጨመር ከፍተኛውን የይዘት ቀለም ገጽ ጭነት ጊዜ ላይ አሉታዊ ተጽዕኖ እንደሚያሳድር የሚያሳይ የአሞሌ ገበታ።

LCP ብዙውን ጊዜ በተሳሳተ ነገር ላይ ይወቀሳል

ነጋዴዎች ብዙውን ጊዜ መተግበሪያዎችን፣ ስክሪፕቶችን ወይም የገጽታ ኮድን መጀመሪያ ይወቅሳሉ፣ እና አንዳንድ ጊዜ ትክክል ናቸው። ነገር ግን የጀግናው ምስል ብዙውን ጊዜ ቀላሉ ነጠላ ድል ነው። ትልቅ የጀግና ፎቶ ገጹ ትርጉም ያለው በሚሆንበት ጊዜ፣ በተለይም በሞባይል ላይ፣ የግንኙነት ጥራት የሚለያይበት እና የመመልከቻ ፖርት ትንሽ ስለሆነ ከመጠን በላይ የሆኑ ንብረቶችን በቀላሉ ማየት የሚቻልበት ጊዜ ሊያዘገይ ይችላል።

የምስል ክብደት የሚነካው ሌላኛው መለኪያ የCumulative Layout Shift ነው። ገጽታዎ ለምስሎች ቦታ በአግባቡ ካላስያዘ፣ አቀማመጡ ንብረቶች ሲጫኑ ይዘልቃል። ይህ ለሸማቾች ግድየለሽነት የሚሰማው እና ገጹን ለመጠቀም አስቸጋሪ ያደርገዋል። የShopify ገጽታዎች ብዙውን ጊዜ ይህንን ስራ አስቀድመው ይሰራሉ፣ ነገር ግን ነጋዴን ከደካማ የምስል የስራ ፍሰት ለማዳን ሁልጊዜ በቂ አይደለም።

የመጠን ኢላማዎች የዘፈቀደ አይደሉም

የድር አቅርቦት ቴክኒካዊ መመሪያ በተለምዶ ከ 800 እስከ 1000 ፒክስል እና ከ80 እስከ 150 ኪባ አካባቢ የምርት ፎቶዎችን፣ ከ200 ኪባ በታች የጀግና ምስሎችን እና ከ 500 ኪባ በታች የጠቅላላ የገጽ ምስል በጀትን ይጠይቃል። ተመሳሳይ መመሪያ JPEGዎችን ብዙውን ጊዜ ከ 200 እስከ 600 ኪባ አካባቢ፣ WebP ከ 150 እስከ 450 ኪባ ፣ AVIF ከ 80 እስከ 300 ኪባ እና PNG ከ 500 ኪባ እስከ 3 ሜባ ( ቪዙዋ ) ያስቀምጣል። እነዚህ ክልሎች የሚገኙት የምስል ክብደት እና የገጽ አፈጻጸም አንድ ላይ ስለተሳሰሩ ነው።

አንድ ገጽ ፈጣን ለመሆን በሰው ሰራሽ መልኩ ትንሽ መሆን የለበትም። ዲሲፕሊን ሊኖረው ይገባል። የምስል ጭነትዎ ከተነፋ፣ አሳሹ የሸማቹን ተሞክሮ የማያሻሽል ስራ እንዲሰራ እያደረጉት ነው። ይህ ቀጥተኛ የSEO ወጪ ነው፣ የቲዎሬቲካል ወጪ አይደለም።

በሰፊው የኦዲት ሂደት ላይ በShopify ላይ ያተኮረ አንግል ለማግኘት፣ ይህ የShopify ምስል SEO መመሪያ ጠቃሚ የማጣቀሻ ነጥብ ነው።

በShopify Placement የዒላማ የምስል የፋይል መጠኖች

መገመትን ለማቆም ቀላሉ መንገድ በመደብሩ ፊት ለፊት ለእያንዳንዱ የእይታ ሚና የፋይል መጠን በጀት ማዘጋጀት ነው። የጀግና ባነር ከትንሽ ምስል የተለየ ስራ ይሰራል፣ እና የስብስብ ፍርግርግ ልክ እንደ ማጉላት የሚችል የምርት ምስል ተመሳሳይ ክብደት ያለው ወደ ውጭ መላክ የለበትም። ነጋዴዎች የምስል ፋይል መጠኖችን ለትክክለኛ ቦታዎች ከመደቡ በኋላ፣ መደብሩ በፍጥነት ለማቆየት ቀላል እና ኦዲት ለማድረግ በጣም ቀላል ይሆናል።

የሱቅ ፊት አቀማመጥ የኤክስፖርት ምርጫዎችዎን እንዲወስን ይፍቀዱለት

ሙሉ ስፋት ያላቸው ምስሎች ብዙውን ጊዜ ከትናንሽ የአቀማመጥ ብሎኮች የበለጠ ቦታ ያስፈልጋቸዋል። ምላሽ ሰጪ የምስል መመሪያ በተለምዶ ከ 1600 ፒክስል እና ከ200 እስከ 300 ኪባ አካባቢ ያሉ ሙሉ ስፋት ያላቸውን ምስሎች፣ ከ25% እስከ 50% የአቀማመጥ ምስሎች ከ 800 ፒክስል እና ከ70 እስከ 350 ኪባ አካባቢ ያሉ ትናንሽ እና 2× መጠን ያላቸው ምስሎች የማሳያ ቦታን ስለሚይዙ አሁንም በከፍተኛ ጥግግት ስክሪኖች ላይ ስለታም ሆነው ይታያሉ። በተግባር፣ ይህ ማለት ተመሳሳይ የምንጭ ፎቶ ብዙውን ጊዜ የተለያዩ ኤክስፖርትዎችን ይፈልጋል ማለት ነው፣ አንዱ የሚሞላው ማስገቢያ ሲሆን ሌላኛው ደግሞ ጥቅጥቅ ያለ ማያ ገጽ የሚጠብቀውን ስለታም ምስል ያሳያል።

የShopify Placement የምስል ፋይል መጠን ኢላማዎች አቀማመጥ የዒላማ ስፋት የዒላማ ፋይል መጠን የሚመከር ቅርጸት
የጀግና ባነር ከፍተኛ የገጹ ጀግና ወደ 1600 ፒክስል አካባቢ ከ200 እስከ 300 ኪባ JPEG ወይም WebP
የስብስብ ፍርግርግ ድንክዬ የስብስብ ንጣፎች ከ400 እስከ 600 ፒክስል አካባቢ ከ40 እስከ 80 ኪባ JPEG ወይም WebP
የምርት ገጽ ፎቶ ዋናው የምርት ጋለሪ ከ800 እስከ 1200 ፒክስል አካባቢ ከ100 እስከ 200 ኪባ JPEG፣ WebP ወይም AVIF
የጥፍር ወይም የንድፍ ምስል አነስተኛ የድጋፍ ማስገቢያ ከ200 እስከ 400 ፒክስል አካባቢ በተቻለ መጠን ብርሃን ይኑርዎት JPEG ወይም PNG፣ እንደ ይዘቱ ይለያያል

የጀግና ምስል ተጨማሪ የእይታ ፖርትን ስለሚሞላ የበለጠ ክብደት ሊሸከም ይችላል። የስብስብ ንጣፍ አይችልም። ነጋዴዎች ምስሎችን ለShopify ክፍሎች ሲልኩ ማስታወስ ያለባቸው ልዩነት ይህ ነው፣ ምክንያቱም የፋይሉ መጠን ምስሉ በገጹ ላይ ካለው ቦታ ጋር መዛመድ አለበት።

ተመሳሳይ ምስል ከአንድ በላይ ወደ ውጭ መላክ ለምን ሊፈልግ ይችላል

የምርት ገጽ ብዙውን ጊዜ ምላሽ በሚሰጥ ምልክት ማድረጊያ አማካኝነት በርካታ ተመሳሳይ ፋይሎችን ያቀርባል። ይህ የተለመደ ነው። አሳሹ ለትናንሽ ማያ ገጾች ትንሽ ፋይል ማግኘት አለበት እና አቀማመጡ በሚፈልግበት ቦታ ብቻ ትልቅ ፋይል ማግኘት አለበት። ያ ማዋቀር አላስፈላጊ ብዛትን ለእያንዳንዱ ጎብኚ ሳይልክ የማጉላት ጥራትን ሳይነካ ይጠብቃል።

ከምርት ማዕከለ-ስዕላት ባሻገር ተመሳሳይ አመክንዮ ይሠራል። የመደብር ገጽ ብዙውን ጊዜ ለዋናው ጀግና አንድ አያያዝ፣ ለስብስብ ካርዶች ሌላ እና ለቅርብ ዝርዝር ምስሎች ሌላ አያያዝ ያስፈልገዋል። ማህበራዊ እና የማጋሪያ ንብረቶችን ከመደብር ገጽ ምስሎች ጋር ማስማማት ከፈለጉ፣ ይህ የShopify ማህበራዊ ምስል መመሪያ ከምርት ገጽ ውጭ ያሉትን ፍላጎቶች ከተመሳሳይ የምስል የስራ ፍሰት ጋር ለማገናኘት ይረዳል።

የሱቅ መመሪያ፡- ስሎው ኤክስፖርትን ይወስን። ጀግና ለጋስ ሊሆን ይችላል። የፍርግርግ ድንክዬ አይችልም።

ይህ ደንብ አንድ ግዙፍ ምስል በመስቀል እና ጭብጡ እንዲስተካከል ተስፋ በማድረግ የተለመደ ስህተትን ይከላከላል። ገጽታዎች ሊረዱ ይችላሉ፣ ነገር ግን ደካማ የኤክስፖርት ውሳኔን መቀልበስ አይችሉም።

መደብሮችን ቀስ ብለው እንዲቆዩ የሚያደርጉ የተለመዱ የተሳሳቱ አመለካከቶች

ብዙ ቀርፋፋ የShopify መደብሮች ቀርፋፋ ናቸው ምክንያቱም አንድ ሰው ግማሽ እውነት የሆነ ህግን አምኖ ደጋግሞ ስለሚደግመው። እነዚህ ልማዶች በኦዲት ውስጥ ደጋግመው ይታያሉ፣ ብዙውን ጊዜ ምክሩ መጀመሪያ ላይ ምክንያታዊ ስለሚመስል እና የሱቅ ፊት ለፊት እንዴት እንደሚጫን ስለማይረጋገጥ። አንዴ ልማድን ከአፈጻጸም ለይተው ካወቁ በኋላ ጥገናዎቹ ብዙውን ጊዜ ቀላል ናቸው።

ሊወገድ የሚችል የሆድ እብጠት የሚያስከትሉ አምስት እምነቶች

  • ከፍተኛ ጥራት ማለት ሁልጊዜ የተሻለ ጥራት ማለት ነው። ምስሉ ከሚሞላው ቦታ በላይ ከሆነ ያ እውነት መሆን ያቆማል። ተጨማሪ ፒክስሎች ለሸማቹ እይታ ምንም አያደርጉም፣ ክብደትን ብቻ ይጨምራሉ።
  • PNG ሁልጊዜ ከ JPEG የበለጠ ስለታም ነው። PNG ለጠንካራ ጠርዞች ላላቸው አርማዎች እና ግራፊክስ ትክክለኛው ምርጫ ነው፣ ነገር ግን የምርት ፎቶዎች ብዙውን ጊዜ ያንን ኪሳራ የሌለበት ወጪ አያስፈልጋቸውም።
  • Shopify ሁሉንም ነገር በራስ-ሰር ያመቻቻል። Shopify በአንዳንድ ሁኔታዎች ይረዳል፣ ነገር ግን የመጀመሪያው ጭነት አሁንም ንብረቱ ምን ያህል ክብደት ሊኖረው እንደሚችል ደረጃውን ያስቀምጣል።
  • ዌብፒ የ SEO ችግርን ይጎዳል ምክንያቱም ጉግል ማንበብ አይችልም። ያ እምነት ጊዜ ያለፈበት ነው። የፍለጋ ስርዓቶች እንደ መደበኛ ምስሎች ያሉ ዘመናዊ ቅርጸቶችን ሊያሳዩ ይችላሉ።
  • የምስል መጠን በዴስክቶፕ ላይ ብቻ ነው የሚፈለገው። የሞባይል ሸማቾች መጀመሪያ አላስፈላጊ የፋይል ክብደት ይሰማቸዋል፣ ምክንያቱም መሳሪያዎቻቸው እና ግንኙነቶቻቸው ለስህተት ቦታ ስለሌላቸው።

የማስተካከያ ነጋዴዎች ወዲያውኑ መጠቀም ይችላሉ

ማስተካከያው የሚጀምረው በሚና ነው፣ ልማድ አይደለም። የጀግና ምስል የገጹን አናት ለመያዝ በቂ ጥራት ያስፈልገዋል። የስብስብ ንጣፍ ፍርግርጉ በንጽህና እንዲጫን ቀላል ሆኖ መቆየት አለበት። የማጉላት ምስል የተለየ ስራ ስለሚያገለግል የበለጠ ዝርዝር ሊይዝ ይችላል፣ ድንክዬ ወይም swatch ደግሞ አቀማመጡ በሚፈቅደው መጠን ትንሽ ሆኖ መቆየት አለበት።

ለዚህም ነው ለእያንዳንዱ ምስል አንድ የኤክስፖርት ደንብ ችግር የሚፈጥረው። ንብረቱ ፎቶ ከሆነ፣ ለፍጥነት እና ለአሳማኝ ቀለም ወደ ውጭ ይላኩ። ጽሑፍ ወይም ግልጽነት ያለው ግራፊክ ከሆነ፣ ጠርዞቹን ይጠብቁ እና ፋይሉ ትልቅ ሊሆን እንደሚችል ይቀበሉ። በጠባብ ማስገቢያ ውስጥ ከሆነ፣ ለሙሉ ስፋት ማሳያ የታሰበ ፋይል አይስቀሉ።

በጥራት ክፍሉ ውስጥ እንደተመለከተው፣ 24ሜፒ ምስል ከተጨመቀ በኋላ ከ 2 እስከ 8 ሜባ ሊደርስ ይችላል፣ ይህም የፒክሰል ብዛት ብቻውን ምስል ለድር ዝግጁ መሆኑን ወይም አለመሆኑን ለምን እንደማይነግርዎት ለማሳየት በቂ ነው። ዋናው ጥያቄ ፋይሉ ከሚያገለግለው የShopify አቀማመጥ ጋር ይጣጣማል ወይ የሚለው ነው። ጀግና ከግሪድ ካርድ በላይ መታገስ ይችላል፣ እና የማጉላት ምስል ደግሞ ከትንሽ ምስል በላይ መታገስ ይችላል። ኤክስፖርት ከሚጫወተው ሚና ጋር መጣጣም አለበት።

ተዛማጅ ስህተት እያንዳንዱ ንብረት ተመሳሳይ የሜታዳታ ጽዳት ያስፈልገዋል ብሎ ማሰብ ነው። ምስሉ ለማሳየት በቂ አስፈላጊ ከሆነ፣ መጀመሪያ ኦዲት ማድረግ በቂ አስፈላጊ ነው። የስራ ፍሰቱ ክፍል ወጥነት እንዲኖረው ለማድረግ የShopify ምስሎችን alt text ጀነሬተር ይጠቀሙ፣ ከዚያም የፋይሉን መጠን ከሚሞላው ማስገቢያ ጋር ይገምግሙ።

አብዛኛዎቹ መደብሮች የሚጎድሉት ይህ ነው። ፋይሉ ትንሽ መሆን የለበትም። ተገቢ መሆን አለበት።

ለቀጣዩ የምስል ባችዎ ተደጋጋሚ የማረጋገጫ ዝርዝር

በጣም ንጹህ የሆነው የምስል የስራ ፍሰት ቡድንዎ ሳይገምት ሊደግመው የሚችለው ነው። ተመሳሳይ ፍተሻዎች በተመሳሳይ ቅደም ተከተል በተከሰቱ ቁጥር፣ በካታሎግ ውስጥ የተደበቁ ትላልቅ ሰቀላዎች፣ የአቀማመጥ አስገራሚ ነገሮች ያነሱ እና ያነሰ ቀርፋፋ የምርት ገጾች ያገኛሉ። አዲስ የምርት ጠብታ እያዘጋጁ ከሆነ ወይም ገጽታ እያደሱ ከሆነ፣ ማንኛውም ነገር ከመሰራጨቱ በፊት ይህንን የተለመደ አሰራር ያሂዱ።

ከ Shopify ጋር የሚስማማ ቀላል የኤክስፖርት አሰራር

  1. ለቦታው በዒላማው ስፋት ወደ ውጭ ይላኩ። ጀግና፣ የስብስብ ካርድ፣ የምርት ማጉላት ምስል እና ድንክዬ እያንዳንዳቸው የተለያዩ ስራዎች አሏቸው፣ ስለዚህ የምንጭ ምስሉ ስለሚፈቅድ ብቻ ትልቅ ፋይል አይስቀሉ።
  2. ቅርጸቱን በሚና ይምረጡ። ፎቶዎች ብዙውን ጊዜ JPEG፣ WebP ወይም AVIFን ይገጥማሉ። ግልጽነት ወይም ስለታም ጠርዞች አስፈላጊ ሲሆኑ አርማዎች እና ጽሑፍ የበዛባቸው ግራፊክስ PNGን በተሻለ ሁኔታ ይገጥማሉ።
  3. አስፈላጊ ከሆነ የቀጥታ መደብር ስሪት እና የማጉላት ስሪት ያስቀምጡ። የማጉላት ፋይሉ የበለጠ ዝርዝር መረጃ ሊያስቀምጥ ይችላል፣ ነገር ግን የሚታየው ገጽ አቀማመጡ በእርግጥ ካልሚያስፈልገው በስተቀር ያንን ክብደት መሸከም የለበትም።
  4. በተቻለ መጠን ቀለል ያለ ዘመናዊ ቅርጸት ያቅርቡ። ለቀጥታ ምስሉ WebP ወይም AVIF ይጠቀሙ፣ እና ተኳሃኝነት አስፈላጊ በሚሆንበት ቦታ JPEG ን እንደ fallback ያቆዩት።
  5. ከማተምዎ በፊት የምስል ሜታዳታ እና የአማራጭ ጽሑፍን ያረጋግጡ። ንብረቱ ለማሳየት በቂ አስፈላጊ ከሆነ፣ ኦዲት ለማድረግ በቂ አስፈላጊ ነው። የስራ ፍሰቱ ክፍል ወጥነት እንዲኖረው የ RankEngine's alt text ጀነሬተርን ይጠቀሙ።

ቅጽበታዊ ገጽ እይታ ከ https://rankengine.app

ምን አይነት ወጥነት ይገዛሃል?

ትናንሽ ማሻሻያዎች በአንድ ካታሎግ ውስጥ ይደራረባሉ። አንድ ቀላል የጀግና ምስል አንድን መደብር በራሱ አይለውጠውም፣ ነገር ግን በጥሩ መጠን የተሰሩ የምርት ቀረጻዎች፣ የስብስብ ንጣፎች እና ድንክዬዎች የሱቁን ፊት ንጹህ፣ ፈጣን እና ለመገበያየት ቀላል ያደርጉታል። ደንበኞች ስለ ፋይል መጠኖች ባያወሩም እንኳ ይህንን ያስተውላሉ።

ቡድንዎ የምስል ሜታዳታውን በስፋት የሚያስተናግድ ከሆነ፣ የ RankEngine alt text ጀነሬተር እያንዳንዱን ሰቀላ ወደ በእጅ ስራ ሳይቀይር የስራ ፍሰቱን ክፍል እንዲንቀሳቀስ ማድረግ ይችላል።

ይህንን አሰራር ለቀጣዩ ባችዎ ይተግብሩ፣ እና የሱቅዎ ገጽ ወዲያውኑ በፍጥነት ይጫናል።