Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hey @vladdavy1991,

    Thanks for using my plugin ??

    I had a quick look and noticed that you are not inlining your SVG so basically, you are using it as an image.. which is fine and perfect. But this does say to me that it is something to do with the way your SVG is/was made before uploading.
    It could be to do with layers, outlining, expanding or any number of things from within your vector software.

    I will download your logo and see if I can spot the issue… but it is not related to my plugin. In saying that, I’d still love to help you get it working.
    I’ll keep you posted.

    Plugin Author Benbodhi

    (@benbodhi)

    So I opened it in Illustrator, found that the hands are not a vector, it is a placed png, and the text isn’t outlined.
    If you clean it up by outlining text, tracing the hands so they are a vector and putting it all together, it will work much better.
    At the moment, the browsers will read it differently because of what I mentioned which is why it’s a different colour in each.

    Plugin Author Benbodhi

    (@benbodhi)

    I had a quick play around and re-made your logo… this one should work fine now.
    https://www.dropbox.com/s/3vh1iwesud5fzbx/mylogo-new.svg?dl=0

    Let me know how you go.

    Thread Starter vladdavy1991

    (@vladdavy1991)

    wow i just posted the question!!!! thanks a lot! I had a suspicion it was that… but was to lazy to trace it! Thanks

    Plugin Author Benbodhi

    (@benbodhi)

    No problem ??

    Thread Starter vladdavy1991

    (@vladdavy1991)

    works like a charm! can i bug u a little more:
    1. So i should have just traced the hands and deleted the original png?
    2. I had a svg file on the main page but shaped it for a high res picture cause it was also showing up pale but it had a lot of text etc. how would i fix that or is it a t all possible?

    Plugin Author Benbodhi

    (@benbodhi)

    Good news!

    To answer both of your questions, you need to make sure all elements are vectors (no pixel images like jpg or png, they need to be traced), all text should be outlined, keep your AI file as clean as possible by removing unused layers and placing all elements on the same single layer.

    The cleaner your vector file, the better it will work online.

    Thread Starter vladdavy1991

    (@vladdavy1991)

    Sweet thanks a lot

    Plugin Author Benbodhi

    (@benbodhi)

    My pleasure, glad I could help!
    Thanks again for your support.
    I’d be super appreciative if you could leave a review of the plugin if you have a moment.

    Cheers

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘SVG files differ from browser to browser’ is closed to new replies.