ఉచిత కన్వర్టర్

SVG నుండి PNG కన్వర్టర్

వెక్టర్ SVG ఫైల్‌లను అధిక-నాణ్యత రాస్టర్ PNG చిత్రాలకు మార్చండి. మీ బ్రౌజర్‌లో అవుట్‌పుట్ స్కేల్ మరియు నేపథ్య రంగును సులభంగా అనుకూలీకరించండి.

SVGని ఇక్కడకు లాగి వదలండి

50MB వరకు సపోర్ట్ చేస్తుంది

లేదా

ఈ సాధనం గురించి

SVG (స్కేలబుల్ వెక్టర్ గ్రాఫిక్స్) చిత్రాలను రేఖాగణిత ఆదిమాంశాల సమితిగా వివరిస్తుంది - మార్గాలు, ఆకారాలు, వచనం, ప్రవణతలు - నాణ్యతను కోల్పోకుండా ఏ పరిమాణానికి అయినా స్కేల్ చేస్తుంది. PNG స్థిర రిజల్యూషన్‌లో ఒకే దీర్ఘచతురస్రాకార పిక్సెల్ గ్రిడ్‌ను నిల్వ చేస్తుంది. SVGని PNGకి మార్చడం అనేది రాస్టరైజేషన్ దశ: SVG యొక్క డ్రాయింగ్ సూచనలు ఎంచుకున్న పిక్సెల్ పరిమాణంలో మూల్యాంకనం చేయబడతాయి మరియు ఫలితంగా బిట్‌మ్యాప్ PNGగా ఎన్‌కోడ్ చేయబడుతుంది. మీరు పేర్కొన్న పరిమాణంలో అవుట్‌పుట్ స్ఫుటంగా కనిపిస్తుంది కానీ స్కేల్ చేస్తే పిక్సలేట్‌లుగా ఉంటుంది.

ఈ కన్వర్టర్ బ్రౌజర్ యొక్క అంతర్నిర్మిత SVG ఇంజిన్‌ని ఉపయోగించి SVGని అందిస్తుంది. SVG చిత్రం మూలకంలోకి లోడ్ చేయబడింది, ఎంచుకున్న అవుట్‌పుట్ కొలతల వద్ద HTML5 కాన్వాస్‌పైకి డ్రా చేయబడింది మరియు canvas.toBlob ద్వారా PNGగా ఎగుమతి చేయబడుతుంది. బ్రౌజర్ రాస్టరైజేషన్, సంక్లిష్టమైన SVG ఫీచర్‌లను చేస్తుంది కాబట్టి - గ్రేడియంట్లు, ఫిల్టర్‌లు, మాస్క్‌లు, యానిమేషన్‌లను స్టాటిక్ ఫ్రేమ్‌గా - నిజమైన వెబ్‌పేజీలో అదే విధంగా రెండర్ చేస్తుంది.

SVG-to-PNG మార్పిడిలో అత్యంత ముఖ్యమైన నిర్ణయం లక్ష్యం పరిమాణం. SVG రిజల్యూషన్-స్వతంత్రమైనది, కాబట్టి వాస్తవ వినియోగానికి సరిపోయే PNG పరిమాణాన్ని ఎంచుకోవడం వలన అధిక కేటాయింపు (థంబ్‌నెయిల్-పరిమాణ చిహ్నాల కోసం భారీ ఫైల్‌లు) మరియు తక్కువ ప్రొవిజనింగ్ (తరువాత స్కేల్ చేసినప్పుడు అవుట్‌పుట్ అస్పష్టంగా ఉంటుంది) నివారిస్తుంది. సాధారణ లక్ష్యాలు: చిహ్నాల కోసం 32×32 లేదా 64×64, లోగోల కోసం 256×256 లేదా 512×512, హీరో గ్రాఫిక్స్ కోసం 1024×1024, రెటీనా-నాణ్యత ఆస్తుల కోసం 2048×2048.

SVGని PNGకి ఎందుకు మార్చాలి

SVG వెబ్ మరియు ఆధునిక డిజైన్ సాధనాల కోసం అద్భుతమైనది కానీ అనేక ఇతర సందర్భాలలో భయంకరమైనది. ఇమెయిల్ క్లయింట్లు SVGని అస్థిరంగా రెండర్ చేస్తాయి; కొందరు దానిని సెక్యూరిటీ రిస్క్‌గా బ్లాక్ చేస్తారు. పాత ఆఫీస్ సాఫ్ట్‌వేర్, నిర్దిష్ట CMSలు, థర్డ్-పార్టీ సేవలు మరియు దాదాపు అన్ని ఫోటో ప్రింట్ పైప్‌లైన్‌లు SVGని అంగీకరించవు. PNGకి మార్చడం అనేది ఎంచుకున్న పరిమాణంలో ఒకేలా కనిపించే విశ్వవ్యాప్తంగా ఆమోదించబడిన రాస్టర్‌ను ఉత్పత్తి చేస్తుంది.

PNG గ్రహీత యొక్క SVG రెండరర్‌పై ఆధారపడకుండా కార్యాలయ పత్రాలు, స్లయిడ్ డెక్‌లు మరియు PDFలలో కూడా విశ్వసనీయంగా పొందుపరచబడుతుంది. అనేక ప్లాట్‌ఫారమ్‌లలో స్థిరంగా కనిపించాల్సిన లోగోలు మరియు గ్రాఫిక్‌ల కోసం, PNG అనేది సురక్షితమైన ఎంపిక - ఇది రిజల్యూషన్-స్వాతంత్ర్యం కోల్పోయినప్పటికీ, SVGని మొదటి స్థానంలో ఆకర్షణీయంగా చేస్తుంది.

ఎలా ఉపయోగించాలి

మీ లక్ష్య పరిమాణాన్ని ఎంచుకోండి, రెండర్ చేయండి. బ్రౌజర్ రాస్టరైజేషన్ చేస్తుంది.

  1. SVG ఫైల్‌ను అప్‌లోడ్ చేయండి: అప్‌లోడ్ ప్రాంతంలోకి SVGని లాగండి లేదా బ్రౌజ్ చేయడానికి క్లిక్ చేయండి. సాధారణ SVGలు 1 MB కంటే తక్కువగా ఉన్నప్పటికీ, 50 MB వరకు ఫైల్‌లకు మద్దతు ఉంది. స్వీయ-నియంత్రణ SVGలు ఉత్తమంగా పని చేస్తాయి; రిమోట్ URLలకు xlink:href ద్వారా బాహ్య చిత్రాలను సూచించే SVGలు అసంపూర్ణంగా ఉండవచ్చు.
  2. అవుట్‌పుట్ పరిమాణాన్ని ఎంచుకోండి: డిఫాల్ట్ అనేది SVG యొక్క స్థానిక వీక్షణబాక్స్ కొలతలు, కానీ మీరు ఏదైనా పిక్సెల్ పరిమాణానికి భర్తీ చేయవచ్చు. మీ వాస్తవ వినియోగానికి సరిపోయే పరిమాణాన్ని ఎంచుకోండి - 32×32 వద్ద ప్రదర్శించబడే చిహ్నాల కోసం 4K PNGలను ఉత్పత్తి చేయకుండా ఉండండి.
  3. రెండర్: బ్రౌజర్ SVGని అన్వయిస్తుంది, అభ్యర్థించిన కొలతల వద్ద దానిని కాన్వాస్‌పైకి లాగుతుంది మరియు కాన్వాస్‌ను PNGగా ఎగుమతి చేస్తుంది. ఫిల్టర్‌లు లేదా పెద్ద పాత్ గణనలతో కూడిన కాంప్లెక్స్ SVGలు కొంత సమయం పట్టవచ్చు; సాధారణ చిహ్నాలు తక్షణమే రెండర్.
  4. PNGని డౌన్‌లోడ్ చేయండి: ఫైల్‌ను సేవ్ చేయండి. SVGలో పారదర్శకత (గీసిన ఆకారాల వెలుపల ఏదైనా) PNGలో ఆల్ఫా ఛానెల్‌గా భద్రపరచబడుతుంది.

సాధారణ వినియోగ కేసులు

సాంకేతిక వివరాలు

SVG (W3C సిఫార్సు) అనేది XML-ఆధారిత వెక్టర్ ఫార్మాట్, ఇది పాత్‌లు, ప్రాథమిక ఆకారాలు (రెక్ట్, సర్కిల్, ఎలిప్స్, లైన్, బహుభుజి, పాలీలైన్), టెక్స్ట్, గ్రేడియంట్స్ (లీనియర్‌గ్రేడియంట్, రేడియల్‌గ్రేడియంట్), ఫిల్టర్‌లు, మాస్క్‌లు మరియు క్లిప్ పాత్‌ల కోసం మూలకాలను కలిగి ఉంటుంది. బ్రౌజర్ XMLని అన్వయిస్తుంది, DOMని నిర్మిస్తుంది, CSSని వర్తింపజేస్తుంది మరియు పేజీ రెండరింగ్ సమయంలో ఫలితాన్ని రాస్టరైజ్ చేస్తుంది.

ఈ కన్వర్టర్ SVGని HTMLImageElementలోకి లోడ్ చేస్తుంది (ఇది బ్రౌజర్ యొక్క సాధారణ SVG-ఇమేజ్ రెండరింగ్ పాత్‌ను ప్రేరేపిస్తుంది), ఆపై డ్రాఇమేజ్ ద్వారా దానిని కాన్వాస్‌కి లాగుతుంది. canvas.toBlob('image/png')ని ఉపయోగించి కాన్వాస్ PNGగా ఎగుమతి చేయబడుతుంది. అవుట్‌పుట్‌లోని ఖచ్చితమైన పిక్సెల్‌లు బ్రౌజర్ ట్యాబ్‌లో SVG అదే పరిమాణంలో రెండర్ చేసే దానికి సరిపోతాయి.

ఎడ్జ్ కేసులు: చిత్ర మూలకం ద్వారా ఉపయోగించినప్పుడు విదేశీ ఆబ్జెక్ట్‌ని ఉపయోగించే SVG ఎల్లప్పుడూ మద్దతు ఇవ్వదు. SVG రెఫరెన్సింగ్ బాహ్య వనరులను (xlink:href వేరొక డొమైన్‌కు) CORS కారణంగా లోడ్ చేయడంలో విఫలం కావచ్చు. SMIL యానిమేషన్‌లు మరియు జావాస్క్రిప్ట్-ఆధారిత యానిమేషన్‌లు ప్రారంభ ఫ్రేమ్‌గా మాత్రమే అందిస్తాయి.

ఉత్తమ పద్ధతులు

తరచుగా అడిగే ప్రశ్నలు

PNGకి మార్చినప్పుడు నా SVG నాణ్యత కోల్పోతుందా?
వెక్టర్-టు-రాస్టర్ మార్పిడి అంటే చిత్రం పిక్సెల్-ఆధారితంగా మారుతుంది మరియు ఇకపై అనంతంగా స్కేల్ చేయబడదు. మీరు ఉద్దేశించిన డిస్‌ప్లే పరిమాణంలో PNG షార్ప్‌గా ఉన్నట్లు నిర్ధారించుకోవడానికి అధిక రిజల్యూషన్‌ని ఎంచుకోండి.
PNG ఫార్మాట్ దేనికి ఉపయోగించబడుతుంది?
PNG (పోర్టబుల్ నెట్‌వర్క్ గ్రాఫిక్స్) ప్రధానంగా పారదర్శకత, స్క్రీన్‌షాట్‌లు, లోగోలు, చిహ్నాలతో గ్రాఫిక్స్ కోసం ఉపయోగించబడుతుంది.
తెలుసుకోవలసిన పరిమితులు ఏమైనా ఉన్నాయా?
50MB వరకు ఉన్న ఫైల్‌లకు మద్దతు ఉంది. చాలా పెద్ద లేదా సంక్లిష్టమైన ఫైల్‌లను ప్రాసెస్ చేయడానికి ఎక్కువ సమయం పట్టవచ్చు. అన్ని మార్పిడి మీ బ్రౌజర్‌లో జరుగుతుంది, కాబట్టి ప్రాసెసింగ్ వేగం మీ పరికరంపై ఆధారపడి ఉంటుంది.
మార్పిడి సమయంలో నా చిత్రాలు ప్రైవేట్‌గా ఉంచబడ్డాయా?
అవును. మీ SVG ఫైల్‌లు Canvas API మరియు JavaScriptని ఉపయోగించి మీ బ్రౌజర్‌లో పూర్తిగా ప్రాసెస్ చేయబడతాయి. ఏ సర్వర్‌కు ఏదీ అప్‌లోడ్ చేయబడదు - ఫైల్ నేరుగా మీ పరికరం నుండి కన్వర్టర్‌కి మరియు మీ పరికరానికి తిరిగి వెళుతుంది.
టెక్స్ట్ టెక్స్ట్‌గా లేదా పాత్‌లుగా రెండర్ చేయబడిందా?
PNG అవుట్‌పుట్‌లో టెక్స్ట్ పిక్సెల్‌లుగా రాస్టరైజ్ చేయబడింది. అవుట్‌పుట్ ఇకపై శోధించబడదు లేదా ఎంచుకోబడదు. మీ SVG బ్రౌజర్‌లో అందుబాటులో లేని ఫాంట్‌లను ఉపయోగిస్తుంటే, టెక్స్ట్ ఫాల్‌బ్యాక్ ఫాంట్‌లో రెండర్ కావచ్చు; హామీతో కూడిన ప్రదర్శన కోసం రెండరింగ్ చేయడానికి ముందు SVGలోని పాత్‌లుగా టెక్స్ట్‌ని మార్చండి.
నా SVG సర్వర్‌కి అప్‌లోడ్ చేయబడిందా?
లేదు. SVG పార్సింగ్ మరియు రెండరింగ్ మీ బ్రౌజర్‌లో జరుగుతుంది; మీ బ్రౌజర్‌లో PNG ఎన్‌కోడింగ్ జరుగుతుంది. ఫైల్ మీ పరికరాన్ని వదిలివేయదు.
నా మార్చబడిన PNG ఎందుకు ఖాళీగా ఉంది?
సాధారణ కారణాలు: CORS కారణంగా లోడ్ చేయడంలో విఫలమైన బాహ్య చిత్రాలను SVG సూచిస్తుంది; SVG ఇమేజ్-ఎలిమెంట్ రెండరింగ్ పాత్ (విదేశీ ఆబ్జెక్ట్, నిర్దిష్ట ఫిల్టర్‌లు) ద్వారా మద్దతు లేని లక్షణాలను ఉపయోగిస్తుంది; SVG జీరో డైమెన్షనల్ వ్యూబాక్స్‌ని కలిగి ఉంది. మార్చడానికి ముందు అది రెండర్ చేయబడిందని నిర్ధారించడానికి SVGని నేరుగా బ్రౌజర్‌లో తెరవండి.
నేను స్క్రిప్ట్‌లో SVGని PNGకి మార్చవచ్చా?
అవును — బ్యాచ్ జాబ్‌ల కోసం, షార్ప్ లేదా పప్పెటీర్‌ని ఉపయోగించే Node.js సెటప్ బ్రౌజర్‌కి సమానమైన విశ్వసనీయతతో SVGని PNGకి రెండర్ చేస్తుంది. ఈ సాధనం ఏదైనా ఇన్‌స్టాల్ చేయకుండా బ్రౌజర్‌లో ఒక-ఆఫ్ మార్పిడుల కోసం.