Serving a custom featured image for mobile
I would do this with Advanced Custom Fields and a Sass mixin: @mixin image-2x($image, $width, $height) { @media (min–moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { background-image: url($image); background-size: $width $height; } } //Usage div.logo { background: url(“logo.png”) no-repeat; @include image-2x(“logo2x.png”, 100px, 25px); } Featured images or native custom fields could also … Read more