PNG ಗೆ SVG ಪರಿವರ್ತಕ
ವೆಕ್ಟರ್ 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 ವೆಬ್ ಮತ್ತು ಆಧುನಿಕ ವಿನ್ಯಾಸ ಪರಿಕರಗಳಿಗೆ ಅದ್ಭುತವಾಗಿದೆ ಆದರೆ ಇತರ ಹಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ ಭಯಾನಕವಾಗಿದೆ. ಇಮೇಲ್ ಕ್ಲೈಂಟ್ಗಳು SVG ಅನ್ನು ಅಸಮಂಜಸವಾಗಿ ನಿರೂಪಿಸುತ್ತವೆ; ಕೆಲವರು ಅದನ್ನು ಭದ್ರತಾ ಅಪಾಯವಾಗಿ ನಿರ್ಬಂಧಿಸುತ್ತಾರೆ. ಹಳೆಯ ಕಚೇರಿ ಸಾಫ್ಟ್ವೇರ್, ಕೆಲವು CMSಗಳು, ಮೂರನೇ ವ್ಯಕ್ತಿಯ ಸೇವೆಗಳು ಮತ್ತು ಬಹುತೇಕ ಎಲ್ಲಾ ಫೋಟೋ ಮುದ್ರಣ ಪೈಪ್ಲೈನ್ಗಳು SVG ಅನ್ನು ಸ್ವೀಕರಿಸುವುದಿಲ್ಲ. PNG ಗೆ ಪರಿವರ್ತನೆಯು ಸಾರ್ವತ್ರಿಕವಾಗಿ ಅಂಗೀಕರಿಸಲ್ಪಟ್ಟ ರಾಸ್ಟರ್ ಅನ್ನು ಉತ್ಪಾದಿಸುತ್ತದೆ, ಅದು ಆಯ್ಕೆಮಾಡಿದ ಗಾತ್ರದಲ್ಲಿ ಒಂದೇ ರೀತಿ ಕಾಣುತ್ತದೆ.
PNG ಸ್ವೀಕರಿಸುವವರ SVG ರೆಂಡರರ್ ಅನ್ನು ಅವಲಂಬಿಸಿರದೆ ಕಚೇರಿ ದಾಖಲೆಗಳು, ಸ್ಲೈಡ್ ಡೆಕ್ಗಳು ಮತ್ತು PDF ಗಳಲ್ಲಿ ವಿಶ್ವಾಸಾರ್ಹವಾಗಿ ಎಂಬೆಡ್ ಮಾಡುತ್ತದೆ. ಅನೇಕ ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳಲ್ಲಿ ಸ್ಥಿರವಾಗಿ ಕಾಣಿಸಿಕೊಳ್ಳಬೇಕಾದ ಲೋಗೋಗಳು ಮತ್ತು ಗ್ರಾಫಿಕ್ಸ್ಗಾಗಿ, PNG ಸುರಕ್ಷಿತ ಆಯ್ಕೆಯಾಗಿದೆ - ಇದು ರೆಸಲ್ಯೂಶನ್-ಸ್ವಾತಂತ್ರ್ಯವನ್ನು ಕಳೆದುಕೊಂಡರೂ ಅದು SVG ಅನ್ನು ಮೊದಲ ಸ್ಥಾನದಲ್ಲಿ ಆಕರ್ಷಕಗೊಳಿಸುತ್ತದೆ.
ನಿಮ್ಮ ಗುರಿ ಗಾತ್ರವನ್ನು ಆರಿಸಿ, ನಿರೂಪಿಸಿ. ಬ್ರೌಸರ್ ರಾಸ್ಟರೈಸೇಶನ್ ಮಾಡುತ್ತದೆ.
SVG (W3C ಶಿಫಾರಸು) ಎಂಬುದು XML-ಆಧಾರಿತ ವೆಕ್ಟರ್ ಸ್ವರೂಪವಾಗಿದ್ದು, ಪಥಗಳು, ಮೂಲ ಆಕಾರಗಳು (ರೆಕ್ಟ್, ಸರ್ಕಲ್, ದೀರ್ಘವೃತ್ತ, ರೇಖೆ, ಬಹುಭುಜಾಕೃತಿ, ಪಾಲಿಲೈನ್), ಪಠ್ಯ, ಇಳಿಜಾರುಗಳು (ರೇಖೀಯ ಗ್ರೇಡಿಯಂಟ್, ರೇಡಿಯಲ್ ಗ್ರೇಡಿಯಂಟ್), ಫಿಲ್ಟರ್ಗಳು, ಮಾಸ್ಕ್ಗಳು ಮತ್ತು ಕ್ಲಿಪ್ ಪಾತ್ಗಳ ಅಂಶಗಳೊಂದಿಗೆ. ಬ್ರೌಸರ್ XML ಅನ್ನು ಪಾರ್ಸ್ ಮಾಡುತ್ತದೆ, DOM ಅನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ, CSS ಅನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ ಮತ್ತು ಪುಟ ರೆಂಡರಿಂಗ್ ಸಮಯದಲ್ಲಿ ಫಲಿತಾಂಶವನ್ನು ರಾಸ್ಟರೈಸ್ ಮಾಡುತ್ತದೆ.
ಈ ಪರಿವರ್ತಕವು SVG ಅನ್ನು HTMLImageElement ಗೆ ಲೋಡ್ ಮಾಡುತ್ತದೆ (ಇದು ಬ್ರೌಸರ್ನ ಸಾಮಾನ್ಯ SVG-ಇಮೇಜ್ ರೆಂಡರಿಂಗ್ ಮಾರ್ಗವನ್ನು ಪ್ರಚೋದಿಸುತ್ತದೆ), ನಂತರ ಅದನ್ನು ಡ್ರಾಇಮೇಜ್ ಮೂಲಕ ಕ್ಯಾನ್ವಾಸ್ಗೆ ಸೆಳೆಯುತ್ತದೆ. canvas.toBlob('image/png') ಬಳಸಿಕೊಂಡು ಕ್ಯಾನ್ವಾಸ್ ಅನ್ನು PNG ಆಗಿ ರಫ್ತು ಮಾಡಲಾಗುತ್ತದೆ. ಔಟ್ಪುಟ್ನಲ್ಲಿನ ನಿಖರವಾದ ಪಿಕ್ಸೆಲ್ಗಳು ಬ್ರೌಸರ್ ಟ್ಯಾಬ್ನಲ್ಲಿ SVG ಅದೇ ಗಾತ್ರದಲ್ಲಿ ನಿರೂಪಿಸಲು ಹೊಂದಿಕೆಯಾಗುತ್ತವೆ.
ಎಡ್ಜ್ ಪ್ರಕರಣಗಳು: ಇಮೇಜ್ ಎಲಿಮೆಂಟ್ ಮೂಲಕ ಬಳಸಿದಾಗ ವಿದೇಶಿ ಆಬ್ಜೆಕ್ಟ್ ಅನ್ನು ಬಳಸುವ SVG ಯಾವಾಗಲೂ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ. SVG ಉಲ್ಲೇಖಿತ ಬಾಹ್ಯ ಸಂಪನ್ಮೂಲಗಳು (xlink:href ಬೇರೆ ಡೊಮೇನ್ಗೆ) CORS ಕಾರಣದಿಂದಾಗಿ ಲೋಡ್ ಆಗಲು ವಿಫಲವಾಗಬಹುದು. SMIL ಅನಿಮೇಷನ್ಗಳು ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್-ಚಾಲಿತ ಅನಿಮೇಷನ್ಗಳು ಆರಂಭಿಕ ಫ್ರೇಮ್ನಂತೆ ಮಾತ್ರ ನಿರೂಪಿಸುತ್ತವೆ.