---
draft: false
title: Responsive Blog Images
date: "2019-01-20T23:11:28Z"
slug: responsive-blog-images
tags:
 - Hugo
 - Images
 - Responsive
 - Blog
---

The state of images on the web is pretty rough. What should be an easy goal, showing a user a picture, is actually complicated. Good websites deliver the right resolution to the right device, perform lazy loading, support 'retina' (or high density pixel) devices, serve new image formats like WebP to the correct clients, and show placeholders whilst images load. It's messy, hard to get right, and requires a lot more effort than a user might realise behind the scenes. Here's a blow by blow account of how I attempt to incorporate those techniques into this blog.