ਮੁਫ਼ਤ ਪਰਿਵਰਤਕ
SVG ਤੋਂ PNG ਪਰਿਵਰਤਕ
ਵੈਕਟਰ SVG ਫਾਈਲਾਂ ਨੂੰ ਉੱਚ-ਗੁਣਵੱਤਾ ਰਾਸਟਰ PNG ਚਿੱਤਰਾਂ ਵਿੱਚ ਬਦਲੋ। ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਆਸਾਨੀ ਨਾਲ ਆਉਟਪੁੱਟ ਸਕੇਲ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ।
SVG ਨੂੰ ਇੱਥੇ ਖਿੱਚੋ ਅਤੇ ਸੁੱਟੋ
50MB ਤੱਕ ਸਪੋਰਟ ਕਰਦਾ ਹੈ
ਜਾਂ
ਵੈਕਟਰ SVG ਫਾਈਲਾਂ ਨੂੰ ਉੱਚ-ਗੁਣਵੱਤਾ ਰਾਸਟਰ PNG ਚਿੱਤਰਾਂ ਵਿੱਚ ਬਦਲੋ। ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਆਸਾਨੀ ਨਾਲ ਆਉਟਪੁੱਟ ਸਕੇਲ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ।
50MB ਤੱਕ ਸਪੋਰਟ ਕਰਦਾ ਹੈ
SVG (ਸਕੇਲੇਬਲ ਵੈਕਟਰ ਗ੍ਰਾਫਿਕਸ) ਚਿੱਤਰਾਂ ਨੂੰ ਜਿਓਮੈਟ੍ਰਿਕ ਪ੍ਰਾਈਮਿਟਿਵ ਦੇ ਇੱਕ ਸਮੂਹ ਦੇ ਰੂਪ ਵਿੱਚ ਵਰਣਨ ਕਰਦਾ ਹੈ — ਮਾਰਗ, ਆਕਾਰ, ਟੈਕਸਟ, ਗਰੇਡੀਐਂਟ — ਜੋ ਗੁਣਵੱਤਾ ਦੇ ਨੁਕਸਾਨ ਤੋਂ ਬਿਨਾਂ ਕਿਸੇ ਵੀ ਆਕਾਰ ਤੱਕ ਸਕੇਲ ਕਰਦੇ ਹਨ। PNG ਇੱਕ ਨਿਸ਼ਚਿਤ ਰੈਜ਼ੋਲੂਸ਼ਨ 'ਤੇ ਇੱਕ ਸਿੰਗਲ ਆਇਤਾਕਾਰ ਪਿਕਸਲ ਗਰਿੱਡ ਨੂੰ ਸਟੋਰ ਕਰਦਾ ਹੈ। SVG ਨੂੰ PNG ਵਿੱਚ ਬਦਲਣਾ ਇੱਕ ਰਾਸਟਰਾਈਜ਼ੇਸ਼ਨ ਕਦਮ ਹੈ: SVG ਦੇ ਡਰਾਇੰਗ ਨਿਰਦੇਸ਼ਾਂ ਦਾ ਮੁਲਾਂਕਣ ਇੱਕ ਚੁਣੇ ਹੋਏ ਪਿਕਸਲ ਆਕਾਰ 'ਤੇ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਨਤੀਜੇ ਵਜੋਂ ਬਿੱਟਮੈਪ ਨੂੰ PNG ਦੇ ਰੂਪ ਵਿੱਚ ਏਨਕੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਆਉਟਪੁੱਟ ਤੁਹਾਡੇ ਦੁਆਰਾ ਦਰਸਾਏ ਗਏ ਆਕਾਰ 'ਤੇ ਕਰਿਸਪ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ ਪਰ ਜੇਕਰ ਸਕੇਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਪਿਕਸਲੇਟ ਹੁੰਦਾ ਹੈ।
ਇਹ ਕਨਵਰਟਰ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬਿਲਟ-ਇਨ SVG ਇੰਜਣ ਦੀ ਵਰਤੋਂ ਕਰਕੇ SVG ਨੂੰ ਰੈਂਡਰ ਕਰਦਾ ਹੈ। SVG ਨੂੰ ਇੱਕ ਚਿੱਤਰ ਤੱਤ ਵਿੱਚ ਲੋਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਚੁਣੇ ਹੋਏ ਆਉਟਪੁੱਟ ਮਾਪਾਂ 'ਤੇ ਇੱਕ HTML5 ਕੈਨਵਸ ਉੱਤੇ ਖਿੱਚਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ canvas.toBlob ਰਾਹੀਂ PNG ਵਜੋਂ ਨਿਰਯਾਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਕਿਉਂਕਿ ਬ੍ਰਾਊਜ਼ਰ ਰਾਸਟਰਾਈਜ਼ੇਸ਼ਨ ਕਰਦਾ ਹੈ, ਗੁੰਝਲਦਾਰ SVG ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ — ਗਰੇਡੀਐਂਟ, ਫਿਲਟਰ, ਮਾਸਕ, ਐਨੀਮੇਸ਼ਨ ਇੱਕ ਸਥਿਰ ਫ੍ਰੇਮ ਦੇ ਤੌਰ 'ਤੇ — ਉਸੇ ਤਰ੍ਹਾਂ ਰੈਂਡਰ ਕਰਦੇ ਹਨ ਜਿਵੇਂ ਉਹ ਅਸਲ ਵੈਬਪੇਜ 'ਤੇ ਕਰਦੇ ਹਨ।
SVG-ਤੋਂ-PNG ਪਰਿਵਰਤਨ ਵਿੱਚ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਨ ਫੈਸਲਾ ਟੀਚਾ ਆਕਾਰ ਹੈ। SVG ਰੈਜ਼ੋਲਿਊਸ਼ਨ-ਸੁਤੰਤਰ ਹੈ, ਇਸਲਈ ਅਸਲ ਵਰਤੋਂ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਇੱਕ PNG ਆਕਾਰ ਚੁਣਨਾ ਓਵਰ-ਪ੍ਰੋਵਿਜ਼ਨਿੰਗ (ਥੰਬਨੇਲ-ਆਕਾਰ ਦੇ ਆਈਕਨਾਂ ਲਈ ਵੱਡੀਆਂ ਫਾਈਲਾਂ) ਅਤੇ ਅੰਡਰ-ਪ੍ਰੋਵਿਜ਼ਨਿੰਗ (ਬਾਅਦ ਵਿੱਚ ਸਕੇਲ ਕੀਤੇ ਜਾਣ 'ਤੇ ਧੁੰਦਲਾ ਆਉਟਪੁੱਟ) ਤੋਂ ਬਚਦਾ ਹੈ। ਆਮ ਟੀਚੇ: ਆਈਕਾਨਾਂ ਲਈ 32×32 ਜਾਂ 64×64, ਲੋਗੋ ਲਈ 256×256 ਜਾਂ 512×512, ਹੀਰੋ ਗ੍ਰਾਫਿਕਸ ਲਈ 1024×1024, ਰੈਟੀਨਾ-ਗੁਣਵੱਤਾ ਸੰਪਤੀਆਂ ਲਈ 2048×2048।
SVG ਵੈੱਬ ਅਤੇ ਆਧੁਨਿਕ ਡਿਜ਼ਾਈਨ ਟੂਲਸ ਲਈ ਸ਼ਾਨਦਾਰ ਹੈ ਪਰ ਕਈ ਹੋਰ ਸੰਦਰਭਾਂ ਲਈ ਭਿਆਨਕ ਹੈ। ਈਮੇਲ ਕਲਾਇੰਟ ਐਸਵੀਜੀ ਨੂੰ ਅਸੰਗਤ ਰੂਪ ਵਿੱਚ ਰੈਂਡਰ ਕਰਦੇ ਹਨ; ਕੁਝ ਇਸਨੂੰ ਸੁਰੱਖਿਆ ਜੋਖਮ ਵਜੋਂ ਬਲੌਕ ਕਰਦੇ ਹਨ। ਪੁਰਾਣੇ ਦਫਤਰੀ ਸੌਫਟਵੇਅਰ, ਕੁਝ CMS, ਤੀਜੀ-ਧਿਰ ਸੇਵਾਵਾਂ, ਅਤੇ ਲਗਭਗ ਸਾਰੀਆਂ ਫੋਟੋ ਪ੍ਰਿੰਟ ਪਾਈਪਲਾਈਨਾਂ SVG ਨੂੰ ਬਿਲਕੁਲ ਵੀ ਸਵੀਕਾਰ ਨਹੀਂ ਕਰਦੀਆਂ ਹਨ। PNG ਵਿੱਚ ਬਦਲਣਾ ਇੱਕ ਸਰਵ ਵਿਆਪਕ ਤੌਰ 'ਤੇ ਸਵੀਕਾਰ ਕੀਤਾ ਰਾਸਟਰ ਪੈਦਾ ਕਰਦਾ ਹੈ ਜੋ ਚੁਣੇ ਹੋਏ ਆਕਾਰ 'ਤੇ ਇੱਕੋ ਜਿਹਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।
PNG ਪ੍ਰਾਪਤਕਰਤਾ ਦੇ SVG ਰੈਂਡਰਰ 'ਤੇ ਨਿਰਭਰ ਕੀਤੇ ਬਿਨਾਂ ਦਫਤਰੀ ਦਸਤਾਵੇਜ਼ਾਂ, ਸਲਾਈਡ ਡੈੱਕਾਂ, ਅਤੇ PDF ਵਿੱਚ ਭਰੋਸੇਯੋਗਤਾ ਨਾਲ ਏਮਬੇਡ ਕਰਦਾ ਹੈ। ਲੋਗੋ ਅਤੇ ਗ੍ਰਾਫਿਕਸ ਲਈ ਜਿਨ੍ਹਾਂ ਨੂੰ ਬਹੁਤ ਸਾਰੇ ਪਲੇਟਫਾਰਮਾਂ ਵਿੱਚ ਲਗਾਤਾਰ ਦਿਖਾਈ ਦੇਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, PNG ਇੱਕ ਸੁਰੱਖਿਅਤ ਵਿਕਲਪ ਹੈ - ਭਾਵੇਂ ਇਹ ਰੈਜ਼ੋਲੂਸ਼ਨ-ਆਜ਼ਾਦੀ ਗੁਆ ਦਿੰਦਾ ਹੈ ਜੋ SVG ਨੂੰ ਪਹਿਲੀ ਥਾਂ 'ਤੇ ਆਕਰਸ਼ਕ ਬਣਾਉਂਦਾ ਹੈ।
ਆਪਣਾ ਨਿਸ਼ਾਨਾ ਆਕਾਰ ਚੁਣੋ, ਰੈਂਡਰ। ਬ੍ਰਾਊਜ਼ਰ ਰਾਸਟਰਾਈਜ਼ੇਸ਼ਨ ਕਰਦਾ ਹੈ।
SVG (W3C ਸਿਫ਼ਾਰਿਸ਼) ਇੱਕ XML-ਆਧਾਰਿਤ ਵੈਕਟਰ ਫਾਰਮੈਟ ਹੈ ਜਿਸ ਵਿੱਚ ਪਾਥ, ਮੂਲ ਆਕਾਰ (ਰੈਕਟ, ਚੱਕਰ, ਅੰਡਾਕਾਰ, ਰੇਖਾ, ਬਹੁਭੁਜ, ਪੌਲੀਲਾਈਨ), ਟੈਕਸਟ, ਗਰੇਡੀਐਂਟ (ਲੀਨੀਅਰ ਗ੍ਰੇਡੀਐਂਟ, ਰੇਡੀਅਲ ਗ੍ਰੇਡੀਐਂਟ), ਫਿਲਟਰ, ਮਾਸਕ, ਅਤੇ ਕਲਿੱਪ ਪਾਥ ਸ਼ਾਮਲ ਹਨ। ਬ੍ਰਾਊਜ਼ਰ XML ਨੂੰ ਪਾਰਸ ਕਰਦਾ ਹੈ, ਇੱਕ DOM ਬਣਾਉਂਦਾ ਹੈ, CSS ਲਾਗੂ ਕਰਦਾ ਹੈ, ਅਤੇ ਪੇਜ ਰੈਂਡਰਿੰਗ ਦੌਰਾਨ ਨਤੀਜੇ ਨੂੰ ਰਾਸਟਰਾਈਜ਼ ਕਰਦਾ ਹੈ।
ਇਹ ਕਨਵਰਟਰ SVG ਨੂੰ ਇੱਕ HTMLImageElement ਵਿੱਚ ਲੋਡ ਕਰਦਾ ਹੈ (ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸਧਾਰਨ SVG-as-image ਰੈਂਡਰਿੰਗ ਮਾਰਗ ਨੂੰ ਚਾਲੂ ਕਰਦਾ ਹੈ), ਫਿਰ ਇਸਨੂੰ drawImage ਰਾਹੀਂ ਇੱਕ ਕੈਨਵਸ ਵੱਲ ਖਿੱਚਦਾ ਹੈ। canvas.toBlob('image/png') ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੈਨਵਸ ਨੂੰ PNG ਵਜੋਂ ਨਿਰਯਾਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਆਉਟਪੁੱਟ ਵਿੱਚ ਸਟੀਕ ਪਿਕਸਲ ਉਸ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹਨ ਜੋ SVG ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਟੈਬ ਵਿੱਚ ਇੱਕੋ ਆਕਾਰ ਵਿੱਚ ਰੈਂਡਰ ਕਰੇਗਾ।
ਕਿਨਾਰੇ ਦੇ ਕੇਸ: ਚਿੱਤਰ ਤੱਤ ਦੁਆਰਾ ਵਰਤੇ ਜਾਣ 'ਤੇ ਵਿਦੇਸ਼ੀ ਆਬਜੈਕਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ SVG ਹਮੇਸ਼ਾ ਸਮਰਥਿਤ ਨਹੀਂ ਹੁੰਦਾ ਹੈ। ਬਾਹਰੀ ਸਰੋਤਾਂ ਦਾ ਹਵਾਲਾ ਦੇਣ ਵਾਲੇ SVG (xlink:href ਕਿਸੇ ਵੱਖਰੇ ਡੋਮੇਨ ਲਈ) CORS ਦੇ ਕਾਰਨ ਲੋਡ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਹੋ ਸਕਦਾ ਹੈ। SMIL ਐਨੀਮੇਸ਼ਨ ਅਤੇ JavaScript-ਚਾਲਿਤ ਐਨੀਮੇਸ਼ਨ ਕੇਵਲ ਸ਼ੁਰੂਆਤੀ ਫਰੇਮ ਦੇ ਤੌਰ 'ਤੇ ਰੈਂਡਰ ਹੁੰਦੇ ਹਨ।