ImageOptimize

Fixed

• Fixed an issue where an exception could be thrown using the default "shortcut" syntax due to a regression (#422)

Added

• Added the .placeholder('none') parameter to allow specifying that no placeholder background image CSS should be used for lazy loaded images (useful for transparent PNGs) (#410)

Changed

• Update buildchain to Vite 6 & Tailwind CSS 4

Fixed

• Reverted srcset width filtering (#416) to address (#418)

Fixed

• Don't try to apply filters to assets that are seemingly corrupt, and have a 0 width or 0 height (#383)
• Fixed srcset width filtering (#416)

Changed

• Allow for empty alt tags for screen readers as per WCAG (411)

Fixed

• Don't add image variants if no variant creator for them exists (#410)
• Fix a visual issue with the sizing arrows for Optimized Image fields
• Don't apply background placeholder CSS to images that may be transparent like SVGs or GIFs (#410)

Fixed

• Fixed an issue where srcsetMaxWidth() could return incorrect results (#407)
• Fixed an issue where the data-uri for inline SVG styles were incorrect in some browsers because the spaces were not URL-encoded (#408)

Fixed

• Fixed an issue where field content was not propagated to other sites on multi-site installs, causing missing images
• Fixed an issue where the .imgTag() and .pictureTag() would output and invalid style attribute for lazy loaded images (#400)
• Fixed an issue where the Subpath wasn't being included for remote volumes like S3 & Google Cloud (#403)

Added

• Stable release for Craft CMS 5

Added

• Added the ability to pass in a config array to .imgTag(), .pictureTag() and .linkPreloadTag()

Changed

• Changed .loading() → .loadingStrategy(), .artDirection() → addSourceFrom()

Added

• Initial Craft CMS 5 compatibility
• Add .imgTag() to the OptimizedImage model, which generates a complete <img> tag from the OptimizedImage
• Add .pictureTag() to the OptimizedImage model, which generates a complete <picture> tag from the OptimizedImage
• Add .linkPreloadTag() to the OptimizedImage model, which generates a complete <link rel="preload"> tag from the OptimizedImage
• Add craft.imageOptimize.renderLazySizesJs() to render the LazySizes JavaScript for lazy loading images
• Add craft.imageOptimize.renderLazySizesFallbackJs() to render the LazySizes JavaScript with a support script that uses LazySizes as a fallback for browsers that don't support the loading property

Changed

• Added PDF to the Ignore Files field settings (#364)