forem.dev Community

loading...

How to make Forem svg logos sharper

ildi profile image Ildi ・1 min read

I am currently working on setting up my Forem community 1VIBE. One thing I noticed during setup is we are required to upload an svg version of our logo. When I did that I noticed that the logo was more blurry/less sharp than the original. Is there something I can do to improve this?

Discussion (8)

pic
Editor guide
Collapse
ben profile image
Ben Halpern

It looks like the source image is not very sharp, and it's an embedded SVG.

If the logo was drawn from scratch in Adobe Illustrator or a similar tool. The original logo could be traced and exported as an SVG. The "S" in SVG stands for "scalable" so once it's created proper it will be sharp under all resolutions.

Let me know if you need a hand with this, can probably help.

Collapse
ildi profile image
Ildi Author

The logo was originally created in illustrator. I have several different .ai + .psd files for it. So far I have only tried converting a 300x117 transparent JPG into SVG. Would love to learn more about the correct way of doing this.

Collapse
ben profile image
Ben Halpern

I'm no .ai wiz, but maybe this will help:

Thread Thread
ildi profile image
Ildi Author

thank you, I will give this a try!

Collapse
lee profile image
Lee

Hey there, what process are you going through atm to create your SVG?

Collapse
ildi profile image
Ildi Author

I cannot remember which website I used the first time around but today I tried again using this site (jpg to svg) onlineconvertfree.com/convert-form... and was able to get a more sharper result.

Collapse
lee profile image
Lee

I also. I love hip hop - when can I join 🤩

Collapse
ildi profile image
Ildi Author

You can already join if you would like 1vibe.com but it's very early, I am still in the setup stage. Hoping at the end of this week I will start to populate with content. Still have to complete the About + FAQ pages before I begin sending out invites to early members.