WP Responsive Data Image WordPress Plugin

Plugin allows using of responsive images ( <img> element ) for different screen resolutions. Save bandwidth of your mobile users!

Plugin detects screen width and let browser render image file which is neccessary to use at the moment.

Activate Plugin and upload image files using WordPress Media Uploader. You can use four image variants, each variant name shoud be specifically renamed:

• _image name_-small - for low-res screens ( for smartphones );
• _image name_-med- for med-res screens ( for tablets );
• _image name_ - for standart/normal resolution screens (nothing changed) ( for desktops );
• _image name_-large - for high-res screens ( for high-res screens );

Define breakpoints using this script into the <head></head> tag of your header.php template:

<script>
    $(function() {
        $(".adapted").rdi({
            &