CODEWITHSUNDEEP
graphicsvectorsvgimage-conversionfireworks
katura
katura

Reputation: 2237

Can an SVG vector graphic be converted to a PNG file format for use in Fireworks?

As many of you know, there are quite a few websites that sell royalty free graphics. Some sites sell vector graphics (svg) or give you the option to download them as such.

I don't have a graphics editor that will support SVG. Currently, I'm working with an older version of Fireworks. I cannot open a SVG file type. (I also cannot afford to purchase PhotoShop or Illustrator software).

I'm running Windows on my PC.

Questions:

Upvotes: 14

Views: 53012

Answers (5)

Joerg S
Joerg S

Reputation: 5149

For a single image, if you do not want to install any additional SW, you can do the following (on Windows, should work on Linux similarly):

Please note: Transparency will be lost (as stated by @come-raczy)

  1. Open the svg in a text editor and asjust the width and height attributes of the <svg></svg> node to your needs
  2. Open in any program which can open svg files (any browser should do)
  3. Make a screen shot of the icon (and possibly little bit surrounding area): <WINDOWS><SHIFT>S
  4. Paste the screen shot into paint
  5. Crop the image to the actual image
  6. Save as PNG (or something else)

Upvotes: 4

Come Raczy
Come Raczy

Reputation: 1680

svgexport is a Node.js module and command-line tool that is very good in the context of SVG to PNG converters. It uses Pupeteer, a library to control headless Chrome/Chromium over DevTools Protocol.

Important highlights include:

  • works on any compliant SVG file
  • supports "@import" for fonts (most other tools ignore web fonts and fallback to a web safe fonts)
  • keeps the transparency
  • rendering is mostly very similar to chrome, except for fonts
  • rendering of fonts is good but will need to be fine-tuned for the tool
  • additional CSS can be specified on the command line to style the SVG
  • works on any OS supported by node.js
  • free and open source

The link to NPM provides the install instructions (npm install svgexport -g) but doesn't provide all dependencies. On WSL Ubuntu, I had to install additional libraries:

sudo apt install libxdamage1 libnss3-dev

Basic usage is very straightforward:

svgexport input.svg output.png

There are additional options to control style, quality, sizes, and format (png, jpg, or jpeg).

Upvotes: 1

pascal918
pascal918

Reputation: 499

  1. open the SVG file with IE
  2. right click the picture in the IE web page
  3. 'save as' PNG file

Upvotes: 20

Erik Dahlstr&#246;m
Erik Dahlstr&#246;m

Reputation: 61026

I'd recommend downloading Inkscape, which is the freeware equivalent of Illustrator. It can export svg to png, and it uses SVG as its native image format.

Upvotes: 20

Robert
Robert

Reputation: 21388

I'm going to guess you're on Windows, but on Linux I use librsvg2-bin.

Then use rsvg-convert -o output.png input.svg

A quick google search brought me this if you're only going to be able to use Windows: http://www.openclipart.org/wiki/SVG_Tools

Upvotes: 10

Related Questions