update image files

app/[locale]/bar/sagyobar-detail.tsx

@@ -3,12 +3,12 @@ import clsx from 'clsx';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import Link from 'next/link';
-import BarImage001 from './images/bar-image-001.jpg';
+import BarImage001 from './images/bar-image-001.webp';
-import BarImage002 from './images/bar-image-002.jpg';
+import BarImage002 from './images/bar-image-002.webp';
-import BarImage003 from './images/bar-image-003.jpg';
+import BarImage003 from './images/bar-image-003.webp';
-import BarImage004 from './images/bar-image-004.jpg';
+import BarImage004 from './images/bar-image-004.webp';
-import BarImage005 from './images/bar-image-005.jpg';
+import BarImage005 from './images/bar-image-005.webp';
-import BarImage006 from './images/bar-image-006.jpg';
+import BarImage006 from './images/bar-image-006.webp';
 
 export default function SagyobarDetail() {
   const t = useTranslations('Index');

app/[locale]/concept/concept-detail.tsx

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import Logo from 'components/icons/logo';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
-import ConceptImage001 from './images/concept-image-001.png';
+import ConceptImage001 from './images/concept-image-001.webp';
-import ConceptImage002 from './images/concept-image-002.png';
+import ConceptImage002 from './images/concept-image-002.webp';
 
 export default function ConceptDetail() {
   const t = useTranslations('Index');