Enhanced Responsive Images

Beskrivning

This plugin implements enhancements for the responsive images functionality in WordPress. Currently, this includes:

  1. Improvements to the accuracy of the sizes attribute by using layout information available in block themes. This enhancement is not available to classic themes.
  2. Implementation of the new HTML spec for adding sizes="auto" to lazy-loaded images. This enhancement was merged into WordPress 6.7.

See also the complimentary Image Prioritizer plugin which detects which images are outside the viewport, and then adds loading=lazy and sizes=auto to them.

There are currently no settings and no user interface for this plugin since it is designed to work without any configuration.

Installation

Installation inifrån WordPress

  1. Besök Tillägg > Lägg till nytt.
  2. Search for Enhanced Responsive Images.
  3. Install and activate the Enhanced Responsive Images plugin.

Manuell installation

  1. Upload the entire plugin folder to the /wp-content/plugins/ directory.
  2. Besök Tillägg.
  3. Activate the Enhanced Responsive Images plugin.

Vanliga frågor

Var kan jag skicka in min återkoppling om tillägget?

Återkoppling uppmuntras och uppskattas mycket, särskilt eftersom detta tillägg kan innehålla framtida funktioner för WordPress-kärnan. Om du har förslag eller önskemål om nya funktioner kan du skicka in dem som ett ärenden i GitHub-filförvaret för WordPress Performance Team. Om du behöver hjälp med felsökning eller har en fråga om tillägget, skapa ett nytt ämne på vårt supportforum.

Var kan jag rapportera säkerhetsproblem?

Performance-teamet och WordPress-communityn tar säkerhetsfel på allvar. Vi uppskattar dina ansträngningar att ansvarsfullt rapportera dina upptäckter och kommer att göra allt vi kan för att erkänna dina bidrag.

För att rapportera ett säkerhetsproblem, besök WordPress HackerOne-programmet.

Hur kan jag bidra till tillägget?

Bidrag är alltid välkomna! Läs mer om hur du kan engagera dig i Handboken för Core Performance-team.

Recensioner

Detta tillägg har inga recensioner.

Bidragsgivare och utvecklare

”Enhanced Responsive Images” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”Enhanced Responsive Images” har översatts till 11 språk. Tack till översättarna för deras bidrag.

Översätt ”Enhanced Responsive Images” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

1.7.0

Enhancements

  • Remove sizes=auto as the functionality is now available in WordPress core. (2146)

Bug Fixes

  • Fix: Moved column_count context from column block to columns block to ensure it is available to ancestor blocks. (2138)

Documentation

  • Update Enhanced Responsive Images plugin description. (2145)

1.6.0

Features

  • Accurate sizes: Add support for core/post-featured-image block. (2084)

Enhancements

  • Remove experimental from Enhanced Responsive Images readme.txt. (2077)

1.5.0

Enhancements

  • Accurate sizes: Add ancestor block context for image and cover block that help in sizes calculate. (1795)
  • Accurate sizes: Calculate sizes base on ancestor block context. (1818)

1.4.0

Features

  • Accurate Sizes: Incorporate layout constraints in image sizes calculations. (1738)

Enhancements

  • Accurate sizes: Pass parent alignment context to images. (1701)
  • Accurate sizes: Reorganize file structure by feature. (1699)
  • Accurate sizes: Support relative alignment widths. (1737)
  • Remove auto_sizes_get_layout_settings(). (1743)

Bug Fixes

  • Accurate sizes: Disable layout calculations for classic themes. (1744)

1.3.0

Enhancements

  • Move Auto Sizes logic from Enhanced Responsive Images to Image Prioritizer. (1476)
  • Update auto sizes logic in Enhanced Responsive Images plugin to no longer load if already in Core. (1547)

1.2.0

Enhancements

  • Harden logic to add auto keyword to sizes attribute to prevent duplicate keyword. (1445)
  • Use more robust HTML Tag Processor for auto sizes injection. (1471)

Bug Fixes

  • Remove sizes attribute when responsive images are disabled. (1399)

1.1.0

Features

  • Initial implementation of improved image sizes algorithm. (1250)

Enhancements

  • Improved image sizes for left/right/center alignment. (1290)
  • Integrate Auto Sizes with Image Prioritizer to ensure correct sizes=auto. (1322)
  • Update Auto-sizes for Lazy-loaded Images plugin name to Enhanced Responsive Images. (1335)
  • Use correct sizes for small images. (1252)

Documentation

  • Update the plugin description for Enhanced Responsive Images. (1339)
  • Update the plugin header description. (1344)

1.0.2

  • Improve overall code quality with stricter static analysis checks. (775)
  • Bump minimum PHP requirement to 7.2. (1130)

1.0.1

  • Add auto-sizes generator tag. (1105)
  • Höj den minsta WP-versionen som krävs till 6.4. (1062)
  • Uppdatera den testade WordPress-versionen till 6.5. (1027)

1.0.0

  • Första utgåvan av tillägget ”Auto-sizes for Lazy-loaded Images” som ett fristående tillägg. (904)