Toro_Unit (Hiroshi Urabe)

Aki Hamano

<p>Enable Responsive Image adds settings to the Image block to display different images depending on the width of the screen. You can add multiple images and set media queries and resolution for each image. If the screen width matches the conditions of that media query, it will switch to the corresponding image.</p>
<h3>Resources</h3>
<h4>Image for screenshot</h4>
<ul>
<li>License: Public Domain</li>
<li>Source: https://openverse.org/image/cd8e5cc5-d38a-462e-b4c1-1ea5c6f94e20</li>
</ul>


Enable Responsive Image


This is exactly the plugin I wanted. Thank you.


Must install for website creation at work.

WordPress plugin that adds settings to the Image block to display different images depending on the width of the screen.

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.

Enable Responsive Image vs Hammy