netlify refresh baseballhat favico feed up speakqr burger menu catchphrase geek ono italiano serious serious dark serious thin singlish english external_link mail twitter comments announcement git junglestar cc copyright
Jungle Speaks

avoid images

Dec 4, 2014

This awesomely 'geek'.

Boris Smus

Go comprehend

Avoid images if possible.

Before opening this can of worms, remember that the web has many powerful technologies that are largely resolution- and DPI-independent. Specifically, text, SVG and much of CSS will “just work” because of the automatic pixel scaling feature of the web (via devicePixelRatio).

That said, you can’t always avoid raster images. For example, you may be given assets that would be quite hard to replicate in pure SVG/CSS, or you are dealing with a photograph. While you could convert the image into SVG automatically, vectorizing photographs makes little sense because scaled-up versions usually don’t look good.

Click to Tweet this