WordPress.org

Introduction

Hammy takes your regular content images (within posts and pages) and regenerates a number of smaller sized images. When a person visits your website, it then automatically provides them with the most appropriate image (or the smallest one possible). This makes for a better experience, especially on mobile. This uses the new WP 3.5 image code.

Will it work on my Theme?

Yes!

How does it work?

When activated, the <img> tag is replaced by the <picture> tag, and the alternate image sizes are provided in a way that only jQuery can access/load. If jQuery isn't available, it falls back to the regular image you had there in the first place.

It also takes on any classes or alternate titles from the original image. It does not make any changes to your database (i.e. content or images that you already have remain untouched).

What else do I need to know?

• Supports Retina
• Uses WordPress 3.5 Image Code (no external dependency)
• You need to be willing to spend a few minutes configuring and playing with the breakpoints and choosing the correct parent container to get it right.
• Hammy filters the output every single time, but only needs to generate a resized image once.

Updates

Follow me for updates at @noeltock