ቅጽበታዊ ምስል ከማንኛውም ድረ-ገጽ ከፍተኛ ጥራት ያላቸው ምስሎችን በሁለት ሁነታዎች ያነሳል — የሚታየው ቦታ (በብራውዘር መስኮት ውስጥ ምን እንደሚያዩ) ወይም ሙሉ ገጽ (ሙሉ ገጹን ከላይ እስከ ታች)። ቅጽበታዊ ምስሎች ከፍተኛ ጥራት ያላቸው PNG ፋይሎች ሆነው ይቀመጣሉ።
የብራውዘር-ተፈጥሯዊ ስክሪንሾቶች (እንደ Cmd+Shift+4 ወይም Snipping Tool ያሉ የOS-ደረጃ መሳሪያዎችን በመጠቀም) የብራውዘሩን chrome፣ toolbars እና ሌሎች መስኮቶችን ጨምሮ መላውን ስክሪንህን ይይዛሉ። ከታች ያለውን (below the fold) ይዘት መያዝ አይችሉም። የDevSuite ስክሪንሾት መሳሪያ ሁለቱንም ችግሮች ይፈታል — የድረ-ገጹን ይዘት ብቻ ይይዛል (የብራውዘር UI ሳይኖር) እና ያለምንም መቆራረጥ ሙሉ-ገጽ ምስል ለመፍጠር በመላው ገጹ ውስጥ ማሸብለል ይችላል።
የሚታይ ቦታ ሁነታ ለፒክሰል-ትክክለኛ ትክክለኛነት የChrome ተፈጥሯዊ capture API ይጠቀማል። የሙሉ ገጽ ሁነታ ገጹን በራስ-ሰር ያሸበልላል፣ እያንዳንዱን viewport tile ይይዛል፣ እና ወደ አንድ ተከታታይ ምስል ይሰፋቸዋል። ውጤቱ ከዲስፕሌይህ device pixel ratio ጋር የሚዛመድ ሙሉ-ጥራት PNG ነው፣ ስለዚህ ስክሪንሾቶች በRetina እና high-DPI ማሳያዎች ላይ ግልጽ ይሆናሉ።
Fixed እና sticky ኤለመንቶች (headers፣ cookie banners፣ chat widgets) በሙሉ-ገጽ ቀረጻ ወቅት በራስ-ሰር ይስተናገዳሉ፦ መሳሪያው tiles ን ከheadless renderer ከመቀናበር ይልቅ ትክክለኛውን ገጽ ስለሚያሸበልል፣ በviewport ላይ የተሰካ ማንኛውም ነገር በእያንዳንዱ tile ላይ ከመደጋገም ይልቅ በትክክለኛ ቦታው አንድ ጊዜ ብቻ ይያዛል። Lazy-loaded ምስሎች እና ወደ እይታ ሲንሸራተቱ ብቻ የሚታዩ ይዘቶች ቀረጻው ሲያልፍባቸው በተፈጥሯዊ መንገድ ይነሳሉ፣ ስለዚህ የመጨረሻው ምስል ባዶ placeholder ፍርግርግ ሳይሆን አንድ እውነተኛ ጎብኚ የሚያየውን ያንጸባርቃል — ይህም ለምስል-የበዛባቸው landing pages እና ረጅም ጽሁፎች በጣም አስፈላጊ ነው።
በብራውዘር viewport ውስጥ በትክክል ምን እንደሚታይ ያንሱ — ተጠቃሚው የሚያየው ትክክለኛ ማራባ ይዘት። ብራውዘር chrome የለም፣ መሳሪያ አሞሌዎች የሉም። አንድ ጠቅታ፣ ቅጽበታዊ ቅጽበታዊ ምስል።
ሙሉ ገጹን ከላይ እስከ ታች ያንሱ። መሳሪያው ራስ-ሰር ገጹን ያሸበልላል፣ እያንዳንዱን ክፍል ያነሳል፣ እና ንጣፎቹን ወደ አንድ ቀጣይ ምስል ያስተሳስራል።
ቅጽበታዊ ምስሎች በእርስዎ ማሳያ ተወላጅ ፒክሰል ምጣኔ ይነሳሉ (Retina ላይ 2x)። ውጤቱ ቅልቃል፣ ከፍተኛ ጥራት ያለው ምስል ነው።
የተነሳው ምስል ያልጠፋ PNG ፋይል ሆኖ ወዲያውኑ ወደ መሣሪያዎ ይወርዳል። ደመና ስቀላ የለም፣ ጥበቃ የለም፣ መለያ አያስፈልግም።
ቅጽበታዊ ምስሉ ድረ-ገጽ ይዘት ብቻ ያካትታል — ብራውዘር ትሮች፣ አድራሻ አሞሌ፣ ወይም ቅጥያዎች ማሳያ አሞሌ የለም።
ማንኛውንም ድረ-ገጽ ያነሳል — ስታቲክ HTML፣ SPAs (React፣ Vue)፣ ዘግይተው የተጫኑ ምስሎች ያላቸው ገጾች፣ ያልተወሰነ ማሸብለል እና ተጣብቂ ራስጌዎች።
ለፖርትፎሊዮዎ ያነደፉ ወይም ያመረቱ ድረ-ገጾች ሙሉ ገጽ ቅጽበታዊ ምስሎች ያንሱ።
ስህተት ሲያሳውቁ ችግሩን የሚያሳየውን ትክክለኛ viewport ያንሱ።
ለባለድርሻ ግምገማ የ staging ጣቢያ አሁኑ ሁኔታ ያንሱ።
ለውጦችን ከማድረግዎ በፊት ቅጽበታዊ ምስል ያንሱ፣ ከዚያ ሌላ በኋላ። ሁለቱን ያወዳድሩ።
ለብሎግ ልጥፎች፣ ትዊቶች ወይም አቀራረቦች ንጹህ፣ ሙያዊ የድረ-ገጽ ምስሎች ይፍጠሩ።
የ DevSuite Pro ዶክ ወይም ፖፕአፕ ይክፈቱ እና ቅጽበታዊ ምስል አዶን ጠቅ ያድርጉ።
አሁን ያለውን viewport ለማንሳት "የሚታየው ቦታ" ወይም ሙሉ ገጹን ለማንሳት "ሙሉ ገጽ" ጠቅ ያድርጉ።
የሚታየው ቦታ ቅጽበታዊ ምስሎች ቅጽበታዊ ናቸው። ሙሉ ገጽ ቅጽበታዊ ምስሎች ጥቂት ሰከንዶች ይወስዳሉ።
የተነሳው ምስል ራስ-ሰር እንደ PNG ፋይል ይወርዳል።
መሳሪያው ከእያንዳንዱ ቅጽበታዊ ምስል በኋላ ንቁ ሆኖ ይቆያል። ዳግም ማንቃት ሳያስፈልግ ተጨማሪ ያንሱ።
DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
