SVG ወደ PNG መቀየሪያ

ሊስፋፉ የሚችሉ SVG ቬክተሮችን ወደ ዝግጁ PNG ምስሎች ይቀይሩ

የSVG ፋይል የመመሪያ ስብስብ እንጂ የተጠናቀቀ ምስል አይደለም። አንዱን በጽሑፍ አርታዒ ውስጥ ይክፈቱ መንገዶችን፣ ቅርጾችን፣ ሙላቶችንና ኩርባዎችን የሚገልጽ XML ያገኛሉ — አሳሽ ተከትሎ ጥበቡን በጠየቁት ማንኛውም መጠን ትኩስ ሆኖ የሚስልበት አሰራር። PNG ተቃራኒው ነው፡ በተወሰነ ስፋትና ቁመት የቀዘቀዘ የተቀለሙ ፒክሰሎች ፍርግርግ። አንዱን ወደ ሌላ መቀየር rasterization ይባላል፣ ይህ መሳሪያ ደግሞ ይህንን ሙሉ በሙሉ በአሳሽዎ ውስጥ ያከናውናል። የውጤት መጠን ይመርጣሉ፣ SVG ውጤቱ በHTML canvas ላይ ይሳልል፣ PNG ይመለሳል — ምንም ፋይል ከመሳሪያዎ በጭራሽ አይወጣም።

ቬክተር በአንፃር Raster፣ በቀላል አነጋገር

ዋነኛው ልዩነት resolution እንዴት እንደሚያዝ ነው። SVG ፒክሰሎችን ሳይሆን ስሌት ስለሚያከማች resolution-ገለልተኛ ነው፡ ሎጎን ከfavicon ወደ ማስታወቂያ ሰሌዳ ያስፋፉ እያንዳንዱ ጠርዝ በሂሳብ ስለታም ሆኖ ለመቆየት እንደገና ይሰላል። PNG እንደዚህ ያለ ነፃነት የለውም። ፒክሰሎቹ የተጋገሩ ናቸው፣ ስለዚህ ከቤት resolution በላይ ማስፋት ተመልካቹ ያሉትን ነጥቦች እንዲዘረጋ ያስገድደዋል፣ ራስተር ምስሎችን የሚገልጡ ብዥታና ደረጃ-መውጣት ማየትም ይጀምራሉ።

ያ ልውውጥ በሁለቱም አቅጣጫ ይሰራል። ቬክተሮች ንፁህ ቅርጾች ላሏቸው ሎጎዎች፣ አዶዎችና ጠፍጣፋ ስዕላዊ ውክልናዎች የማይበገሩ ናቸው፣ ፋይሎቹም በተለምዶ በጣም ትንሽ ናቸው። እንደ PNG ያሉ ራስተር ፎርማቶች ግራዲየንቶችን፣ ለስላሳ ጥላዎችንና ፎቶግራፍ ዝርዝሮችን በተፈጥሮ ይይዛሉ፣ እንዲሁም — ወሳኙ — በሁሉም ማለት ይቻላል ይታወቃሉ። ራስተር ሲያደርጉ የSVG ን ማለቂያ የሌለው ማስፋፋት ችሎታ ለPNG ሁሉን አቀፍ ተኳሃኝነት በአንድ በተመረጠ መጠን ይለውጣሉ።

SVG ን ራስተር ማድረግ ለምን ያስፈልጋል?

SVG እንደዚህ በደንብ ስለሚስፋፋ ለምን ይቀየራል? ተኳሃኝነት የተለመደ መልስ ነው። ብዙ ቦታዎች SVG ን በቀላሉ አይቀበሉም፡ ብዙ የኢሜይል ደንበኞች ያጣሉት ወይም መስራት ይክዳሉት፣ የሰነድ አርታዒዎችና የአቀራረብ ሶፍትዌር ብዙ ጊዜ ጠፍጣፋ ምስል ይፈልጋሉ፣ የገበያ ስፍራዎችና የማስታወቂያ አውታሮች PNG ወይም JPG ይፈልጋሉ፣ አብዛኞቹ የማህበራዊ መድረኮችም የቬክተር መጫኛዎችን ችላ ይላሉ። አንዳንድ የይዘት ስርዓቶችም ፎርማቱ ስክሪፕቶችን ማቀፍ ስለሚችል SVG ን በጸጥታ ምክንያቶች ሙሉ በሙሉ ይከለክላሉ።

ሁለተኛው ምክንያት አንዳንድ ጊዜ ቋሚ-መጠን ንብረት የሚፈልጉ መሆኑ ነው። የመተግበሪያ አዶዎች፣ thumbnail ዎች፣ Open Graph ቅድመ-ይሁንታ ምስሎችና የታተሙ ቁሳቁሶች ሁሉም ትክክለኛ የፒክሰል ልኬቶች ይጠብቃሉ። PNG ጥበቡን በዚያ ዒላማ ላይ ስለሚቆልፍ በየትም ቦታ ተመሳሳይ ሆኖ ይታያል፣ ቬክተሩን በተለየ መንገድ ከሚተረጉም ተመልካች ምንም ድንገተኛ ነገር ሳይኖር። የSource SVG ዎን መድረክ ወደሚፈልገው ትክክለኛ መጠኖች መቀየር ብዙ ጊዜ ወደ ወጥነት ላለው ውጤት ንፁህ መንገድ ነው።

ትክክለኛውን የመላክ resolution መምረጥ

PNG በጸጋ ማስፋት ስለማይችል የሚልኩበት መጠን ከማንኛውም ቬክተር በላይ ጠቃሚ ነው። በጣም ትንሽ ላኩ ምስሉ በዘመናዊ ስክሪኖች ላይ ለስላሳ ይመስላል፤ ያለምንም አስፈላጊነት ትልቅ ላኩ ባንድዊድዝ ያባክናሉ። ቀላል የአውራ ጣት ደንብ፡ ምስሉ ፈጽሞ የሚታይበትን ትልቁን መጠን ይወስኑ፣ ከዚያም ቢያንስ ያንን ይሳሉ፣ ለከፍተኛ-density ማሳያዎችም ተመራጭ የበለጠ።

መደበኛ ስክሪኖች በ1x — የጥበቡ ስም መጠን — ጥሩ ናቸው። ከፍተኛ-DPI እና Retina ማሳያዎች በተመሳሳይ ቦታ በግምት ድርብ ፒክሰሎችን ስለሚያጭቁ 2x መላክ አዶዎችንና ግራፊክስን ደብዛዛ ከመሆን ይልቅ ስለታም ያደርገዋል። ለህትመት፣ ፖስተሮች ወይም በጣም ትልቅ ማሳያዎች 3x ወይም 4x ተጨማሪ ቦታ ይሰጥዎታል። ምንጩ ቬክተር ስለሆነ ትልቅ መላክ በጥራት ምንም አያስከፍልዎትም — ኩርባዎቹ ከጠፍጣፋ ከመሆናቸው በፊት በከፍተኛ የፒክሰል ብዛት እንደገና ብቻ ይሰላሉ። እርግጠኛ ካልሆኑ ልግስና ያለው መጠን ይሳሉ፤ ትልቅ PNG ወደ ታች ማጣበብ ሁልጊዜ ይችላሉ፣ ግን ትንሽ ወደ ላይ በማስፋት ዝርዝርን ፈጽሞ መልሶ ማግኘት አይችሉም።

ግልጽነት ጉዞውን አብሮ ይይዛል

PNG ሙሉ alpha channel ይደግፋል፣ ይህም ማለት ግልጽነት ከመቀየር ተርፎ ይኖራል ማለት ነው። SVG ዎ ምንም የዳራ ሙላት ከሌለው የተገኘው PNG እነዚያን ቦታዎች ግልጽ አድርጎ ያቆያል፣ ስለዚህ ሎጎ ወይም አዶ በዙሪያው ያለ አስቀያሚ ነጭ ሳጥን ሳይኖር በማንኛውም ቀለም ላይ ንፁህ ይወርዳል። በምትኩ ጠንካራ ዳራ ካስፈለገዎት SVG ን ከመቀየርዎ በፊት አንድ ይስጡት። በማንኛውም ሁኔታ በቬክተሩ ውስጥ የሚያዩት PNG የሚያቆየው ነው፣ ይህም ለምን PNG — ከJPG ይልቅ — ለአዶዎች፣ ባጆችና overlays ተፈጥሯዊ ዒላማ የሆነው ልክ ለዚህ ነው።

ሁሉም ነገር በመሳሪያዎ ላይ ይቆያል

ይህ መቀየሪያ canvas API ን በመጠቀም በአሳሽዎ ውስጥ እንደ አካባቢያዊ ኮድ ይሰራል። SVG ዎ ወደ ሰርቨር ሳይላክ ይነበባል፣ ይሳላል፣ ይላካል፣ ስለዚህ ምንም መጫኛ የለም፣ ምንም ወረፋ የለም፣ በሌላ ሰው ማከማቻ ውስጥ የተቀመጠ የጥበብዎ ቅጂም የለም። ይህ ላልተለቀቀ የምርት ስም ወይም ውስጣዊ ስዕላዊ መግለጫዎች ካሉ ለሶስተኛ ወገን ላለመስጠት ለሚመርጡት ማንኛውም ነገር ለእርስዎ ፈጣንና ደህንነቱ የተጠበቀ ነው። እዚህ ሲጨርሱ የተቀሩትን የምስል መሳሪያዎቻችንን ያስሱ — Windows ወይም favicon ንብረት እየገነቡ ከሆነ የPNG ወደ ICO መቀየሪያ ተፈጥሯዊ ቀጣይ እርምጃ ነው።

በተደጋጋሚ የሚጠየቁ ጥያቄዎች