Evan Solomon

<p>Usually when we talk about making something responsive, we mean horizontally.  But it’s annoying when tall images overflow a short laptop screen.  This resizes those images on the fly to fit the user’s window.  Optionally disable it for individual images by adding a <code>do-not-resize</code> class.</p>


Vertically Responsive Images

Resize images on the fly to make sure the whole thing fits into the user's window.

Noel Tock

<h4>Introduction</h4>
<p>Hammy takes your regular content images (only within posts and pages, not custom post types) 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.</p>
<h4>Will it work on my Theme?</h4>
<p><strong>Yes!</strong> (the only exception being themes with no standard posts or pages)</p>
<h4>How does it work?</h4>
<p>When activated, the <code><img></code> tag is replaced by the <code><figure></code> 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.</p>
<p>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).</p>
<h4>What else do I need to know?</h4>
<ul>
<li>Supports Retina</li>
<li>Uses WordPress 3.5 Image Code (no external dependency)</li>
<li>You need to be willing to <strong>spend a few minutes configuring and playing with the breakpoints and choosing the correct parent container</strong> to get it right.</li>
<li>Hammy filters the output every single time, but only needs to generate a resized image once.</li>
</ul>
<h4>Updates</h4>
<p>Follow me for updates at <a href="http://www.twitter.com/noeltock" rel="nofollow ugc">@noeltock</a></p>
<h4>GitHub</h4>
<p>If you have technical issues or other enhancements that you’d like to contribute, please do so in the form of a pull request or issue here:</p>
<p><a href="https://wordpress.org/plugins/hammy/" rel="ugc">https://wordpress.org/plugins/hammy/</a></p>
<h3>Feedback & Bugs</h3>
<p>Kindly post any issues, questions or suggestions on the <a href="https://wordpress.org/support/plugin/hammy" rel="ugc">Hammy forums</a> .</p>


Hammy

Hammy speeds up your website by generating and serving resized images for your content area depending on content width.

Vertically Responsive Images vs Hammy