Item logo image for Inline SVG to PNG

Inline SVG to PNG

5.0(

2 ratings

)
Item media 4 (screenshot) for Inline SVG to PNG
Item media 1 (screenshot) for Inline SVG to PNG
Item media 2 (screenshot) for Inline SVG to PNG
Item media 3 (screenshot) for Inline SVG to PNG
Item media 4 (screenshot) for Inline SVG to PNG
Item media 1 (screenshot) for Inline SVG to PNG
Item media 1 (screenshot) for Inline SVG to PNG
Item media 2 (screenshot) for Inline SVG to PNG
Item media 3 (screenshot) for Inline SVG to PNG
Item media 4 (screenshot) for Inline SVG to PNG

Overview

Export inline and embedded SVGs as PNG or SVG with CSS/font capture, highlighting, frame support, and trim.

Export the SVG you actually see on the page — as PNG, as SVG, or both at once. Right-click any SVG on a page and choose from three actions: Generate PNG, Generate PNG & Save SVG, or Save SVG. The extension works on inline SVG elements as well as SVG files loaded through img, object, and embed elements. Most SVG export extensions break on real sites. This one was built specifically for the cases they miss: šŸ”² Works inside frames — the content script runs in every frame, so SVGs embedded in iframes are detected and exported correctly. šŸŽØ Captures the visual output — computed CSS styles are inlined into the exported file, so the result matches what you see on the page, not just the raw SVG markup. šŸ”¤ Embeds web fonts — @font-face rules used by SVG text are fetched and embedded directly into the exported file so text renders correctly when the file is opened elsewhere. āœ‚ļø Optional PNG trim — transparent padding around the SVG can be automatically cropped from the generated PNG so you get a tight image with no empty borders. šŸ–¼ļø Export PNG + SVG together — save both formats in one click for design handoff or archiving. šŸ” Visual target highlighting — enable the Highlight SVG option to see a glowing outline on every exportable SVG on the page before you right-click. Choose from eight highlight colors. ⚔ Always-visible menu — the SVG Export context menu is always present and its actions enable automatically when you hover over or right-click an eligible target. Want to see it in action? Try the extension on any page with SVG graphics — or open https://codepen.io/iamjoshellis/pen/PPLYJN and right-click the illustration. SVG illustration used in screenshots: "London" by Josh Ellis (@iamjoshellis) on CodePen — https://codepen.io/iamjoshellis/pen/PPLYJN

Details

  • Version
    1.1.1
  • Updated
    April 27, 2026
  • Offered by
    Roy Gh.
  • Size
    30.19KiB
  • Languages
    English
  • Developer
    Email
    sojaner@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

SVGOMG

5.0

Optimize SVG files instantly from your browser toolbar with SVGOMG, the visual GUI for SVGO

SVG Downloader & Extractor

0.0

Extract and download SVG images from any website. Save vector graphics, icons, and logos in high quality SVG format.

SVG Gobbler

4.8

Find, optimize, organize, edit, and export your SVGs

Save image as PNG

0.0

Right-click any image to instantly convert and download it as PNG. Supports JPEG, WebP, AVIF, SVG, GIF and more.

svg converter

4.8

Simple and effective svg converter for everyday use. Drag a file and use buttons to convert svg to png and svg to pdf.

Download svg

3.8

Download svg: free solution to export SVG files from any website

HTML to Figma: Convert Websites into Designs & Wireframes by Wireframeit

3.9

Convert any webpage into an editable design or wireframe. Export to Figma, SVG, PNG, or JPG.

svg-grabber - Grab all the SVGs from any website

4.3

Preview, download, or copy the code for any SVG icon or illustration, ready to use in Sketch, Figma, or Framer.

SVG Export - any website

4.5

Download SVGs from websites as SVGs, PNGs or JPEGs. Resize images, bulk export, and more.

PNG to SVG Converter

3.7

Quickly convert PNG image to SVG Image

Image ALT

4.0

Check all image and SVG elements are accessible.

PNG to SVG

0.0

Convert PNG images to SVG format with embedded image data

SVGOMG

5.0

Optimize SVG files instantly from your browser toolbar with SVGOMG, the visual GUI for SVGO

SVG Downloader & Extractor

0.0

Extract and download SVG images from any website. Save vector graphics, icons, and logos in high quality SVG format.

SVG Gobbler

4.8

Find, optimize, organize, edit, and export your SVGs

Save image as PNG

0.0

Right-click any image to instantly convert and download it as PNG. Supports JPEG, WebP, AVIF, SVG, GIF and more.

svg converter

4.8

Simple and effective svg converter for everyday use. Drag a file and use buttons to convert svg to png and svg to pdf.

Download svg

3.8

Download svg: free solution to export SVG files from any website

HTML to Figma: Convert Websites into Designs & Wireframes by Wireframeit

3.9

Convert any webpage into an editable design or wireframe. Export to Figma, SVG, PNG, or JPG.

svg-grabber - Grab all the SVGs from any website

4.3

Preview, download, or copy the code for any SVG icon or illustration, ready to use in Sketch, Figma, or Framer.

Google apps