Can Inkscape convert PNG into true SVG?
I tried converting a PNG into a SVG. But what Inkscape did was just embed the PNG into the SVG. That isn't what I want and the created SVG can't be re-sized appropriately on web browsers like a true SVG.
Can Inkscape convert PNG into true SVG?
It's not really "convert" of data, when you make a vector image of a bitmap. Inkscape, trace function, yes. But trace is what it is.
On 2014-10-10 03:42, Ian Yang wrote:
I tried converting a PNG into a SVG. But what Inkscape did was just embed the PNG into the SVG. That isn't what I want and the created SVG can't be re-sized appropriately on web browsers like a true SVG.
Can Inkscape convert PNG into true SVG?
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl...
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Inkscape Raster to Vector https://www.youtube.com/watch?v=nVuBphWQqXs
It's not really "convert" of data, when you make a vector image of a bitmap. Inkscape, trace function, yes. But trace is what it is.
On 2014-10-10 03:42, Ian Yang wrote:
I tried converting a PNG into a SVG. But what Inkscape did was just embed the PNG into the SVG. That isn't what I want and the created SVG can't be re-sized appropriately on web browsers like a true SVG.
Can Inkscape convert PNG into true SVG?
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl...
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
On Thu, Oct 9, 2014, at 07:06 PM, Tommy Hjalmarsson wrote:
Inkscape Raster to Vector
[1]https://www.youtube.com/watch?v=nVuBphWQqXs
It's not really "convert" of data, when you make a vector image of a bitmap. Inkscape, trace function, yes. But trace is what it is.
True.
And for an additional reference, you can check the on-line manual
Chapter 20. Tracing Bitmaps
[2]http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Trace.html
-- Jon A. Cruz jon@...204...
References
1. https://www.youtube.com/watch?v=nVuBphWQqXs 2. http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Trace.html
Thanks all. I found a tutorial at here https://www.youtube.com/watch?v=KRkx8kjmXZw and followed its instructions. However, I couldn't get an ideal result when I do that with my PNG.My original PNG is this one https://dl.dropboxusercontent.com/u/53704642/temp/cogs.png .The result I got is this one https://dl.dropboxusercontent.com/u/53704642/temp/cogs.svg .As you can see, the edge of the result became too smooth. I tried playing with other options in Trace Bitmap panel, but I still couldn't get the result I want. Is there a particular reason that my PNG couldn't be ideally converted?
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
On Thu, Oct 9, 2014, at 08:10 PM, Ian wrote:
Thanks all. I found a tutorial at [1]here and followed its instructions. However, I couldn't get an ideal result when I do that with my PNG. My original PNG is [2]this one. The result I got is [3]this one. As you can see, the edge of the result became too smooth. I tried playing with other options in Trace Bitmap panel, but I still couldn't get the result I want. Is there a particular reason that my PNG couldn't be ideally converted?
Yes. In general it is a complex shape with a very low resolution.
With the original as [4]https://dl.dropboxusercontent.com/u/53704642/temp/cogs.png
and the trace as [5]https://dl.dropboxusercontent.com/u/53704642/temp/cogs.svg
It actually seems to have done a bit of a better job than I expected, given the 51x43 original. However a common alternative to using the trace bitmap function (and what would appear to be a good choice in this case) is to use an image and hand-trace on top of it.
To do so, import the image but then create a few layers. Lock the layer the image is in (you can name it "reference", "image", "original" or some other such helpful name). Then select a layer above it and use the pen tool to trace on top of it. Click on each of the corners of the gear, and drag to get a curve in between. You just need to get a rough shape initially, as it is easy to tweak the vector version as you go, including switching to the node tool with one of the gears selected and dragging on line/curve segments directly.
You can play with layer transparency to get a see-through effect while you are working, and then reset it once you are done.
-- Jon A. Cruz jon@...204...
References
1. https://www.youtube.com/watch?v=KRkx8kjmXZw 2. https://dl.dropboxusercontent.com/u/53704642/temp/cogs.png 3. https://dl.dropboxusercontent.com/u/53704642/temp/cogs.svg 4. https://dl.dropboxusercontent.com/u/53704642/temp/cogs.png 5. https://dl.dropboxusercontent.com/u/53704642/temp/cogs.svg
On Thu, 9 Oct 2014 20:10:40 -0700 (PDT) Ian <ian.html@...155...> wrote:
Thanks all. I found a tutorial at here https://www.youtube.com/watch?v=KRkx8kjmXZw and followed its instructions. However, I couldn't get an ideal result when I do that with my PNG.My original PNG is this one https://dl.dropboxusercontent.com/u/53704642/temp/cogs.png .The result I got is this one https://dl.dropboxusercontent.com/u/53704642/temp/cogs.svg .As you can see, the edge of the result became too smooth. I tried playing with other options in Trace Bitmap panel, but I still couldn't get the result I want. Is there a particular reason that my PNG couldn't be ideally converted?
Trace isn't perfect. I once traced a .gif of a car, and the result looked ultra-stylized, but not real.
In your case, I'm pretty sure you could make this thing from scratch with Inkscape, using the Star tool. Make a 6 point star with spoke ratio 0.7 and Rounded 0.8, and you're already pretty close to what you need. From there, after making a duplicate in case you screw up, you can use Path->Object_to_path to turn it into a path, and hand-tweak all the Nodes to get exactly what you want. Then put the white ring over it, group them, and bang, you're done with one gear. Duplicate it, shrink it, and you have your second gear. Rotate and move until right.
Now I have a question for you: Is there any free software that does what Easy Sketch Pro does?
By the way, for the presenter's purpose, I think he would have been better off exporting plain SVG, in which case he wouldn't have needed to edit the XML.
SteveT
Steve Litt * http://www.troubleshooters.com/ Troubleshooting Training * Human Performance
First off, zoom in before running trace bitmap so you can compare better. Try to play with the options on the Options tab of the Trace Bitmap dialog... specifically give it a go after unchecking all three options first to see what that result is like.
On Thu, Oct 9, 2014 at 8:10 PM, Ian <ian.html@...155...> wrote:
Thanks all. I found a tutorial at here and followed its instructions. However, I couldn't get an ideal result when I do that with my PNG. My original PNG is this one. The result I got is this one. As you can see, the edge of the result became too smooth. I tried playing with other options in Trace Bitmap panel, but I still couldn't get the result I want. Is there a particular reason that my PNG couldn't be ideally converted? ________________________________ View this message in context: Re: Can Inkscape convert PNG into true SVG? Sent from the Inkscape - User mailing list archive at Nabble.com.
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl... _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Thanks all for in-depth solutions/instructions. However, I'm just an outsider of Inksacpe so those in-depth solutions/instructions are too hard to me. I guess I will have to search for other solutions.
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
Hi Ian
I think you are missing a fundamental difference between a bitmapped (png) image and svg image. The bitmapped images is just a collection of pixels in a defined space i.e. width x height. Where the vector image is a math expression that plots points i.e. draws a picture. To get an exact conversion of the png to svg, you would need to create an math expression that could redraw exactly every pixel in the image.
With current bitmap tracing algorithms I don’t think that kind of precision is possible.
On Oct 10, 2014, at 12:38 AM, Ian <ian.html@...155...> wrote:
Thanks all for in-depth solutions/instructions. However, I'm just an outsider of Inksacpe so those in-depth solutions/instructions are too hard to me. I guess I will have to search for other solutions.
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
------------------------------------------------------------------------------ Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl... _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Hi Lemuel,
Yes. It looks like I have to provide Inkscape a much larger version of the image in order to get an precise result.
2014-10-10 21:14 GMT+08:00 Lemuel Jordan <tejashosting@...155...>:
Hi Ian
I think you are missing a fundamental difference between a bitmapped (png) image and svg image. The bitmapped images is just a collection of pixels in a defined space i.e. width x height. Where the vector image is a math expression that plots points i.e. draws a picture. To get an exact conversion of the png to svg, you would need to create an math expression that could redraw exactly every pixel in the image.
With current bitmap tracing algorithms I don’t think that kind of precision is possible.
On Oct 10, 2014, at 12:38 AM, Ian <ian.html@...155...> wrote:
Thanks all for in-depth solutions/instructions. However, I'm just an outsider of Inksacpe so those in-depth solutions/instructions are too hard to me. I guess I will have to search for other solutions.
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl... _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl... _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
On Thu, 2014-10-09 at 21:38 -0700, Ian wrote:
However, I'm just an outsider of Inksacpe
I wish you the best of luck Ian. Although I'm certain that what you're asking for isn't possible with any software (to the degree you need) and you may need to manually trace a new shape using your preferred vector tool.
Martin,
Actually the image is a psd layer being exported into a flat PNG, the original psd layer is a vector layer (or whatever you call it) which was probably created in Adobe Illustrator, like this: https://dl.dropboxusercontent.com/u/53704642/temp/cogs-psd-layer.png
It can be converted into an ideal svg I need by using the following method. My friend who has Adobe Illustrator already did that for me, and it worked perfectly. http://hackingui.com/design/export-photoshop-layer-to-svg/
Because I currently don't actually have the license of Adobe Illustrator so that's the reason I was trying if Inkscape could do the job instead.
2014-10-10 21:37 GMT+08:00 Martin Owens <doctormo@...155...>:
On Thu, 2014-10-09 at 21:38 -0700, Ian wrote:
However, I'm just an outsider of Inksacpe
I wish you the best of luck Ian. Although I'm certain that what you're asking for isn't possible with any software (to the degree you need) and you may need to manually trace a new shape using your preferred vector tool.
Martin,
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer
http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl... _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
You can find ready help for Inkscape user issues in various forums (list here: http://inkscape.org/en/learn/) as well as the Inkscape user mailing list (link here: http://inkscape.org/en/community/mailing-lists/) -- especially if you decide to draw the image from scratch :-)
All best
From: Ian Yang Sent: Thursday, October 09, 2014 7:42 PM To: inkscape-user@lists.sourceforge.net Subject: [Inkscape-user] Can Inkscape convert PNG into true SVG?
I tried converting a PNG into a SVG. But what Inkscape did was just embed the PNG into the SVG. That isn't what I want and the created SVG can't be re-sized appropriately on web browsers like a true SVG.
Can Inkscape convert PNG into true SVG?
------------------------------------------------------------------------------ Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl...
_______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
How exactly did you convert your png to svg? Doesn't sound like you used bitmap trace.
hx
Brynn wrote the following on 10/10/2014 10:05 AM:
You can find ready help for Inkscape user issues in various forums (list here: http://inkscape.org/en/learn/) as well as the Inkscape user mailing list (link here: http://inkscape.org/en/community/mailing-lists/) -- especially if you decide to draw the image from scratch :-)
All best
From: Ian Yang Sent: Thursday, October 09, 2014 7:42 PM To: inkscape-user@lists.sourceforge.net Subject: [Inkscape-user] Can Inkscape convert PNG into true SVG?
I tried converting a PNG into a SVG. But what Inkscape did was just embed the PNG into the SVG. That isn't what I want and the created SVG can't be re-sized appropriately on web browsers like a true SVG.
Can Inkscape convert PNG into true SVG?
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl...
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl... _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Please see this post http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp4971701p4971706.html .
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
Thanks all. My question has basically been answered.
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
Ian
You might have a look at https://affinity.serif.com it is a new program on the market. Mac only version. But I opened a vector PSD file of an ice cream comb and exported it as an svg. Did a pretty decent job of it.
Then opened the svg in inkscape, ungrouped the finished product and definitely had vector components to it.
Lem
On Oct 10, 2014, at 10:36 AM, Ian <ian.html@...155...> wrote:
Thanks all. My question has basically been answered.
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
------------------------------------------------------------------------------ Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://pubads.g.doubleclick.net/gampad/clk?id=154622311&iu=/4140/ostg.cl... _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Hi Lemuel,
I use Windows. Thank you anyway.
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
NP, I use both Mac and PC
On Oct 10, 2014, at 9:25 PM, Ian <ian.html@...155...> wrote:
Hi Lemuel,
I use Windows. Thank you anyway.
-- View this message in context: http://inkscape.13.x6.nabble.com/Can-Inkscape-convert-PNG-into-true-SVG-tp49... Sent from the Inkscape - User mailing list archive at Nabble.com.
------------------------------------------------------------------------------ Meet PCI DSS 3.0 Compliance Requirements with EventLog Analyzer Achieve PCI DSS 3.0 Compliant Status with Out-of-the-box PCI DSS Reports Are you Audit-Ready for PCI DSS 3.0 Compliance? Download White paper Comply to PCI DSS 3.0 Requirement 10 and 11.5 with EventLog Analyzer http://p.sf.net/sfu/Zoho _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
participants (10)
-
Brynn -
heathenx -
Ian -
Ian Yang -
Jon A. Cruz -
Josh Andler -
Lemuel Jordan -
Martin Owens -
Steve Litt -
Tommy Hjalmarsson