more optimations

src/app/page-header/resume-header/resume-header.component.html

-<div class="page-header section-dark page-header-small" style="background-image: url('assets/img/dark-fog-forest-haze-small.jpg')">
+<div class="page-header section-dark page-header-small" style="background-image: url('assets/img/dark-fog-forest-haze.jpg')">
     <div class="filter"></div>
     <div class="content-center">
         <div class="container">

src/app/pages/games-dashboard/games-dashboard.component.html

             <div class="card">
               <img
                 class="card-img-top"
-                src="/assets/img/mrq-thumbnail.png"
+                src="/assets/img/mrq-thumbnail.jpg"
                 alt="Card image cap"
               />
               <div class="card-body">
             <div class="card">
               <img
                 class="card-img-top"
-                src="/assets/img/wtf-thumbnail.png"
+                src="/assets/img/wtf-thumbnail.jpg"
                 alt="Card image cap"
               />
               <div class="card-body">
               <img
                 class="card-img-top"
                 id="disco-thumbnail"
-                src="/assets/img/disco-blues-thumbnail.png"
+                src="/assets/img/disco-blues-thumbnail.jpg"
                 alt="Card image cap"
               />
               <img
             <div class="card">
               <img
                 class="card-img-top"
-                src="/assets/img/salty-piranha-thumbnail.png"
+                src="/assets/img/salty-piranha-thumbnail.jpg"
                 alt="Card image cap"
               />
               <div class="card-body">

src/app/pages/not-found/not-found.component.scss

 }
 
 .bg-purple{
-    background: url(http://salehriaz.com/404Page/img/bg_purple.png);
+    background: url(http://salehriaz.com/404Page/img/bg_purple.jpg);
     background-repeat: repeat-x;
     background-size: cover;
     background-position: left top;

src/app/pages/project-dashboard/project-dashboard.component.html

           <div class="card">
             <img
               class="card-img-top"
-              src="/assets/img/pub-quiz-club.png"
+              src="/assets/img/pub-quiz-club.jpg"
               alt="Card image cap"
             />
             <div class="card-body">

src/app/pages/resume-pdf/resume-pdf.component.html

         <div class="owner">
           <div class="avatar">
             <img
-              src="/assets/img/avatar/profilbild.png"
+              src="/assets/img/avatar/profilbild.jpg"
               alt="Circle Image"
               class="img-circle img-responsive"
             />

src/app/pages/resume-pdf/resume-pdf.component.scss

 }
 
 .section-experience {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-profile-content {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-soft-skills {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-hobbys {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-transparent {

src/app/pages/resume-pdf/resume-pdf.component.ts

   public languages: Skill[] = [
     {
       name: 'German (native language)',
-      iconHtml: '<img height="30" src="/assets/icons/flags/german.png" alt="German">',
+      iconHtml: '<img height="30" src="/assets/icons/flags/german.jpg" alt="German">',
       starCount: 5
     },
     {
       name: 'English',
-      iconHtml: '<img height="30" src="/assets/icons/flags/english.png" alt="English">',
+      iconHtml: '<img height="30" src="/assets/icons/flags/english.jpg" alt="English">',
       starCount: 3.5
     },
   ];

src/app/pages/resume/resume.component.html

         <div class="owner">
           <div class="avatar">
             <img
-              src="/assets/img/avatar/profilbild.png"
+              src="/assets/img/avatar/profilbild.jpg"
               alt="Circle Image"
               class="img-fluid img-responsive"
             />

src/app/pages/resume/resume.component.scss

 }
 
 .section-experience {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-profile-content {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-soft-skills {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-hobbys {
-    background-image: url("/assets/img/pexels-photo-1629236.jpeg");
+    background-image: url("/assets/img/pexels-photo-1629236.jpg");
 }
 
 .section-transparent {
 
 html,
 .main {
-    background-image: url("/assets/img/pexels-photo-1252890.jpeg");
+    background-image: url("/assets/img/pexels-photo-1252890.jpg");
     background-position: center center;
     background-size: cover;
     background-attachment: fixed;

src/app/pages/resume/resume.component.ts

   public languages: Skill[] = [
     {
       name: 'German (native language)',
-      icon: '<img height="30" src="/assets/icons/flags/german.png" alt="German">',
+      icon: '<img height="30" src="/assets/icons/flags/german.jpg" alt="German">',
       isFaIcon: false,
       starCount: 5
     },
     {
       name: 'English',
-      icon: '<img height="30" src="/assets/icons/flags/english.png" alt="English">',
+      icon: '<img height="30" src="/assets/icons/flags/english.jpg" alt="English">',
       isFaIcon: false,
       starCount: 3.5
     },

src/assets/icons/godot_icon.svg

    version="1.1"
    inkscape:version="0.92.1 r15371"
    sodipodi:docname="icon.svg"
-   inkscape:export-filename="/home/akien/Projects/godot/godot.git/icon.png"
+   inkscape:export-filename="/home/akien/Projects/godot/godot.git/icon.jpg"
    inkscape:export-xdpi="24"
    inkscape:export-ydpi="24">
   <defs

src/index.html

     <base href="/">
 
     <link rel="icon" type="image/png" href="assets/img/favicon.ico">
-    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.jpg">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
     <meta name="viewport" content="width=device-width"/>

src/manifest.webmanifest

   "start_url": "./",
   "icons": [
     {
-      "src": "assets/icons/icon-72x72.png",
+      "src": "assets/icons/icon-72x72.jpg",
       "sizes": "72x72",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "assets/icons/icon-96x96.png",
+      "src": "assets/icons/icon-96x96.jpg",
       "sizes": "96x96",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "assets/icons/icon-128x128.png",
+      "src": "assets/icons/icon-128x128.jpg",
       "sizes": "128x128",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "assets/icons/icon-144x144.png",
+      "src": "assets/icons/icon-144x144.jpg",
       "sizes": "144x144",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "assets/icons/icon-152x152.png",
+      "src": "assets/icons/icon-152x152.jpg",
       "sizes": "152x152",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "assets/icons/icon-192x192.png",
+      "src": "assets/icons/icon-192x192.jpg",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "assets/icons/icon-384x384.png",
+      "src": "assets/icons/icon-384x384.jpg",
       "sizes": "384x384",
       "type": "image/png",
       "purpose": "maskable any"
     },
     {
-      "src": "assets/icons/icon-512x512.png",
+      "src": "assets/icons/icon-512x512.jpg",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable any"