Compress images

Author: yizhuoliang

app/about/page.tsx

@@ -27,7 +27,7 @@ export default function About() {
           }
           <div className="mt-0 md:mt-0 md:w-[70%]">
             <div className="mb-8">
-              <img src="/pics/about.png" alt="About Coulson" className="w-full h-auto rounded-3xl" />
+              <img src="/pics/about.jpg" alt="About Coulson" className="w-full h-auto rounded-3xl" />
             </div>
             <LinkSection title="1" description="My Photos" href="/about/photos" />
             <LinkSection title="2" description="Music I Love" href="/about/music" />

app/about/photos/page.tsx

@@ -13,44 +13,44 @@ export default function PhotosPage() {
 
         <div className="flex flex-col gap-16">
           <div className="flex flex-col md:flex-row gap-8 items-start">
-            <a href="/pics/photos/bk-bridge-park.PNG" target="_blank" rel="noreferrer" className="md:w-2/3">
-              <img src="/pics/photos/bk-bridge-park.PNG" alt="Brooklyn Bridge Park" className="rounded-2xl w-full h-auto" />
+            <a href="/pics/photos/bk-bridge-park.jpg" target="_blank" rel="noreferrer" className="md:w-2/3">
+              <img src="/pics/photos/bk-bridge-park.jpg" alt="Brooklyn Bridge Park" className="rounded-2xl w-full h-auto" />
             </a>
             <div className="md:w-1/3 text-sm text-zinc-700">
               <p>纽约最喜欢的地方，最喜欢的时间。</p>
             </div>
           </div>
 
           <div className="flex flex-col md:flex-row gap-8 items-start">
-            <a href="/pics/photos/sea-couple.PNG" target="_blank" rel="noreferrer" className="md:w-2/3">
-              <img src="/pics/photos/sea-couple.PNG" alt="Sea Couple" className="rounded-2xl w-full h-auto" />
+            <a href="/pics/photos/sea-couple.jpg" target="_blank" rel="noreferrer" className="md:w-2/3">
+              <img src="/pics/photos/sea-couple.jpg" alt="Sea Couple" className="rounded-2xl w-full h-auto" />
             </a>
             <div className="md:w-1/3 text-sm text-zinc-700">
               <p>一个小岛上的老夫妻。他们骑着自行车来的，所以应该是岛上的住户。那这片海，他们可能已经一起看过无数次了。</p>
             </div>
           </div>
 
           <div className="flex flex-col md:flex-row gap-8 items-start">
-            <a href="/pics/photos/rockerfeller.png" target="_blank" rel="noreferrer" className="md:w-2/3">
-              <img src="/pics/photos/rockerfeller.png" alt="Backyard" className="rounded-2xl w-full h-auto" />
+            <a href="/pics/photos/rockerfeller.jpg" target="_blank" rel="noreferrer" className="md:w-2/3">
+              <img src="/pics/photos/rockerfeller.jpg" alt="Backyard" className="rounded-2xl w-full h-auto" />
             </a>
             <div className="md:w-1/3 text-sm text-zinc-700">
               <p>一个小岛上某家人的后院。</p>
             </div>
           </div>
 
           <div className="flex flex-col md:flex-row gap-8 items-start">
-            <a href="/pics/photos/room-sunset.png" target="_blank" rel="noreferrer" className="md:w-2/3">
-              <img src="/pics/photos/room-sunset.png" alt="Room at sunset" className="rounded-2xl w-full h-auto" />
+            <a href="/pics/photos/room-sunset.jpg" target="_blank" rel="noreferrer" className="md:w-2/3">
+              <img src="/pics/photos/room-sunset.jpg" alt="Room at sunset" className="rounded-2xl w-full h-auto" />
             </a>
             <div className="md:w-1/3 text-sm text-zinc-700">
               <p>新泽西的房间.</p>
             </div>
           </div>
 
           <div className="flex flex-col md:flex-row gap-8 items-start">
-            <a href="/pics/photos/room.png" target="_blank" rel="noreferrer" className="md:w-2/3">
-              <img src="/pics/photos/room.png" alt="Room" className="rounded-2xl w-full h-auto" />
+            <a href="/pics/photos/room.jpg" target="_blank" rel="noreferrer" className="md:w-2/3">
+              <img src="/pics/photos/room.jpg" alt="Room" className="rounded-2xl w-full h-auto" />
             </a>
             <div className="md:w-1/3 text-sm text-zinc-700">
               <p>新泽西的房间是朝西边的！</p>