Skip to main content
custom Board ::before icon SVG image Started by badmonkey · · Read 4777 times 0 Members and 1 Guest are viewing this topic. previous topic - next 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.
Quotebla.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.

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

Quote from: Frenzie – @emanuele Interesting error.
Quotebla.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.