This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

RIU – Responsive Image Uploader

Description

RIU fixes image problems, caused by mobile device and screen resolution diversity, such as accessibility, quality, maintenance and SEO. RIU keeps your subject in focus so that your message is always received by the viewers.

How does it work ?

By resizing and moving the image as a background property, in order to track and maintain the subject in focus, no matter the image size or its aspect ratio.
To do this, RIU must use an “area of focus” (AOF) and “point of focus”(POF), relevant for each image.
AOF and POF are values provided by users and coordinated with the image subject.
RIU will automatically adjust the final result, on all devices where the content is available, based on

  • image aspect ratio
  • container size
  • aspect ratio
  • AOF, POF
  • image size

Features

  • Intelligent responsive images
  • Targeted cropping
  • Image subject is always first
  • Preserve the image subject to fit perfect on your responsive web design no matter the aspect ratio or size
  • Easy to understand and use

It blends directly on WordPress media gallery so for the moment you can activate it right there.

The JavaScript part of RIU was independently designed and will remain as individual as possible. This feature ensures the possibility of using RIU on any non WordPress base projects with minimal developer intervention.

Watch this short tutorial on how to use the plugin:

Please don’t hesitate to rate and send us feedback or any oppinions on how to improve this plugin.

Screenshots

  • RIU - set area of focus (AOF) and point of focus (POF) on large barn
  • RIU - result 1
  • RIU - result 2 - large barn in focus
  • RIU - set area of focus (AOF) and point of focus (POF) on small barn
  • RIU - result 3
  • RIU - result 4 - small barn in focus

Installation

To get started with Responsive Image Uploader follow these easy steps:

  1. Upload RIU folder to the plugins folder of your WordPress in “wp-­content/plugins”
  2. Go to Admin Panel and activate the plugin in the “Plugins” section
  3. Upload an image using WordPress media gallery and click edit image link after the upload is finished
  4. Go to Edit Screen and click “Enable responsive” button
  5. Position the yellow area of focus by dragging it over the image and resize from the bottom right corner
  6. Edit the red point of focus by dragging it to the most important spot on the image
  7. Save the image
  8. You can now add the responsive images in your post as any normal image

FAQ

I’ve installed RIU but it doesn’t seem to work

If the installation was correct, this might occur due to the fact that the custom theme you are using was not developed using WordPress best practices, in order to load RIU javascript’s and shortcode.

Contributors & Developers

“RIU – Responsive Image Uploader” is open source software. The following people have contributed to this plugin.

Changelog

1.0

  • RIU WordPress admin sections
  • RIU javascript’s
  • Format changes to documentation