Compress Images

Client/src/app/components/app/app.component.html

@@ -2,7 +2,7 @@
 
 <header>      
       <div id="header-background" [ngStyle]="{'opacity':headerOpacity}"></div>
-      <button md-button class="header-button-home" routerLink="/home"><img id="logo" src="assets/images/logo.png" height="30" alt="logo"> Old Fashion Baptist</button>
+      <button md-button class="header-button-home" routerLink="/home"><img id="logo" src="assets/images/tiny/logo.png" height="30" alt="logo"> Old Fashion Baptist</button>
       <span class="hideOnMobile"></span>
       <button md-button class="header-button" routerLink="/whoweare">Who We Are</button>
       <button md-button class="header-button" routerLink="/services">Service Times</button>

Client/src/app/components/home/home.component.html

@@ -1,5 +1,5 @@
 
-<img id="background-image" src="assets/images/home-images/sunset_b.jpg" alt="background image" width="100%">
+<img id="background-image" src="assets/images/home-images/tiny/sunset_b.jpg" alt="background image" width="100%">
 
 <div id="filler">
 
@@ -19,7 +19,7 @@
             </div>
             <div class="row-content-col-right">
                 <!-- <img ofbFadeInOnScroll src="assets/images/home-images/2-church-color.png"> -->
-                <img ofbFadeInOnScroll src="assets/images/home-images/family.jpg">
+                <img ofbFadeInOnScroll src="assets/images/home-images/tiny/family.jpg">
             </div>
         </div>
     </div>
@@ -46,7 +46,7 @@
                 </p>
             </div>
             <div class="row-content-col-left">
-                <img ofbFadeInOnScroll src="assets/images/home-images/bus2.jpg" height="200">
+                <img ofbFadeInOnScroll src="assets/images/home-images/tiny/bus2.jpg" height="200">
             </div>            
         </div>
     </div>
@@ -75,7 +75,7 @@
                 </div>
             </div>
             <div class="row-content-col-right">
-                <img ofbFadeInOnScroll src="assets/images/home-images/bible.jpg">
+                <img ofbFadeInOnScroll src="assets/images/home-images/tiny/bible.jpg">
             </div>
         </div>
     </div>

Client/src/app/components/sermon-large/sermon-large-pic.component.html

@@ -1,7 +1,7 @@
 <div class="wrapper" [@inout]="startFadeIn">
     <div class="photo">
         <button md-button (click)="play()">
-            <img src="../../assets/images/facebookplay.png" />
+            <img src="../../assets/images/tiny/facebookplay.png" />
         </button>
     </div><!--
     --><div class="info"  (click)="toggleState()">

Client/src/app/components/services/services.component.html

@@ -10,7 +10,7 @@
             </p> 
             <br>
             <div ofbFadeInOnScroll class="imageBorder">
-                <img class="image" src="assets/images/sign.png" alt="Church Image" />
+                <img class="image" src="assets/images/tiny/sign.png" alt="Church Image" />
             </div> 
 
             <br><br>

Client/src/app/components/whoweare/whoweare.component.html

@@ -10,7 +10,7 @@
             </p> 
             <br><br>
             <div ofbFadeInOnScroll class="imageBorder">
-                <img class="image" src="assets/images/home-images/church.jpg" alt="Church Image" />
+                <img class="image" src="assets/images/home-images/tiny/church.jpg" alt="Church Image" />
             </div> 
 
             <br><br>