fix: post: added image extension in code snippets for ngOptimizedImage post. (#59)

* fix: post: added image extension in code snippets for ngOptimizedImage post.

Author: manisha-backbase

_posts/2023-05-12-ng-optimized-image-directive-in-angular-15.md

@@ -79,7 +79,7 @@ import { CommonModule, NgOptimizedImage } from '@angular/common';
 import { Component } from '@angular/core'; 
 @Component({ 
    selector: 'app-optimised-image-catalog',
-   template: `<img ngSrc="blog-food-img" width="500" height="300" alt="Food Blog Image"/> `, 
+   template: `<img ngSrc="blog-food-img.png" width="500" height="300" alt="Food Blog Image"/> `, 
 })
 ```
 
@@ -91,7 +91,7 @@ import { CommonModule, NgOptimizedImage } from '@angular/common';
 @Component({ 
     selector: 'app-optimised-image-catalog', standalone: true, 
     imports: [ CommonModule, NgOptimizedImage ], 
-    template: ` <img ngSrc="blog-food-img" width="500" height="300" alt="Food Blog Image" /> `, })
+    template: ` <img ngSrc="blog-food-img.png" width="500" height="300" alt="Food Blog Image" /> `, })
 ```
 
 ## Key features of `NgOptimizedImage`
@@ -191,7 +191,7 @@ import { NgOptimizedImage, IMAGE_LOADER, ImageLoaderConfig } from '@angular/comm
     return url; } }], 
  
 // in markup 
- <img priority ngSrc="custom-img" width="50" height="50" alt="custom image"/> 
+ <img priority ngSrc="custom-img.png" width="50" height="50" alt="custom image"/> 
  
 // in DOM the img tag is changed to this
  <img _ngcontent-btb-c158="" ng-reflect-ng-src="business" ng-reflect-width="400" ng-reflect-height="400" 
@@ -229,4 +229,4 @@ description="Results with NgOptimizedImage directive"
 %}
 
 ## In conclusion  `NgOptimizedImage` means significant improvements...
-The PageSpeed results for the application using `NgOptimizedImage` show a significant reduction in time for the largest contentful paint. The intelligent lazy loading feature also improves the cumulative layout shift. In conclusion, the `NgOptimizedImage` directive drastically improves the performance of your application by enforcing the best practices for image optimisation.
+The PageSpeed results for the application using `NgOptimizedImage` show a significant reduction in time for the largest contentful paint. The intelligent lazy loading feature also improves the cumulative layout shift. In conclusion, the `NgOptimizedImage` directive drastically improves the performance of your application by enforcing the best practices for image optimisation.