NgOptimizedImage directive

How to Use Base64 Placeholders with Angular’s NgOptimizedImage Directive

Netanel Basal

The NgOptimizedImage directive in version 17.2 of Angular now comes with the ability to pass a base64 data URL placeholder that is displayed while the main image is loading. This placeholder can be applied as a background-image style with a CSS blur effect. However, users have the option to disable the blur if preferred. The Angular team recommends keeping these placeholder images smaller than 4KB to ensure optimal performance.

read full post