Is SVG to PNG Converter free to use?

Yes, this tool is free to use on Toolfix.info.

Do I need to create an account?

No account is required for basic use of this online tool.

Can I use this tool on mobile?

Yes, the tool is designed to work on desktop, tablet, and mobile browsers.

SVG to PNG Converter – Convert Vector Graphics Online Free

SVG to PNG Converter

Choose SVG File

or drag and drop file here

Or Paste SVG Code

<h3 style="margin-top:0;margin-bottom:15px;font-size:16px;font-weight:700;">Conversion Options</h3>
          
          <div class="sp-row-2">
            <div class="sp-form-group">
              <label class="sp-lbl">Width (px)</label>
              <input type="number" id="sp-width" class="sp-input" value="512" min="1" max="5000">
            </div>
            <div class="sp-form-group">
              <label class="sp-lbl">Height (px)</label>
              <input type="number" id="sp-height" class="sp-input" value="512" min="1" max="5000">
            </div>
          </div>
          
          <div class="sp-form-group">
            <div class="sp-checkbox-container">
              <input type="checkbox" id="sp-ratio" class="sp-checkbox" checked>
              <label class="sp-lbl" style="margin-bottom:0; cursor:pointer;" for="sp-ratio">Lock Aspect Ratio</label>
            </div>
          </div>
          
          <div class="sp-form-group">
            <label class="sp-lbl">Background Style</label>
            <select id="sp-bg-type" class="sp-select">
              <option value="transparent">Transparent (Recommended)</option>
              <option value="solid">Solid Color</option>
            </select>
            
            <div class="sp-color-picker-group" id="sp-color-group" style="display: none;">
              <input type="color" id="sp-bg-color" class="sp-color-picker" value="#ffffff">
              <span class="sp-lbl" style="margin-bottom:0;">Pick Background Color</span>
            </div>
          </div>
        </div>
      </div>
      
      <div>
        <div class="sp-card" style="height: 100%; display: flex; flex-direction: column;">
          <div class="sp-preview-header">
            <div class="sp-preview-title">PNG Preview <span class="sp-badge" id="sp-preview-size">512 × 512</span></div>
            <div class="sp-actions">
              <button class="sp-btn sp-btn-primary" id="sp-download" style="width: 100%; justify-content: center;" disabled>Download PNG</button>
            </div>
          </div>
          
          <div class="sp-preview-box" id="sp-preview-container">
            <div id="sp-placeholder" style="text-align:center; color:#64748b; font-size:14px; padding:20px;">
              Upload an SVG file or paste SVG code to preview and download
            </div>
            <img id="sp-img" class="sp-preview-img" alt="PNG Preview">
          </div>
          
          <div class="sp-info-text">
            All rendering and conversion are performed locally and securely in your browser. No files are uploaded to our servers.
          </div>
        </div>
      </div>
    </div>
  </div>

const dropzone = document.getElementById('sp-dropzone');
    const fileInput = document.getElementById('sp-file-input');
    const codeInput = document.getElementById('sp-code-input');
    const widthInput = document.getElementById('sp-width');
    const heightInput = document.getElementById('sp-height');
    const ratioCheck = document.getElementById('sp-ratio');
    const bgTypeSelect = document.getElementById('sp-bg-type');
    const colorGroup = document.getElementById('sp-color-group');
    const bgColorInput = document.getElementById('sp-bg-color');
    const downloadBtn = document.getElementById('sp-download');
    const previewImg = document.getElementById('sp-img');
    const placeholder = document.getElementById('sp-placeholder');
    const sizeBadge = document.getElementById('sp-preview-size');

// Drag & Drop
    dropzone.addEventListener('click', () => fileInput.click());
    dropzone.addEventListener('dragover', (e) => {
      e.preventDefault();
      dropzone.classList.add('dragover');
    });
    dropzone.addEventListener('dragleave', () => dropzone.classList.remove('dragover'));
    dropzone.addEventListener('drop', (e) => {
      e.preventDefault();
      dropzone.classList.remove('dragover');
      const files = e.dataTransfer.files;
      if (files.length > 0 && files[0].name.endsWith('.svg')) {
        handleFile(files[0]);
      }
    });

fileInput.addEventListener('change', (e) => {
      if (e.target.files.length > 0) {
        handleFile(e.target.files[0]);
      }
    });

codeInput.addEventListener('input', (e) => {
      originalSvg = e.target.value.trim();
      processSvg();
    });

bgTypeSelect.addEventListener('change', (e) => {
      if (e.target.value === 'solid') {
        colorGroup.style.display = 'flex';
      } else {
        colorGroup.style.display = 'none';
      }
      processSvg();
    });

bgColorInput.addEventListener('change', processSvg);
    bgColorInput.addEventListener('input', processSvg);

widthInput.addEventListener('input', (e) => {
      const w = parseInt(e.target.value) || 0;
      if (w > 0 && ratioCheck.checked) {
        const h = Math.round(w / aspect_ratio);
        heightInput.value = h;
      }
      processSvg();
    });

heightInput.addEventListener('input', (e) => {
      const h = parseInt(e.target.value) || 0;
      if (h > 0 && ratioCheck.checked) {
        const w = Math.round(h * aspect_ratio);
        widthInput.value = w;
      }
      processSvg();
    });

function handleFile(file) {
      const reader = new FileReader();
      reader.onload = (e) => {
        originalSvg = e.target.result;
        codeInput.value = originalSvg;
        processSvg(true); // first load, read size
      };
      reader.readAsText(file);
    }

function processSvg(firstLoad = false) {
      if (!originalSvg) {
        downloadBtn.disabled = true;
        previewImg.style.display = 'none';
        placeholder.style.display = 'block';
        return;
      }

// Try to parse dimensions from SVG content if first load
      if (firstLoad) {
        const parser = new DOMParser();
        const doc = parser.parseFromString(originalSvg, 'image/svg+xml');
        const svgEl = doc.querySelector('svg');
        if (svgEl) {
          let w = parseFloat(svgEl.getAttribute('width'));
          let h = parseFloat(svgEl.getAttribute('height'));
          
          if (isNaN(w) || isNaN(h)) {
            const viewBox = svgEl.getAttribute('viewBox');
            if (viewBox) {
              const parts = viewBox.split(/\s+/);
              if (parts.length === 4) {
                w = parseFloat(parts[2]);
                h = parseFloat(parts[3]);
              }
            }
          }

if (!isNaN(w) && !isNaN(h) && w > 0 && h > 0) {
            original_width = Math.round(w);
            original_height = Math.round(h);
            aspect_ratio = w / h;
            
            widthInput.value = original_width;
            heightInput.value = original_height;
          }
        }
      }

const w = parseInt(widthInput.value) || 512;
      const h = parseInt(heightInput.value) || 512;
      sizeBadge.textContent = `${w} × ${h}`;

// Create dynamic Image and Canvas
      const img = new Image();
      const canvas = document.createElement('canvas');
      canvas.width = w;
      canvas.height = h;
      const ctx = canvas.getContext('2d');

// Create standard SVG Blob URL
      const svgBlob = new Blob([originalSvg], { type: 'image/svg+xml;charset=utf-8' });
      const url = URL.createObjectURL(svgBlob);

img.onload = () => {
        // Clear background
        ctx.clearRect(0, 0, w, h);
        
        if (bgTypeSelect.value === 'solid') {
          ctx.fillStyle = bgColorInput.value;
          ctx.fillRect(0, 0, w, h);
        }

// Draw image onto canvas
        ctx.drawImage(img, 0, 0, w, h);
        
        // Output Data URL to Preview
        try {
          const pngUrl = canvas.toDataURL('image/png');
          previewImg.src = pngUrl;
          previewImg.style.display = 'block';
          placeholder.style.display = 'none';
          downloadBtn.disabled = false;
        } catch (e) {
          alert('Error rasterizing SVG image. Please check your SVG syntax.');
          downloadBtn.disabled = true;
        }
        
        URL.revokeObjectURL(url);
      };

img.onerror = () => {
        previewImg.style.display = 'none';
        placeholder.style.display = 'block';
        downloadBtn.disabled = true;
        URL.revokeObjectURL(url);
      };

img.src = url;
    }

downloadBtn.addEventListener('click', () => {
      const a = document.createElement('a');
      a.href = previewImg.src;
      a.download = 'vector-toolfix.png';
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
    });
  </script>

<section class="toolfix-seo-content" style="max-width:900px;margin:35px auto;padding:25px;font-family:Arial,sans-serif;line-height:1.75;color:#1f2937">
  <h2>About This Free Tool</h2>
  <p>This utility helps you complete common digital tasks quickly and easily. It is designed to be mobile-friendly, fast, and simple to use directly in your browser.</p>

<div class="toolfix-ad toolfix-ad-ad-below-title" style="text-align:center;margin:24px auto;max-width:100%;overflow:hidden;">
<ins class="adsbygoogle"
     style="display:block;"
     data-ad-client="ca-pub-1629891857410978"
     data-ad-slot="1234567890"
     data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>

<h2>How to Use</h2>
  <ol>
    <li>Adjust the input parameters or enter your text in the fields provided.</li>
    <li>View the calculations, charts, or rewritten output update instantly.</li>
    <li>Use the copy or export options to save your results.</li>
  </ol>
</section>

<div class="toolfix-ad toolfix-ad-ad-end-content" style="text-align:center;margin:24px auto;max-width:100%;overflow:hidden;">
<ins class="adsbygoogle"
     style="display:block;"
     data-ad-client="ca-pub-1629891857410978"
     data-ad-slot="1122334455"
     data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
<section class="toolfix-related-tools" aria-label="Related tools"><h2>Related Tools</h2><ul><li><a href="https://toolfix.info/pdf-compressor/">PDF Compressor</a></li><li><a href="https://toolfix.info/pdf-merger/">PDF Merger</a></li><li><a href="https://toolfix.info/pdf-splitter/">PDF Splitter</a></li><li><a href="https://toolfix.info/pdf-page-remover/">PDF Page Remover</a></li><li><a href="https://toolfix.info/jpg-to-pdf-converter/">JPG to PDF Converter</a></li><li><a href="https://toolfix.info/pdf-to-png-converter/">PDF to PNG Converter</a></li><li><a href="https://toolfix.info/pdf-tools/">All PDF Tools</a></li></ul></section></div>
</main>

<p class="wp-block-site-title has-medium-font-size"><a href="https://toolfix.info" target="_self" rel="home">Toolfix.info</a></p>

<p class="wp-block-site-tagline has-small-font-size">Free online tools for SEO, PDF files, text, images, web development, business and everyday calculations.</p>
			</div>
			
		</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
			
			<div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-cf54d0a6 wp-block-group-is-layout-flex">
				
				<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-d8dce8eb wp-block-group-is-layout-flex">
					
					<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">About</h2>

<nav style="font-style:normal;font-weight:400" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bce0c455 wp-block-navigation-is-layout-flex" aria-label="About"><ul style="font-style:normal;font-weight:400" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation" aria-label="About"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Team</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">History</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Careers</span></a></li></ul></nav>

</div>
					
				</div>

<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-d8dce8eb wp-block-group-is-layout-flex">
					
					<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Privacy</h2>

<nav style="font-style:normal;font-weight:400" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bce0c455 wp-block-navigation-is-layout-flex" aria-label="Privacy"><ul style="font-style:normal;font-weight:400" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation" aria-label="Privacy"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Privacy Policy</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Terms and Conditions</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact Us</span></a></li></ul></nav>

</div>
					
				</div>

<nav style="font-style:normal;font-weight:400" class="has-small-font-size is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-bce0c455 wp-block-navigation-is-layout-flex" aria-label="Social Media"><ul style="font-style:normal;font-weight:400" class="wp-block-navigation__container has-small-font-size is-vertical wp-block-navigation" aria-label="Social Media"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Facebook</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Instagram</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Twitter/X</span></a></li></ul></nav>

</div>
					
				</div>
				
			</div>
			
		</div>
		
	</div>

<div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0">
		
		<p class="has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-69a005592d8de9c85f5c3744bd9a4e03 wp-block-paragraph">
		Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a>		</p>
		
	</div>
	
</div>

</footer>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/twentytwentyfour/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="rocketlazyloadscript" data-wp-router-options="{"loadOnClientNavigation":true}" fetchpriority="low" id="@wordpress/block-library/navigation/view-js-module" data-rocket-src="https://toolfix.info/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=96a846e1d7b789c39ab9" data-rocket-type="module" data-rocket-defer defer></script>
<script id="codeart_units_converter_script-js-extra">
var CodeArtUnitsConverter = {"ajax_url":"https://toolfix.info/wp-admin/admin-ajax.php","homeUrl":"https://toolfix.info"};
//# sourceURL=codeart_units_converter_script-js-extra
</script>
<script type="rocketlazyloadscript" data-minify="1" id="codeart_units_converter_script-js" data-rocket-src="https://toolfix.info/wp-content/cache/min/1/wp-content/plugins/codeart-units-converter/assets/script/script.js?ver=1786315789" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-minify="1" id="mhpcnew-jquery-ui-script-js" data-rocket-src="https://toolfix.info/wp-content/cache/min/1/wp-content/plugins/pregnancy-calculator/js/jquery-ui.js?ver=1786315789" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-minify="1" id="mhpcnew-main-script-js" data-rocket-src="https://toolfix.info/wp-content/cache/min/1/wp-content/plugins/pregnancy-calculator/js/main.js?ver=1786315789" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-minify="1" id="toolsfix-js-js" data-rocket-src="https://toolfix.info/wp-content/cache/min/1/wp-content/plugins/toolsfix-utilities/toolsfix-scripts.js?ver=1786315789" data-rocket-defer defer></script>
<script type="rocketlazyloadscript" data-minify="1" id="pdfjs-js" defer="defer" data-rocket-src="https://toolfix.info/wp-content/cache/min/1/ajax/libs/pdf.js/2.16.105/pdf.min.js?ver=1786315789"></script>
<script type="rocketlazyloadscript" data-minify="1" id="toolfix-quick-nav-js" defer="defer" data-rocket-src="https://toolfix.info/wp-content/cache/min/1/wp-content/plugins/toolfix/assets/js/toolfix-quick-nav.js?ver=1786315792"></script>
<script type="rocketlazyloadscript" id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
//# sourceURL=rocket-browser-checker-js-after
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://toolfix.info","onHoverDelay":"100","rateThrottle":"3"};
//# sourceURL=rocket-preload-links-js-extra
</script>
<script type="rocketlazyloadscript" id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());

//# sourceURL=rocket-preload-links-js-after
</script>
<script id="rocket_lazyload_css-js-extra">
var rocket_lazyload_css_data = {"threshold":"300"};
//# sourceURL=rocket_lazyload_css-js-extra
</script>
<script id="rocket_lazyload_css-js-after">
!function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]);
//# sourceURL=rocket_lazyload_css-js-after
</script>
<script id="wp-consent-api-js-extra">
var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]};
//# sourceURL=wp-consent-api-js-extra
</script>
<script type="rocketlazyloadscript" id="wp-consent-api-js" data-rocket-src="https://toolfix.info/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=2.0.1" data-rocket-defer defer></script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Toolfix.info","url":"https://toolfix.info","logo":"https://toolfix.info/wp-content/uploads/toolfix-logo.png","description":"Free business calculators and growth tools for online entrepreneurs, e-commerce sellers, SaaS founders, freelancers, and digital creators.","sameAs":["https://twitter.com/toolfix","https://facebook.com/toolfix","https://instagram.com/toolfix","https://linkedin.com/company/toolfix"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Toolfix.info","url":"https://toolfix.info","description":"Free business calculators for online growth: profit, pricing, ROAS, SaaS metrics, freelance rates, and technology costs.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://toolfix.info/?s={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://toolfix.info"},{"@type":"ListItem","position":2,"name":"SVG to PNG Converter"}]}</script>
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://toolfix.info/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi_webp/ID/hqdefault.webp" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi_webp/ID/hqdefault.webp" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="Play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi_webp/ID/hqdefault.webp'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script><script>var rocket_beacon_data = {"ajax_url":"https:\/\/toolfix.info\/wp-admin\/admin-ajax.php","nonce":"88ac57eb7a","url":"https:\/\/toolfix.info\/svg-to-png-converter","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script><script data-name="wpr-wpr-beacon" src='https://toolfix.info/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body>
</html>