ነጻ መለወጫ

PNG ወደ SVG Vectorizer

ራስተር PNG/JPG ምስሎችን ወደ ሚዛኑ የቬክተር SVG ግራፊክስ ይለውጡ። ደህንነቱ የተጠበቀ፣ ፈጣን እና ሙሉ በሙሉ በአሳሽዎ ውስጥ የሚሰራ።

PNG/JPG ጎትት እና ወደዚህ ጣል

እስከ 50MB ድረስ ይደግፋል

ወይም

ስላዚህ መሳሪያ

PNGን ወደ SVG መቀየር በመሠረቱ የመከታተያ ስራ እንጂ የቅርጸት ለውጥ አይደለም። PNG ፒክሰሎች ያከማቻል; SVG ጂኦሜትሪክ ፕሪሚቲቭስ ያከማቻል። ከፒክሴል ፍርግርግ ወደ ሚዛኑ የቬክተር ዱካዎች መሄድ ቢትማፕን መተርጎም እና ተመሳሳይ ቀለም ባላቸው ክልሎች ዙሪያ ግምታዊ ቅርጾችን መሳል ይጠይቃል። ውጤቱ በእውነት ሊሰፋ የሚችል ነው - ያለ ፒክሴል መጠን በነፃነት መቀየር ይችላሉ - ግን የምንጩ ፍጹም መባዛት አይደለም. እያንዳንዱ የፒክሰል ደረጃ የቀለም ልዩነት ቅርፅ ስለሚሆን የፎቶግራፍ ይዘትን በደንብ አይከታተልም እና ዓላማውን የሚያሸንፉ ግዙፍ SVGዎችን ይፈጥራል። ሎጎዎች፣ አዶዎች፣ የመስመር ጥበብ እና ከፍተኛ ንፅፅር ግራፊክስ በንጽህና ይከተላሉ ምክንያቱም በጥሩ ሁኔታ የተገለጸ ወሰን ያላቸው አነስተኛ ቁጥር ያላቸው የቀለም ክልሎች ስላሏቸው።

ይህ መቀየሪያ ከፖትሬስ ጋር ተመሳሳይ የሆነ የጃቫ ስክሪፕት የቬክተር መከታተያ ስልተ ቀመሮችን imagetracerjs ላይብረሪ ይጠቀማል። ፒኤንጂ ወደ RGBA ቢትማፕ ተቀይሯል፣ ቢትማፕ ሊዋቀር የሚችል ቤተ-ስዕል በመጠቀም በቀለም ክልሎች ተከፍሏል፣ የእያንዳንዱ ክልል ወሰን ወደ ዱካ ተወስዷል፣ መንገዶች በቤዚየር ግምታዊ አቀራረብ ይቀላሉ፣ እና የተገኙት መንገዶች እንደ SVG ዱካ አካላት ይለቃሉ። ሙሉው የቧንቧ መስመር ምንም አገልጋይ ሳይሰቀል በአሳሽዎ ውስጥ ይሰራል።

የመከታተያ መለኪያዎች በታማኝነት እና በፋይል መጠን መካከል ያለውን የንግድ ልውውጥ ይቆጣጠራሉ። ተጨማሪ ቀለሞች እና ጥቃቅን ዝርዝሮች ከምንጩ ጋር በቅርበት የሚዛመድ ትልቅ SVG ያመነጫሉ; ያነሱ ቀለሞች እና ጥብቅ ክትትል ይበልጥ ቅጥ ያለው ስሜት ያለው ትንሽ SVG ይፈጥራሉ። ነባሪዎች ለሎጎዎች እና አዶዎች ተስተካክለዋል; ውስብስብ ምስሎች ከተስተካከሉ ቅንጅቶች ጋር በክትትል ማለፊያ ሊጠቅሙ ይችላሉ፣ ወይም በቀላሉ ለቬክተራይዜሽን ጥሩ እጩዎች ላይሆኑ ይችላሉ።

ለምን PNG ወደ SVG መቀየር

PNGን ቬክተር ማድረግ በጣም ጠቃሚ የሚሆነው ምስሉን ከመጀመሪያው ጥራት በላይ ማመጣጠን ሲፈልጉ ነው። በተለይ አርማዎች ብዙውን ጊዜ እንደ PNGs በመጠን ይደርሳሉ እና በማስታወቂያ ሰሌዳዎች፣ በሬቲና ማሳያዎች እና በትላልቅ ቅርጸቶች ህትመቶች ላይ ጥርት ብለው መታየት አለባቸው። የቬክተር መከታተያ ጥራት ሳይጎድል የሚመዘን SVG ያመነጫል; ግብይቱ ለዋናው ፒክሰሎች ታማኝነት ነው።

ጥቂት ቀለሞች እና ትልቅ ጠፍጣፋ ክልሎች ላሏቸው ግራፊክስ SVG ከፒኤንጂ የበለጠ የታመቀ ነው። የ PNG አዶ በ 256 × 256 8 ኪባ ሊሆን ይችላል; ከሁለት ወይም ከሶስት ቀለሞች ጋር ተመጣጣኝ SVG ብዙውን ጊዜ ከ 1 ኪባ በታች ነው. ለድር ፊት ለፊት ለሚላኩ የUI አዶ ቤተ-መጻሕፍት የቬክተር ስሪቶች የጥቅል መጠንን ይቀንሳሉ እና በሁሉም የማሳያ እፍጋት ላይ ጥርትነትን ያሻሽላሉ።

እንዴት ይጠቀሙ

PNG ን ያንሱ፣ የመከታተያ ቅንብሮችን ይምረጡ፣ SVG ይፍጠሩ።

  1. የእርስዎን PNG ይስቀሉ።: ፋይሉን ወደ መስቀያው ቦታ ይጎትቱት ወይም ለማሰስ ጠቅ ያድርጉ። ምርጥ ውጤቶች ከፒኤንጂዎች የሚመጡት ሹል ጠርዞች እና አነስተኛ ቁጥር ያላቸው ልዩ ቀለሞች - አርማዎች ፣ አዶዎች ፣ የመስመር ጥበብ ፣ ቀላል ምሳሌዎች። ፎቶግራፎች ደካማ ናቸው እና ግዙፍ SVGዎችን ያመርታሉ።
  2. አስፈላጊ ከሆነ የመከታተያ አማራጮችን ያስተካክሉ: የቀለም ቆጠራ በውጤቱ ውስጥ ምን ያህል የተለያዩ ቀለሞች እንደሚታዩ ይቆጣጠራል። የመንገዱን ማቃለል (ltres ወይም qtres ተብሎም ይጠራል) አልጎሪዝም ማዕዘኖቹን ምን ያህል ኃይለኛ በሆነ መልኩ እንደሚያስተካክል ይቆጣጠራል። ከፍ ያለ ትክክለኛነት SVGsን ወደ ምንጩ በቅርበት ያመነጫል ነገር ግን በበለጠ የመንገድ ውሂብ።
  3. ዱካ እና ቅድመ እይታ: የImagetracerjs አልጎሪዝም በቀለም መጠን፣ በጠርዝ ማወቂያ፣ በኮንቱር ፍለጋ እና በቤዚር ፊቲንግ በኩል ይሰራል። የጊዜ መለኪያዎችን በምስል መጠን እና በቀለም ብዛት መከታተል። ባለ 256×256 አርማ ከሴኮንድ በታች ባለ 4 ቀለማት አሻራዎች; ባለ 16 ቀለም ያለው 1024×1024 ምስል ብዙ ሰከንዶች ሊወስድ ይችላል።
  4. SVG ን ያውርዱ: SVG ወደ መሳሪያህ አስቀምጥ። ፋይሉ የኤክስኤምኤል ምልክት ማድረጊያን ከመንገድ አካላት ጋር ይይዛል። ውጤቱን ለመመርመር ወይም በእጅ ለማስተካከል በማንኛውም የጽሑፍ አርታኢ ውስጥ መክፈት ይችላሉ።

የተለመዱ የአጠቃቀም ጉዳዮች

ቴክኒካዊ ዝርዝሮች

imagetracerjs ባለብዙ ደረጃ የቧንቧ መስመርን ይተገብራል፡ የቀለም መጠን በ k-means clustering ወይም median cut በመጠቀም ቢትማፕን ወደ ቋሚ የቀለማት ቁጥር ይቀንሳል። የጠርዝ ማወቂያ በክልሎች መካከል የፒክሰል ድንበሮችን ይለያል; የተዘጉ ፖሊጎኖች ለማምረት ኮንቱር መፈለጊያ ድንበሮችን ይከተላል; የመስመር እና ከርቭ ፊቲንግ ፖሊጎኖች ከቤዚየር ከርቭ ጋር የዱካ ውሂብን ይቀንሳል።

በጣም አስፈላጊ የሆኑት የአልጎሪዝም መለኪያዎች የቀለሞች ብዛት (የተለመደ፡ 4-32)፣ ፓቶሚት (ከዚህ አጭር መንገዶች ብዙ ፒክሰሎች እንደ ጫጫታ ይጣላሉ)፣ ltres (የመስመር መቻቻል - አንድ ጠርዝ ወደ አዲስ ክፍል ከመከፋፈሉ በፊት ምን ያህል ርቀት ሊለያይ ይችላል) እና qtres (ባለአራት ከርቭ መቻቻል - እንዴት ኃይለኛ ኩርባዎች እንደሚስሉ)። ነባሪዎች ለሎጎዎች ጥሩ ይሰራሉ; ውስብስብ ምስሎች በእያንዳንዱ ምስል ማስተካከያ ይጠቀማሉ.

ውፅዓት ከዱካ አካላት ጋር መደበኛ SVG 1.1 ነው። እያንዳንዱ የቀለም ክልል የመሙላት ባህሪ ያለው አንድ መንገድ ይሆናል። የተገኘው ፋይል በማንኛውም አሳሽ፣ ቬክተር አርታዒ ወይም SVG-aware ንድፍ መሳሪያ ውስጥ ይከፈታል። የፋይል መጠን በዋነኛነት በመንገዱ ብዛት እና በመስቀለኛ ጥግግት ላይ የተመሰረተ ነው; የተለመደው ምልክት የተደረገበት አርማ 1–10 ኪባ ነው።

ምርጥ ልምዶች

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

የSVG ውፅዓት እውነተኛ የቬክተር ፋይል ይሆናል?
የቬክተር መንገዶችን ለመፍጠር መሳሪያው የራስተር ምስሉን ይከታተላል። ውጤቶቹ በቀላል ግራፊክስ፣ ሎጎዎች እና የመስመር ጥበብ ስራዎች በተሻለ ሁኔታ ይሰራሉ። ፎቶግራፎች ውስብስብ መንገዶችን ይፈጥራሉ እና እንደተጠበቀው ላይመስሉ ይችላሉ.
SVG ከሌሎች የምስል ቅርጸቶች የሚለየው ምንድን ነው?
SVG የቬክተር ቅርጸት ነው - ምስሎች ከፒክሰሎች ይልቅ እንደ የሂሳብ ቅርጾች ተገልጸዋል. ይህ ማለት የSVG ፋይሎች ጥራታቸው ሳይጠፋ ወደ ማንኛውም መጠን ይለካሉ፣ እና በተለምዶ እንደ አርማ እና አዶዎች ካሉ ግራፊክስ ምስሎች ከራስተር ምስሎች በጣም ያነሱ ናቸው።
ማወቅ ያለባቸው ገደቦች አሉ?
እስከ 50MB የሚደርሱ ፋይሎች ይደገፋሉ። በጣም ትልቅ ወይም ውስብስብ ፋይሎችን ለማስኬድ ብዙ ጊዜ ሊወስድ ይችላል። ሁሉም ልወጣዎች በአሳሽዎ ውስጥ ይከናወናሉ፣ ስለዚህ የሂደቱ ፍጥነት በመሳሪያዎ ላይ ይወሰናል።
ምስሎቼ በሚቀይሩበት ጊዜ ሚስጥራዊ ናቸው?
አዎ። የ PNG ፋይሎችህ Canvas API እና JavaScriptን በመጠቀም በአሳሽህ ውስጥ ሙሉ በሙሉ ይከናወናሉ። ምንም ነገር ወደ ማንኛውም አገልጋይ አልተሰቀለም - ፋይሉ በቀጥታ ከመሳሪያዎ ወደ መቀየሪያ እና ወደ መሳሪያዎ ይመለሳል።
ዱካው በ Illustrator ወይም Inkscape ውስጥ ማስተካከል ይቻላል?
አዎ። ውፅዓት ከመንገዶች አካላት ጋር መደበኛ SVG ነው። ሁለቱም Illustrator እና Inkscape በአፍ መፍቻነት ይከፍቱት እና መንገዶቹን እንዲያርትዑ፣ ቀለሞችን እንዲቀይሩ እና ውጤቱን እንዲያሻሽሉ ያስችሉዎታል።
የእኔ PNG ወደ አገልጋይ ተሰቅሏል?
አይ። ፍለጋው በአሳሽዎ ውስጥ imagetracerjs በመጠቀም ይከሰታል። ፋይሉ ከመሣሪያዎ አይወጣም።
ለምንድን ነው የእኔ SVG ፋይል በጣም ትልቅ የሆነው?
ብዙውን ጊዜ የምንጭ ምስሉ በጣም ብዙ ቀለሞች ወይም በጣም ጥሩ ዝርዝር ስላለው። የቀለም ቆጠራን ለመቀነስ፣ የመንገዱን ማቅለል ለመጨመር ወይም የተለየ ምንጭ ምስል በጠራ ጂኦሜትሪ ለመጠቀም ይሞክሩ።
PNGን በግልጽነት መከታተል እችላለሁ?
አዎ። ግልጽነት ያላቸው ፒክስሎች በSVG ውስጥ ዱካ የሌላቸው አካባቢዎች ይሆናሉ። SVG በማንኛውም የበስተጀርባ ቀለም ላይ ሲሰራ ግልጽው ዳራ ተጠብቆ ይቆያል።