Peter Nowell

How Designers Should Think About SVG

The stunning things you’ll create with SVG, how it differs from…

The best solution for a website’s logo would probably be SVG, but if you use a PNG I’d export it at 2x. I always suggest designing for the web at 1x in Sketch (like you would for an app), because 1px in CSS tends to be equivalent to 1pt. Then export @2x.

The Best Way to Export an SVG from Sketch

And what you should know before using Copy SVG Code.

Stuff at the Top of an SVG

At the top of an SVG file’s code are things like DOCTYPE, xml, xmlns, xlink…