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

Design Sketch Basics Build a Mobile Interface Export Elements for your App

Brendan Whiting
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,735 Points

Why are we exporting png images instead of svgs or css styles?

Just curious

Eric Mckee
Eric Mckee
16,081 Points

Different uses for different cases. Older browser dont support SVG's for starters, also if a logo or vector image is too complex then a transparent PNG will handle it better than an SVG. I also don't know what you mean by css styles. Do you mean using :before and :after elements to recreate icons/vectors?

Brendan Whiting
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,735 Points

Got it.

Re: CSS, it just seemed strange to export the red, blue, orange, purple backgrounds as an image that the developer is supposed to stretch out. Seemed like it would be better to export the CSS to have a div, with the colors and linear gradiant as code.

1 Answer

Christopher Debove
PLUS
Christopher Debove
Courses Plus Student 18,373 Points

I'm a little late maybe. In this course it was not import for a web application but an iOS application which does not use the same type of assets =)