Toine Kamps

Responsive Pics
Year2017
EmployerBooreiland / Clarify

ResponsivePics is a WordPress plugin that enables WordPress theme authors to automatically resize images in responsive layouts.

At Booreiland, we engineered Responsive Pics, a powerful WordPress plugin tailored for theme authors who demand precision and performance in responsive image handling. This solution streamlines image delivery and optimizes site speed with minimal developer overhead.

Responsive Pics - Setup

Setup

Responsive Pics - Responsive Image with scrset & sizes

Responsive Image

We set out to design an intuitive syntax that empowers WordPress theme authors to generate exactly the image formats they need, directly within their templates. This ensures that only the necessary images are created, while enabling truly responsive markup through modern standards like the <picture> element and the srcset and sizes attributes on <img> tags.

Responsive Pics - Low Quality Image Replacement

Low Quality Image Replacement

Responsive Pics - Intrinsic Aspectratio

Intrinsic Aspectratio

A standout feature is the focal point picker in the WordPress Media Library, letting you crop images while keeping the most important area perfectly in view.

Responsive Pics - Focal Point Picker

This project was created during my time at Booreiland and Clarify. All information shown is public or anonymized where necessary.

Visit website
responsive.pics