This plugin implements enhancements for the responsive images functionality in WordPress. Currently, this includes:<\/p>\n\n
sizes<\/code> attribute by using layout information available in block themes<\/a>. This enhancement is not available to classic themes.<\/li>\n- Implementation of the new HTML spec for adding
sizes=\"auto\"<\/code> to lazy-loaded images. This enhancement was merged<\/a> into WordPress 6.7.<\/li>\n<\/ol>\n\nSee also the complimentary Image Prioritizer<\/a> plugin which detects which images are outside the viewport, and then adds loading=lazy<\/code> and sizes=auto<\/code> to them.<\/p>\n\nThere are currently no settings<\/strong> and no user interface for this plugin since it is designed to work without any configuration.<\/p>\n\n\nInstallation from within WordPress<\/h4>\n\n\n- Visit Plugins > Add New<\/strong>.<\/li>\n
- Search for Enhanced Responsive Images<\/strong>.<\/li>\n
- Install and activate the Enhanced Responsive Images<\/strong> plugin.<\/li>\n<\/ol>\n\n
Manual installation<\/h4>\n\n\n- Upload the entire plugin folder to the
\/wp-content\/plugins\/<\/code> directory.<\/li>\n- Visit Plugins<\/strong>.<\/li>\n
- Activate the Enhanced Responsive Images<\/strong> plugin.<\/li>\n<\/ol>\n\n\n
\nWhere can I submit my plugin feedback?<\/h3><\/dt>\nFeedback is encouraged and much appreciated, especially since this plugin may contain future WordPress core features. If you have suggestions or requests for new features, you can submit them as an issue in the WordPress Performance Team's GitHub repository<\/a>. If you need help with troubleshooting or have a question about the plugin, please create a new topic on our support forum<\/a>.<\/p><\/dd>\nWhere can I report security bugs?<\/h3><\/dt>\nThe Performance team and WordPress community take security bugs seriously. We appreciate your efforts to responsibly disclose your findings, and will make every effort to acknowledge your contributions.<\/p>\n\n
To report a security issue, please visit the WordPress HackerOne<\/a> program.<\/p><\/dd>\nHow can I contribute to the plugin?<\/h3><\/dt>\nContributions are always welcome! Learn more about how to get involved in the Core Performance Team Handbook<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n\n1.7.0<\/h4>\n\n
Enhancements<\/strong><\/p>\n\n\n- Remove
sizes=auto<\/code> as the functionality is now available in WordPress core. (2146<\/a>)<\/li>\n<\/ul>\n\nBug Fixes<\/strong><\/p>\n\n\n- Fix: Moved
column_count<\/code> context from column<\/code> block to columns<\/code> block to ensure it is available to ancestor blocks. (2138<\/a>)<\/li>\n<\/ul>\n\nDocumentation<\/strong><\/p>\n\n\n- Update Enhanced Responsive Images plugin description. (2145<\/a>)<\/li>\n<\/ul>\n\n
1.6.0<\/h4>\n\n
Features<\/strong><\/p>\n\n\n- Accurate sizes: Add support for
core\/post-featured-image<\/code> block. (2084<\/a>)<\/li>\n<\/ul>\n\nEnhancements<\/strong><\/p>\n\n\n- Remove experimental from Enhanced Responsive Images readme.txt. (2077<\/a>)<\/li>\n<\/ul>\n\n
1.5.0<\/h4>\n\n
Enhancements<\/strong><\/p>\n\n\n- Accurate sizes: Add ancestor block context for image and cover block that help in sizes calculate. (1795<\/a>)<\/li>\n
- Accurate sizes: Calculate sizes base on ancestor block context. (1818<\/a>)<\/li>\n<\/ul>\n\n
1.4.0<\/h4>\n\n
Features<\/strong><\/p>\n\n\n- Accurate Sizes: Incorporate layout constraints in image sizes calculations. (1738<\/a>)<\/li>\n<\/ul>\n\n
Enhancements<\/strong><\/p>\n\n\n- Accurate sizes: Pass parent alignment context to images. (1701<\/a>)<\/li>\n
- Accurate sizes: Reorganize file structure by feature. (1699<\/a>)<\/li>\n
- Accurate sizes: Support relative alignment widths. (1737<\/a>)<\/li>\n
- Remove
auto_sizes_get_layout_settings()<\/code>. (1743<\/a>)<\/li>\n<\/ul>\n\nBug Fixes<\/strong><\/p>\n\n\n- Accurate sizes: Disable layout calculations for classic themes. (1744<\/a>)<\/li>\n<\/ul>\n\n
1.3.0<\/h4>\n\n
Enhancements<\/strong><\/p>\n\n\n- Move Auto Sizes logic from Enhanced Responsive Images to Image Prioritizer. (1476<\/a>)<\/li>\n
- Update auto sizes logic in Enhanced Responsive Images plugin to no longer load if already in Core. (1547<\/a>)<\/li>\n<\/ul>\n\n
1.2.0<\/h4>\n\n
Enhancements<\/strong><\/p>\n\n\n- Harden logic to add
auto<\/code> keyword to sizes<\/code> attribute to prevent duplicate keyword. (1445<\/a>)<\/li>\n- Use more robust HTML Tag Processor for auto sizes injection. (1471<\/a>)<\/li>\n<\/ul>\n\n
Bug Fixes<\/strong><\/p>\n\n\n- Remove sizes attribute when responsive images are disabled. (1399<\/a>)<\/li>\n<\/ul>\n\n
1.1.0<\/h4>\n\n
Features<\/strong><\/p>\n\n\n- Initial implementation of improved image
sizes<\/code> algorithm. (1250<\/a>)<\/li>\n<\/ul>\n\nEnhancements<\/strong><\/p>\n\n\n- Improved image
sizes<\/code> for left\/right\/center alignment. (1290<\/a>)<\/li>\n- Integrate Auto Sizes with Image Prioritizer to ensure correct sizes=auto. (1322<\/a>)<\/li>\n
- Update
Auto-sizes for Lazy-loaded Images<\/code> plugin name to Enhanced Responsive Images<\/code>. (1335<\/a>)<\/li>\n- Use correct sizes for small images. (1252<\/a>)<\/li>\n<\/ul>\n\n
Documentation<\/strong><\/p>\n\n\n- Update the plugin description for Enhanced Responsive Images. (1339<\/a>)<\/li>\n
- Update the plugin header description. (1344<\/a>)<\/li>\n<\/ul>\n\n
1.0.2<\/h4>\n\n\n- Improve overall code quality with stricter static analysis checks. (775<\/a>)<\/li>\n
- Bump minimum PHP requirement to 7.2. (1130<\/a>)<\/li>\n<\/ul>\n\n
1.0.1<\/h4>\n\n