የሚለካው የቬክተር ግራፊክስ፣ ወይም SVG፣ ዛሬ በድር ጣቢያ ዲዛይን ላይ ወሳኝ ሚና ይጫወታሉ። በድር ዲዛይን ስራህ ላይ SVG እየተጠቀምክ ካልሆንክ ይህን ማድረግ የምትጀምርባቸው አንዳንድ ምክንያቶች እና እነዚህን ፋይሎች ለማይደግፉ የቆዩ አሳሾች ልትጠቀምባቸው የምትችላቸው ውሸታሞች አሉ።
መፍትሄ
የSVG ትልቁ ጥቅም የመፍታት ነፃነት ነው። የSVG ፋይሎች የቬክተር ግራፊክስ በመሆናቸው (ከፒክሰል-ተኮር ራስተር ምስሎች በተቃራኒ) የምስል ጥራትን ሳያጡ መጠኑን መቀየር ይችላሉ። ይህ በተለይ ጥሩ የሚመስሉ እና በሰፊ የስክሪን መጠኖች እና መሳሪያዎች ላይ በደንብ የሚሰሩ ድረ-ገጾችን ሲፈጥሩ ጠቃሚ ነው።ምላሽ ሰጪ የድር ጣቢያዎን የመጠን እና የአቀማመጥ ፍላጎቶችን ለማስተናገድ የSVG ፋይሎችን ወደ ላይ ወይም ወደ ታች ማመጣጠን ይችላሉ።
በአጠቃላይ SVGዎች መጠናቸው ምንም ይሁን ምን ከሌሎች ቅርጸቶች ምስሎች የበለጠ ለስላሳ እና ጥርት ያለ መልክ አላቸው።
የፋይል መጠን
ምላሽ በሚሰጡ ድረ-ገጾች ላይ የራስተር ምስሎችን (ለምሳሌ JPG፣ PNG፣ GIF) መጠቀም አንዱ ፈተና የፋይል መጠን ነው። የራስተር ምስሎች የቬክተር ምስሎች በሚሰሩበት መንገድ ስለማይመዘኑ በፒክሰል ላይ የተመሰረቱ ምስሎች በሚታዩበት ትልቅ መጠን ማቅረብ አለቦት። ይህ የሆነበት ምክንያት ሁልጊዜ ምስልን ትንሽ ማድረግ እና ጥራቱን ማቆየት ስለሚችሉ ነው, ነገር ግን ምስሎችን ትልቅ ለማድረግ ተመሳሳይ አይደለም. ውጤቱ ከሚታዩበት መጠን በጣም የሚበልጡ ምስሎች አሳሾች ትልልቅ ፋይሎችን እንዲያወርዱ ያስገድዳቸዋል።
በአንጻሩ የቬክተር ግራፊክስ ሊሰሉ የሚችሉ ናቸው፣ ስለዚህ እነዚያ ምስሎች የቱንም ያህል ትልቅ ቢሆኑም በጣም ትንሽ የፋይል መጠኖችን መጠቀም ይችላሉ። ይህ በመጨረሻ የጣቢያውን አጠቃላይ አፈጻጸም እና የማውረድ ፍጥነትን ያሻሽላል።
CSS ስታይል
SVG በቀጥታ ወደ የገጽ HTML ማከል ይችላሉ። ይህ inline SVG በመባል ይታወቃል። የውስጠ መስመር SVG መጠቀም አንዱ ጥቅም፣ ግራፊክስ በትክክል የተሳሉት በአሳሹ ስለሆነ፣ የምስል ፋይል ለማምጣት የኤችቲቲፒ ጥያቄ አያስፈልግም።
ሌላ ጥቅም፡ የውስጠ መስመር SVGን በCSS ቅጥ ማድረግ ይችላሉ። የSVG አዶን ቀለም መቀየር ይፈልጋሉ? ያንን ምስል በግራፊክስ አርትዖት ሶፍትዌር ውስጥ ከማርትዕ እና ፋይሉን እንደገና ወደ ውጭ ከመላክ እና ከመስቀል ይልቅ የ SVG ፋይልን በጥቂት የሲኤስኤስ መስመሮች መቀየር ይችላሉ። ለሆቨር ግዛቶች እና ለሌሎች የንድፍ ፍላጎቶች SVGs ለመቀየር CSS ን መጠቀም ትችላለህ።
የታች መስመር
የመስመር SVG ፋይሎችን በሲኤስኤስ ስለምትችሉ፣በነሱም የሲኤስኤስ እነማዎችን መጠቀም ይችላሉ። የሲኤስኤስ ለውጦች እና ሽግግሮች አንዳንድ ህይወትን ወደ SVGs ለመጨመር ሁለት ቀላል መንገዶች ናቸው። አይፓድ ከአሁን በኋላ የማይደግፈውን ፍላሽ ሳይጠቀሙ በገጽ ላይ የበለጸጉ ፍላሽ መሰል ልምዶችን ማግኘት ይችላሉ። በእርግጥ፣ አዶቤ በ2020 መጨረሻ ፍላሽ እያቆመ ነው።
የSVG አጠቃቀሞች
SVGዎች ኃይለኛ ቢሆኑም ሁሉንም የምስል ቅርጸቶች መተካት አይችሉም። የበለፀገ የቀለም ጥልቀት የሚያስፈልጋቸው ፎቶዎች አሁንም -j.webp
SVG ለአንዳንድ ውስብስብ ምሳሌዎች እንደ ግራፎች፣ ገበታዎች እና የኩባንያ አርማዎችም ተገቢ ነው። እነዚህ ሁሉ ግራፊክስ የሚጠቀሟቸው የሚለኩ እና በCSS ለመቀረጽ በመቻላቸው ነው።
ድጋፍ ለቆዩ አሳሾች
የአሁኑ የSVG ድጋፍ በዘመናዊ የድር አሳሾች ውስጥ በጣም ጥሩ ነው። ለእነዚህ ግራፊክስ ድጋፍ የሌላቸው ብቸኛ አሳሾች የቆዩ የኢንተርኔት ኤክስፕሎረር ስሪቶች (ማይክሮሶፍት ከአሁን በኋላ የማይደግፈው) እና ጥቂት የቆዩ የአንድሮይድ ስሪቶች ናቸው። በአጠቃላይ፣ በጣም ትንሽ የሆነ የአሰሳ ህዝብ በመቶኛ አሁንም እነዚህን አሳሾች ይጠቀማል፣ እና ቁጥሩ እየቀነሰ ይሄዳል። ይህ ማለት ሳይጨነቁ በድር ጣቢያዎ ላይ SVG መጠቀም ይችላሉ።
ለSVG ምላሽ መስጠት ከፈለጉ እንደ ፋይላመንት ግሩፕ Grumpicon ያለ መሳሪያ ይጠቀሙ። ይህ ሃብት ከSVG ምስል ፋይሎችዎ PNGs ይፈጥራል።