We can do this because SVGs have a very similar syntax to HTML. We can inline the code of an image right inside the HTML.

We don’t even need to use the image tag that refers to a separate file. Since HTML5, we can include the code of an SVG image inside an HTML document. Well, good news – you can do all that and more without ever leaving your favorite code editor or using any third party tools or libraries. It also has its own set of extensions.Have you ever needed an icon for your website, but you couldn't quite find the right one? Or perhaps you wanted to have a simple diagram, but didn't want to learn a whole new library just for that? Inkscape may be using a fairly recent version of the standard, more recent that the one handled by your other software. I have spent several hours hunting round for an answer to this and have got nowhere, so any help will be appreciated.īTW, I have tried saving as an inkscape svg and a plane svg but it makes no difference, but if I save as a PNG then the changes show up. The image will be used by my local camera club on their website and the guy that runs the site uses windows, I use Linux Mint, so it fairly important for that the svg file can be opened, with all changes intact, by any programme capable of displaying svg files. So my question is does anyone know what's going on. So I tried using ImageMagick to view the svg and none of the changes to the image where there but if viewed using FireFox all of the changes show up. Anyway, I saved the file as an svg again but when I went to view it using Image Viewer none of the changes I had made showed up, so I checked it again in Inkscape and all the changes where there. When I went back to finish the tutorial everything went okay, after a fashion, it took me ages to work out how Inkscape worked. I was following an Inkscape tutorial for making a camera lens, got about half way through and stopped and saved the file as an svg.

Inkscape png to svg tutorial