Skip to main content
Topic: custom Board ::before icon SVG image (Read 164 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

custom Board ::before icon SVG image

Does anyone know a site to get a png image converted to SVG code so it can be used in CSS?  Or a Windows based script would be ok as well.  Specifically here's the png to be used (attached).  Thanks!   8)

Re: custom Board ::before icon SVG image

Reply #1
You can typically trace bitmaps in most vector editors. I've attached a quick Inkscape trace. That being said, why not just use the image as is?

@emanuele Interesting error.
Quote
bla.svg : The post data is missing. This error could be caused by trying to submit a file larger than allowed by the server. Please contact your administrator if this problem continues.

Re: custom Board ::before icon SVG image

Reply #2
Using the png image is an option.  It would certainly work fine.  I'm also hoping to learn the process to potentially customize other icons in a theme.  The same could be done there too, of course, but for sake of scalability as well as uniformity....  Thanks Frenzie.

Re: custom Board ::before icon SVG image

Reply #3
Most programs that do the conversion are not very good ... but https://vectormagic.com can do a decent job at really attempting to vector-ize an image vs just creating a image with a bunch of vector cubes.   You can actually get some rather artistic results with this, but if you want it to be a tight geometric vector map you may need to fill in voids in the png so the edge detection does not get fooled.
“The problem is not the problem. The problem is your attitude about the problem. Do you understand?” – Jack Sparrow

Re: custom Board ::before icon SVG image

Reply #4
My avatar here is actually a vectorization with limited colors. I think it can often be quite interesting to give it a go on photos.

I also like to vectorize scans of random doodles. I often prefer the results over straight digital drawing, even if we have a pretty decent Wacom drawing tablet. Ctrl+z also has its advantages. I'm still happy with this one, done on an el cheapo Trust tablet. :P

Re: custom Board ::before icon SVG image

Reply #5
@emanuele Interesting error.
Quote
bla.svg : The post data is missing. This error could be caused by trying to submit a file larger than allowed by the server. Please contact your administrator if this problem continues.
Oh, I didn't see the mention. xD
hmm... I don't think svg are allowed as attachments (but I may be wrong), in any case, it looks like something is wrong (either the error message or the upload).
Bugs creator.
Features destroyer.
Template killer.

Re: custom Board ::before icon SVG image

Reply #6
@emanuele
Unless you changed something (I didn't check before trying) it says "Allowed file types: doc, gif, jpg, mpg, pdf, png, txt, zip, gz, php, css, psd, js, xml, svg"

 

Re: custom Board ::before icon SVG image

Reply #7
oh I always use the quick reply and forgot about the list there. xD
Bugs creator.
Features destroyer.
Template killer.