i am trying to convert a .png to .svg and im having trounle getting the lines to work properly. In the attached images, you can see my original image and my trace bitmap image. I need the lines in the second image to not pinch together like they do after the trace bitmap scan. Any suggestions? Thank you.
Ok, I was able to fix that issue, but when I save it as a .svg file and open it to view it, it doesn't scale like a .svg should. It reacts like a normal .png.
Yes, I deleted the bitmap after the conversion. The new image will scale in inkview, but when I open it in a third party viewer or in a web browser, it does not scale.
Can you give me a step-by-step of what you´re doing? I mean do you expect some dynamic scaling when window resizing or something like that? Not sure how to set up a browser for that purpose but I guess you need some java-scripts or something like that.
The first picture is the full image of what I am trying to convert in a web browser. The second image is the same image in the same browser with the window reduced. The third image is an svg in the same full window browser as the first image. The final image is the same as the third image, in the same reduced window, but the image scaled with the window, unlike the first and second images. I'm not sure how the second image was created or saved, but I need the first image to scale like the last.
I imported the first image into inkscape and resized the page to my drawing/selection. I then used the trace bitmap function and used the multiple scans colors feature and set it to 10 scans and removed all checkmark options. I then applied the update and removed my bitmap image and saved the file as an svg.
Beginners' Questions PNG to SVG
Inkscape.org
i am trying to convert a .png to .svg and im having trounle getting the lines to work properly. In the attached images, you can see my original image and my trace bitmap image. I need the lines in the second image to not pinch together like they do after the trace bitmap scan. Any suggestions? Thank you.
What works here is: Select image and go Object->Transform->Scale=300% then call Trace Bitmap with this settings:
Ok, I was able to fix that issue, but when I save it as a .svg file and open it to view it, it doesn't scale like a .svg should. It reacts like a normal .png.
Not sure what that mean. Do you have deleted the bitmap after conversion?
Yes, I deleted the bitmap after the conversion. The new image will scale in inkview, but when I open it in a third party viewer or in a web browser, it does not scale.
To what file extension you´re saving? Check my file please:
I've saved, downloaded and opened your image directly and it still does not scale.
Can you give me a step-by-step of what you´re doing? I mean do you expect some dynamic scaling when window resizing or something like that? Not sure how to set up a browser for that purpose but I guess you need some java-scripts or something like that.
The first picture is the full image of what I am trying to convert in a web browser. The second image is the same image in the same browser with the window reduced. The third image is an svg in the same full window browser as the first image. The final image is the same as the third image, in the same reduced window, but the image scaled with the window, unlike the first and second images. I'm not sure how the second image was created or saved, but I need the first image to scale like the last.
I imported the first image into inkscape and resized the page to my drawing/selection. I then used the trace bitmap function and used the multiple scans colors feature and set it to 10 scans and removed all checkmark options. I then applied the update and removed my bitmap image and saved the file as an svg.
Use the XML editor in Inkscape and delete width and height if you want it to scale like in Inkview.
Wow - that´s cool - works in browser too. Didn´t know that. Thanks.
thank you both, it is working like I need it to now
In Illustrator this is referred to as Responsive SVG.
https://youtu.be/QG1u3cGXXV0