The logo in the header of this site is a raster PNG file (portable network graphics). I’m unsure if it’s worth changing it to a different file format, but it was interesting to read Jeremy Frank’s mini-series about using vector SVG instead (scalable vector graphics).

Argento logo
Detail reduction from the Argento style guide (PDF)

“SVGs are a perfect fit for resolution-independent logos. Combined with CSS media queries, a touch of JavaScript, and SVG injection, you have a robust solution for implementing responsive logos.”

You’re probably familiar with Joe Harrison’s responsive logos gallery where he showcased the concept (view in a browser you can resize for full effect).

Some further reading in Smashing Magazine’s 2014 piece titled rethinking responsive SVG, and more on responsive images in general at ResponsiveImages.org.

#

April 20, 2015

Share a thought