feat: 이미지 최적화

Author: SooY2

index.html

@@ -22,96 +22,96 @@ <h1>숭실대 멋쟁이사자처럼 12기의 TMI.zip</h1>
       <div id="wrapper-layout">
         <div class="row-layout">
           <a class="wrapper" href="">
-            <img src="./likelion.JPG" alt="🦁" />
+            <img loading="lazy" src="./likelion.JPG" alt="🦁" />
           </a>
           <a class="wrapper" href="./DAIN_PM/index.html">
-            <img src="./DAIN_PM/profile.jpg" alt="다인" />
+            <img loading="lazy" src="./DAIN_PM/profile.jpg" alt="다인" />
           </a>
           <a class="wrapper" href=""></a>
           <a class="wrapper" href="./GEONHWI_FE/index.html">
-            <img src="./GEONHWI_FE/myimg.jpg" alt="건휘" />
+            <img loading="lazy" src="./GEONHWI_FE/myimg.jpg" alt="건휘" />
           </a>
           <a class="wrapper" href="./HAEUN_PM/index.html">
-            <img src="./HAEUN_PM/박하은_사진.jpg" alt="하은" />
+            <img loading="lazy" src="./HAEUN_PM/박하은_사진.jpg" alt="하은" />
           </a>
         </div>
         <div class="row-layout">
           <a class="wrapper" href="./HAYEON_DE/index.html">
-            <img src="./HAYEON_DE/hayeon_img.jpg" alt="하연" />
+            <img loading="lazy" src="./HAYEON_DE/hayeon_img.jpg" alt="하연" />
           </a>
           <a class="wrapper" href="./HAYOON_DE/index.html">
-            <img src="./HAYOON_DE/" alt="하윤" />
+            <img loading="lazy" src="./HAYOON_DE/" alt="하윤" />
           </a>
           <a class="wrapper" href="./HYUNGJUN_BE/index.html">
-            <img src="./HYUNGJUN_BE/image.jpg" alt="형준" />
+            <img loading="lazy" src="./HYUNGJUN_BE/image.jpg" alt="형준" />
           </a>
           <a class="wrapper" href="./JIHWAN_BE/index.html">
-            <img src="./JIHWAN_BE/profile.jpeg" alt="지환" />
+            <img loading="lazy" src="./JIHWAN_BE/profile.jpeg" alt="지환" />
           </a>
           <a class="wrapper" href="./JIHYO_DE/index.html">
-            <img src="./JIHYO_DE/profile.jpg" alt="지효" />
+            <img loading="lazy" src="./JIHYO_DE/profile.jpg" alt="지효" />
           </a>
           <a class="wrapper" href="./JIYEA_PM/index.html">
-            <img src="./JIYEA_PM/me2.jpg" alt="지예" />
+            <img loading="lazy" src="./JIYEA_PM/me2.jpg" alt="지예" />
           </a>
           <a class="wrapper" href="./MINJU_FE/index.html">
-            <img src="./MINJU_FE/my_img.jpg" alt="민주" />
+            <img loading="lazy" src="./MINJU_FE/my_img.jpg" alt="민주" />
           </a>
         </div>
         <div class="row-layout">
           <a class="wrapper" href="./MINKYOUNG_BE/index.html">
-            <img src="./MINKYOUNG_BE/IMG_8807.jpg" alt="민경" />
+            <img loading="lazy" src="./MINKYOUNG_BE/IMG_8807.jpg" alt="민경" />
           </a>
           <a class="wrapper" href="./SANGEUN_BE/index.html">
-            <img src="./SANGEUN_BE/IMG_SE.jpg" alt="상은" />
+            <img loading="lazy" src="./SANGEUN_BE/IMG_SE.jpg" alt="상은" />
           </a>
           <a class="wrapper" href="./SANGWOO_PM/index.html">
-            <img src="./SANGWOO_PM/photo.jpg" alt="상우" />
+            <img loading="lazy" src="./SANGWOO_PM/photo.jpg" alt="상우" />
           </a>
           <a class="wrapper" href="./SEONJEONG_BE/index.html">
-            <img src="./SEONJEONG_BE/profile.jpg" alt="선정" />
+            <img loading="lazy" src="./SEONJEONG_BE/profile.jpg" alt="선정" />
           </a>
           <a class="wrapper" href="./SEOYUN_DE/index.html">
-            <img src="./SEOYUN_DE/profile.jpg" alt="서윤" />
+            <img loading="lazy" src="./SEOYUN_DE/profile.jpg" alt="서윤" />
           </a>
           <a class="wrapper" href="./SEUNGBIN_PM/index.html">
-            <img src="./SEUNGBIN_PM/me.jpg" alt="승빈" />
+            <img loading="lazy" src="./SEUNGBIN_PM/me.jpg" alt="승빈" />
           </a>
           <a class="wrapper" href="./SEUNGHYUN_FE/index.html">
-            <img src="./SEUNGHYUN_FE/PROFILE.JPG" alt="승현" />
+            <img loading="lazy" src="./SEUNGHYUN_FE/PROFILE.JPG" alt="승현" />
           </a>
         </div>
         <div class="row-layout">
           <a class="wrapper" href="./SION_FE_2/index.html">
-            <img src="./SION_FE_2/sion.jpg" alt="시온" />
+            <img loading="lazy" src="./SION_FE_2/sion.jpg" alt="시온" />
           </a>
           <a class="wrapper" href="./SOOYEON_FE/index.html">
-            <img src="./SOOYEON_FE/myimg.jpeg" alt="수연" />
+            <img loading="lazy" src="./SOOYEON_FE/myimg.jpeg" alt="수연" />
           </a>
           <a class="wrapper" href="./SOOYOUNG_BE/index.html">
-            <img src="./SOOYOUNG_BE/sooyoung.jpg" alt="수영" />
+            <img loading="lazy" src="./SOOYOUNG_BE/sooyoung.jpg" alt="수영" />
           </a>
           <a class="wrapper" href="./TAEYEON_DE/index.html">
-            <img src="./TAEYEON_DE/증명사진.jpg" alt="태연" />
+            <img loading="lazy" src="./TAEYEON_DE/증명사진.jpg" alt="태연" />
           </a>
           <a class="wrapper" href="./YEONGMYEONG_PM/index.html">
-            <img src="./YEONGMYEONG_PM/KO.jpg" alt="영명" />
+            <img loading="lazy" src="./YEONGMYEONG_PM/KO.jpg" alt="영명" />
           </a>
         </div>
         <div class="row-layout">
           <a class="wrapper" href="./YEONJAE_BE/index.html">
-            <img src="./YEONJAE_BE/yeonjae.jpg" alt="연재" />
+            <img loading="lazy" src="./YEONJAE_BE/yeonjae.jpg" alt="연재" />
           </a>
           <a class="wrapper" href="./YUJUNG_DE/index.html">
-            <img src="./YUJUNG_DE/yujung.jpg" alt="유정" />
+            <img loading="lazy" src="./YUJUNG_DE/yujung.jpg" alt="유정" />
           </a>
           <a class="wrapper" href="./YUNHO_FE/index.html">
-            <img src="./YUNHO_FE/PatPhoto.jpg" alt="윤호" />
+            <img loading="lazy" src="./YUNHO_FE/PatPhoto.jpg" alt="윤호" />
           </a>
         </div>
         <div class="row-layout">
           <a class="wrapper" href="./CHAEYEON_FE/index.html">
-            <img src="./CHAEYEON_FE/profile.jpg" alt="채연" />
+            <img loading="lazy" src="./CHAEYEON_FE/profile.jpg" alt="채연" />
           </a>
         </div>
       </div>