Tools - Placeholders

Using SVG as image placeholders

Two SVG-based placeholders composed of polygons in the rough shape of of a photo of a person. The first placeholder is very abstract with few polygons, while the second contains more polygons and looks closer to the real photo.

I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn’t loaded yet.

During the last days I have come across some loading techniques that use SVG, and I would like to describe them in this post.