About this plugin
Responsive design crops images. By default the browser crops from the center — straight through faces, products, and everything else that made the photo worth using. Yinga Focus lets you click the subject of an image once, in the media library, and from that moment every placement on your site keeps it in view.
How it works
- Open any image in the media library and click the subject. A live preview shows exactly what stays visible at nine common aspect ratios, and you can compare with the default center crop before saving.
- The focal point is stored as native WordPress metadata on the attachment itself. Use the same photo in twenty places — hero, card, thumbnail — and all of them inherit it automatically.
- On the front end the plugin writes only an object-position value. That is 0 KB of CSS and 0 KB of JavaScript for your visitors, and it is safe by construction: object-position only has an effect where your theme already crops. An image that is fully visible today cannot shift.
What is covered automatically
- Featured images, galleries and everything rendered through wp_get_attachment_image() — every block theme, GeneratePress, Astra, and friends.
- Images in post content and in the image, cover and media-text blocks.
- A report in the admin bar tells you, per page, what happened to each image — and why nothing happened, when nothing did. One click shows the same page without the plugin, for an honest before/after.
Developer friendly
- Full REST API with partial updates and a resolve endpoint that returns the engine result for any aspect ratio.
- A public PHP API: yinga_focus_get(), yinga_focus_css_position(), yinga_focus_resolve() and more.
- The crop engine exists in PHP and JavaScript, tested against one shared fixture file — bit-identical results, verified on every release.
Languages
The interface is in English and fully translatable. org.
A paid add-on exists
Everything above is the free plugin, and it solves the focal-point problem for standard WordPress rendering on its own. A separate paid add-on, Yinga Focus Pro, covers the harder cases agencies run into: a safe area, a text zone, editing on the live page, re-cutting hard-cropped files, a page scanner, and Elementor backgrounds. You never need it to use this plugin.