የSVG ፋይሎች መዋቅር እና የድር አፈጻጸም
Scalable Vector Graphics (SVG) በኤክስኤምኤል (XML) ቅርጸት ላይ የተመሰረቱ የቬክተር ምስሎች ናቸው። ይህም ምስሎቹ ሳይደባዘዙ ወይም ጥራታቸውን ሳይቀንሱ በማንኛውም መጠን እንዲሰፉ እና እንዲጠቡ ያስችላቸዋል። ነገር ግን የSVG ፋይሎች በጽሑፍ ኮድ መልክ የሚቀመጡ በመሆናቸው፣ ብዙ ጊዜ ለምስሉ ምስላዊ ገጽታ ምንም አስተዋጽዖ የሌላቸው ተጨማሪ መረጃዎችን ይይዛሉ።
በዘመናዊ የድረ-ገጽ ንድፍ እና ልማት ውስጥ የፋይል መጠን ለገጾች የመጫኛ ፍጥነት እና ለተጠቃሚዎች ልምድ ከፍተኛ ተጽዕኖ አለው። የSVG ፋይል መጠን በጨመረ ቁጥር አሳሾች ኮዱን ለማውረድ እና በስክሪን ላይ ለመሳል የሚወስድባቸው ጊዜ ይረዝማል። የውስጥ (inline) SVG ኮድ በቀጥታ በኤችቲኤምኤል (HTML) ሰነድ ውስጥ የሚካተት ሲሆን፣ ውጫዊ (external) SVG ደግሞ በምስል መለያ አማካኝነት ከሌላ አድራሻ የሚጠራ ነው። በተለይም የውስጥ SVG አጠቃቀምን ለማቀላጠፍ የኮዱን መጠን ማሳነስ እጅግ አስፈላጊ ነው።
ደህንነቱ የተጠበቀ እና ጥራት የማይቀንስ (Lossless) ማመቅ
ይህ መሳሪያ የግራፊክስ ገጽታውን ሳይቀይሩ የSVG ኮድን ያጽዳል እና መጠኑን ያሳንሳል። ይህ ሂደት "Lossless" ወይም ጥራት የማይቀንስ ማመቅ ይባላል። ማመቂያው የመንገድ ዳግም መጻፍ (path rewrites)፣ የID ስም መቀየር፣ viewBox ማስወገድ እና የትክክለኛነት ማጠጋጋትን ያስወግዳል።
በማመቅ ሂደቱ ወቅት የሚከተሉት አላስፈላጊ ክፍሎች በደህና ይወገዳሉ፦
- የአርትዖት ሶፍትዌሮች የሚጨምሯቸው አስተያየቶች እና ሜታዳታ
- የአርትዖት ስም-ቦታዎች (namespaces) እና ጥቅም ላይ ያልዋሉ ስም-ቦታዎች
- በባህሪያት መካከል ያሉ ተጨማሪ ክፍተቶች
- ረጅም የቀለም ኮዶችን በአጫጭር ተመጣጣኝ ቀለሞች መተካት
በተቃራኒው ለምስሉ አቀማመጥ እና መዋቅር ወሳኝ የሆኑት viewBox፣ IDs፣ መለያዎች እና ጂኦሜትሪ እንዳሉ ይጠበቃሉ።
የደህንነት ገደቦች እና የXML አካላት ስጋት
በድር መተግበሪያዎች ውስጥ የኤክስኤምኤል አካላትን (XML entities) መተንተን የደህንነት ስጋቶችን ሊያስከትል ይችላል። በዚህም ምክንያት የሰነድ አይነት (document type) ወይም ብጁ አካል (custom entity) መግለጫዎች ያላቸው SVGዎች በዚህ መሳሪያ እንዳይሰሩ ታግደዋል።
መሳሪያው ደህንነቱ የተጠበቀ አሰራርን ለመከተል እነዚህን መመሪያዎች ይተገብራል፦
- የሰነድ አይነት ወይም ብጁ አካል መግለጫ የያዘ የSVG ኮድ ሲገባ "ይህ SVG የሰነድ አይነት (document type) ወይም ብጁ አካል (custom entity) ይጠቀማል። ከማመቅዎ በፊት ያስወግዱት።" የሚል ስህተት ያሳያል።
- ግብዓቱ ባዶ ከሆነ "በመጀመሪያ የSVG ኮድ ይለጥፉ።" የሚል መልዕክት ይወጣል።
- የገባው ኮድ የSVG አካል ከሌለው "ምንም የ <svg> አካል አልተገኘም።" የሚል ስህተት ይታያል።
- የገባው ኮድ ከተፈቀደው ከፍተኛ የቁምፊ ገደብ በላይ ከሆነ "ይህ SVG ለዚህ መሳሪያ በጣም ትልቅ ነው። እባክዎ ከ
{max}ቁምፊዎች በታች ያድርጉት።" የሚል ገደብ ይጥላል። - የማመቅ ሂደቱ ከ15 ሰከንድ በላይ ከወሰደ ሂደቱ ይቋረጣል፤ በዚህ ጊዜ "ይህ በጣም ረጅም ጊዜ ስለወሰደ ቆሟል — እባክዎ አነስ ያለ SVG ይሞክሩ።" የሚል ማስጠንቀቂያ ይታያል።
- ግብዓቱን ማጽዳት ወይም መለወጥ ማንኛውንም በመካሄድ ላይ ያለ የማመቅ ሂደት ወዲያውኑ ያቋርጠዋል።
የግል ሚስጥር ጥበቃ እና አጠቃቀም
የእርስዎ SVG ኮድ የሚጨመቀው በአሳሽዎ ውስጥ ነው። ወደ BroBroGo ምንም ነገር አይሰቀልም። ይህም መረጃዎ ከኮምፒውተርዎ ሳይወጣ በአካባቢው ላይ ብቻ እንዲሰራ ያደርገዋል።
መሳሪያው ለድር አዘጋጆች (front-end developers)፣ ለዲዛይነሮች እና የውስጥ አዶዎችን ወይም ምስሎችን መጠን መቀነስ ለሚፈልጉ ተጠቃሚዎች የተዘጋጀ ነው። የSVG ኮድዎን በግብዓት ሳጥኑ ውስጥ ሲለጥፉ መሳሪያው ሂደቱን ያከናውናል። በተሳካ ሁኔታ ሲጠናቀቅ "ተጨምቋል — በ{pct}% አነስተኛ ({saved} ተቀምጧል)።" የሚል መረጃ ያሳያል። ምንም አይነት መጠን መቀነስ ካልተቻለ "ተጨምቋል። በደህንነቱ የተጠበቀ ማጽጃ ቅንብር ምንም መጠን አልተቀነሰም።" የሚል መልዕክት ያሳያል። በማንኛውም ሌላ ችግር ምክንያት ማመቅ ካልተቻለ "ይህን SVG ማመቅ አልተቻለም።" የሚል ስህተት ይከሰታል።
የውጤት መለኪያዎች ንጽጽር
መሳሪያው የማመቅ ሂደቱን ውጤት በሚከተሉት መለኪያዎች ያሳያል፦
| መለኪያ | መግለጫ |
|---|---|
| የመጀመሪያው | የገባው የመጀመሪያው የSVG ፋይል መጠን በባይት (bytes) |
| ውጤት | የተጨመቀው እና የተመቻቸው የSVG ፋይል መጠን በባይት (bytes) |
| የተቀነሰ | የዳነው የፋይል መጠን በባይት እና በመቶኛ |
ተደጋግሞ የሚነሱ ጥያቄዎች (FAQ)
ምን ያስወግዳል?
አስተያየቶችን፣ ሜታዳታን፣ የአርትዖት ስም-ቦታዎችን (namespaces)፣ ተጨማሪ የባህሪ ክፍተቶችን፣ ጥቅም ላይ ያልዋሉ ስም-ቦታዎችን እና አጫጭር ተመጣጣኝ ቀለሞችን ያስወግዳል። viewBox፣ IDs፣ መለያዎች እና ጂኦሜትሪ እንዳሉ ይጠብቃል።
ሁሉንም SVG ማመቅ ይችላል?
የተለመደ የውስጥ SVG ኮድን ማስተናገድ ይችላል። የሰነድ አይነት ወይም ብጁ አካል መግለጫዎች ያላቸው SVGዎች ታግደዋል ምክንያቱም እነዚያ መተንተኑን ደህንነቱ ያልተጠበቀ ሊያደርጉት ይችላሉ። እነዚያን መግለጫዎች ያስወግዱና እንደገና ይሞክሩ።
የግራፊክሱን ገጽታ ይለውጠዋል?
ማመቂያው የመንገድ ዳግም መጻፍ (path rewrites)፣ የID ስም መቀየር፣ viewBox ማስወገድ እና የትክክለኛነት ማጠጋጋትን ያስወግዳል። የእርስዎ SVG ለንድፍ የስራ ሂደት በአስተያየቶች ወይም በሜታዳታ ላይ የሚደገፍ ከሆነ፣ የመጀመሪያውን ቅጂ ያስቀምጡ።
የእኔ የኮድ መረጃ ወደ ሌላ አገልጋይ ይላካል?
የእርስዎ SVG ኮድ የሚጨመቀው በአሳሽዎ ውስጥ ነው። ወደ BroBroGo ምንም ነገር አይሰቀልም።