Image Size Selection for Divi

May 05, 2020

Image Size Selection for Divi Plugin

This extension adds a Visual Builder compatible Divi module called "Image at Size" that allows the user to select images cropped to a set si …

Image Size Selection for Divi adds a Visual Builder compatible Divi module called “Image at Size” that allows the user to select images cropped to a set size. Great for SEO!

  • Display cropped images instead of originals to cut page load time.
  • Supports srcset and sizes image attributes for high-resolution retina displays.
  • Compatible with the Visual Builder.
  • Mobile responsive.
  • Lightweight.

Requirements

This plugin is designed to work with the Divi Builder plugin or a theme such as Divi or Extra by Elegant Themes (affiliate link).

My Plugins for Divi

Supporting Image Size Selection for Divi

If you found this plugin helpful, please support the developer with a small donation:

Installation

  1. Upload “image-size-selection-for-divi” to the /wp-content/plugins/ directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. Add a new “Image at Size” module to any Page or Post that uses the Divi Builder.
  4. Select an image size in the module under the “Advanced” tab.
  5. Click the green check to save the module.
  6. Click the green “Save” button in the lower right-hand corner of the screen to Save changes.

Screenshots

  1. Visual Builder module.

    Visual Builder module.

  2. Image Size option under the Advanced tab.

    Image Size option under the Advanced tab.

  3. Select image sizes.

    Select image sizes.

Changelog

1.0.3

  • Bug Fix: Fixed bug that caused Image Alignment setting to have no effect in Divi Builder.
  • Bug Fix: Fixed W3C validation errors by hiding size and srcset attribtues when values are missing.
  • Bug Fix: Removed http:// prefix on placeholder image URL to prevent non-secure image from breaking SSL in Visual Builder

1.0.2

  • Added support for srcset and sizes attributes in images a.k.a. retina images.

1.0.1

  • Fixed bug that caused image wrapper size percentage setting to be doubled.
  • Fixed bug that added extra space below image within wrapper.

1.0.0

  • Initial Release

Details

  • Version: 1.0.3
  • Active installations: 800
  • WordPress Version: 4.0.0
  • Tested up to: 5.4.16

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars