Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Carman A
Carman A
7,672 Points

Can't convert image to SVG

Ok so I am still working on the Smell's Like Bakin' website, and converted the logo.gif, image to an SVG and it look's the same and only display's on IE and FF. I used both inkscape and a Adobe Illustrator trial. So i downloaded the project files and they work fine but I still wanna know what's wrong.

Brian Story
Brian Story
Courses Plus Student 2,148 Points

This link might be helpful http://css-tricks.com/using-svg/

Also for browser support http://caniuse.com/#feat=svg-html5

1 Answer

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher
Nick Pettit
Nick Pettit
Treehouse Teacher

Hi carman arrington,

Silly question, but, did you export the SVG from Adobe Illustrator? Or did you try to convert a .gif image to an SVG? The latter won't work, but it's a common mistake.

Carman A
Carman A
7,672 Points

I opened the logo.gif image in Illustrator and clicked "save as" and then selected svg and then pressed save, and when the illustrator window popped up i pressed ok. I'm not sure if that's exporting or converting.

Nick Pettit
Nick Pettit
Treehouse Teacher
Nick Pettit
Nick Pettit
Treehouse Teacher

Hi carman arrington. It just doesn't work that way.

You'll need to go to this video and download the project files. Here's the direct download link. Inside, you'll find several files with the extension .AI which stands for Adobe Illustrator. These are the files you'll want to save as SVGs, because they're already in a vector format.

If you're not familiar with vector graphics, I highly recommend you check out Illustrator Foundations and learn more about Adobe Illustrator. I hope that helps! :)

Carman A
Carman A
7,672 Points

Alright Thank you:)