Optmizing images

portfolio.html

@@ -30,29 +30,29 @@
             <div id="portfolio-area">
             <div class="grid-container">
                 <!-- LINE 1 -->
-                <div class="image-area"><img src="css-files/images/gallery/image20.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image2.png" class="images vertical"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image4.png" class="images vertical"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image5.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image3.png" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image20.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image2.jpg" class="images horizont"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image4.jpg" class="images vertical"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image5.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image3.jpg" class="images"></div>
                 <!-- LINE 2 --->
-                <div class="image-area"><img src="css-files/images/gallery/image19.png" class="images vertical2"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image6.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image7.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image8.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image9.png" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image19.jpg" class="images vertical2"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image6.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image7.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image8.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image9.jpg" class="images"></div>
                 <!-- LINE 3 -->
-                <div class="image-area"><img src="css-files/images/gallery/image10.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image11.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image12.png" class="images horizont"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image14.png" class="images vertical2"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image15.png" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image10.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image11.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image12.jpg" class="images horizont"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image14.jpg" class="images vertical2"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image15.jpg" class="images"></div>
                 <!-- LINE 4 -->
-                <div class="image-area"><img src="css-files/images/gallery/image16.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image13.png" class="images horizont"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image17.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image18.png" class="images"></div>
-                <div class="image-area"><img src="css-files/images/gallery/image1.png" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image16.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image13.jpg" class="images horizont"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image17.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image18.jpg" class="images"></div>
+                <div class="image-area"><img src="css-files/images/gallery/image1.jpg" class="images"></div>
             </div>
             <div id="footer">
                 <p id="footer-text">© 2021 por Josué Pimenta</p>