What format is your logo - jpeg, gif, png, svg?

[rafass]

Why not approach one of the xenforo developers and ask whether they could provide the svg versions?

They don't have this image in .svg
Seems this image have to be re-drawed completely due shadows and gradients.

 

[rdn]

You can try yourself following the tutorials or you can hire some professional designer in fiverr

I just tried and the output is very bad.

 

[rafass]

Someone have the default node icons .svg?

This is in progress now...

 

[digitalpoint]

How are you svg users generating the svg?

I used Illustrator for the text, the logo I already had as an EPS... effects (like the glow above the lettering and the drop-shadow I coded by hand (text editor). The close button I coded that by hand as well (really just placing a few circles and adding shadow):

<circle cx="229" cy="45" r="13" fill="#fff" filter="url(#shadow)" />
<circle cx="229" cy="45" r="11" fill="#426a57"/>
<path fill="#fff" d="M225,50.399l-1.403-1.403l4.164-4.163l-4.164-4.163l1.403-1.403l4.163,4.163l4.164-4.163l1.402,1.403l-4.163,4.163l4.115,4.116l-1.401,1.403l-4.117-4.116L225,50.399z" filter="url(#shadow)"/>

Line 1 = white circle
Line 2 = inner green circle
Line 3 = the white X

The #shadow filter was already defined in the file, so just reusing the same filter... done.

 

[rafass]

I just tried and the output is very bad.

Hey Roldan, what do you mean? the svg is awesome! if you've used fiverr and you're not satisfied with the results that guys always offer free changes / modifications in the file to suit your need / requirements.

 

[rdn]

I googled this and think it is working with something like this.

<img src="logo.svg" onerror="this.src='logo.png'" alt="{$xenOptions.boardTitle}" border="0" /></a>

Does this really work ?

 

[rdn]

Hey Roldan, what do you mean? the svg is awesome! if you've used fiverr and you're not satisfied with the results that guys always offer free changes / modifications in the file to suit your need / requirements.

I got one now

 

[rafass]

I got one now
http://www.phcorner.net/styles/default/phcorner/logo/logo.svg

Wow Roldan! now it looks awesome! Well done!


And welcome to group of .svg fans

 

[rafass]

BTW, I have already the default node icons in .svg

With shadows and gradients the size is 782KB without shadows and gradientes: 12KB

I'm trying to reduce the size even more.

 

[rdn]

Wow Roldan! now it looks awesome! Well done!
View attachment 109006
View attachment 109007
And welcome to group of .svg fans

I compress it to the most possible smallest size, and now still on 25KB size.

 

[rafass]

In my opinion your logo have an awesome optimization.
There are a lot of gradients, shadows and details. That increase the size.
25KB is a very good result. very small size with a lot of quality.
What tool/s have you used to compress it?

 

[rdn]

What tool/s have you used to compress it?

https://jakearchibald.github.io/svgomg/

 

[davs]

.svg with .png backup

why does it need backup?

 

[Ernest L. Defoe]

why does it need backup?

Cause older browsers can't render .svg files if memory serves me correctly.

 

[Jake B.]

Does this really work ?

That should work, as long as they have javascript enabled

Cause older browsers can't render .svg files if memory serves me correctly.

Yep, but pretty much everything newer than IE8 supports it

http://caniuse.com/#feat=svg-img