minifranske / lazy-load-placeholder
Create placeholders for lazy loading images for instance based on the dominant image color
Installs: 1 620
Dependents: 0
Suggesters: 0
Security: 0
Stars: 7
Watchers: 3
Forks: 1
Open Issues: 1
Type:typo3-cms-extension
Requires
- ksubileau/color-thief-php: ^1.3.0
- typo3/cms-core: >=9.5.0
This package is auto-updated.
Last update: 2024-09-15 17:41:30 UTC
README
This extension adds metadata extractor that detects/calculates the dominant color of an images after upload. The dominant color can be used in FE rendering of images to fill the empty places of the lazy loaded images.
Features:
- metadata extractor to pick/store the dominant color of every uploaded image
llp:lazyImage
viewhelper that can be used as replacement off:image
thesrc
becomes adata:image/svg+xml;base64
string that holds a svg placeholder image in the dominant color the real image is added todata-src
- property
dominant_color
is added to the properties of every image object{image.properties.dominant_color}
This extension is inspired by the blog Dominant Colors for Lazy-Loading Images and uses ksubileau/color-thief-php to detect the dominant color of the image.