Merge pull request #64 from storytold/ftk-new-logos-webp

Ftk new logos webp

packages/fakeyou/src/v2/view/about/about_page/AboutPage.tsx

@@ -279,7 +279,7 @@ function AboutPage(props: Props) {
             <div className="d-flex justify-content-center">
               <Fade right distance={distance} delay={delay} duration={duration}>
                 <img
-                  src="/mascot/kitsune_pose3.png"
+                  src="/mascot/kitsune_pose3.webp"
                   className="img-fluid"
                   width="520"
                   alt="FakeYou Kitsune Mascot!"

packages/fakeyou/src/v2/view/clone_voice_requests/VoiceCloneRequestPage.tsx

@@ -282,7 +282,7 @@ function VoiceCloneRequestPage(props: Props) {
                   delay={delay}
                 >
                   <img
-                    src="/mascot/kitsune_pose4.png"
+                    src="/mascot/kitsune_pose4.webp"
                     className="img-fluid"
                     width="560"
                     alt="FakeYou Mascot"

packages/fakeyou/src/v2/view/patrons/PatronPage.tsx

@@ -109,7 +109,7 @@ function PatronPage(props: Props) {
             <Fade right distance={distance} delay={delay} duration={duration}>
               <img
                 className="img-fluid mt-5 mw-50"
-                src="/mascot/kitsune_pose7.png"
+                src="/mascot/kitsune_pose7.webp"
                 alt="FakeYou Mascot"
                 width="560"
               />

packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx

@@ -449,7 +449,7 @@ function TtsModelListFc(props: Props) {
             <div className="d-flex justify-content-center">
               <Fade right distance={distance} delay={delay} duration={duration}>
                 <img
-                  src="mascot/kitsune_pose2.png"
+                  src="mascot/kitsune_pose2.webp"
                   className="img-fluid"
                   width="560"
                   alt="FakeYou Mascot"