diff --git a/public/images/opengraph-image-v3.png b/public/images/opengraph-image-v3.png new file mode 100644 index 0000000..6b92958 Binary files /dev/null and b/public/images/opengraph-image-v3.png differ diff --git a/public/images/opengraph-kakao.png b/public/images/opengraph-kakao.png new file mode 100644 index 0000000..e7ca461 Binary files /dev/null and b/public/images/opengraph-kakao.png differ diff --git a/src/app/board/[boardId]/_hooks/useSnsShare.ts b/src/app/board/[boardId]/_hooks/useSnsShare.ts index a968dc4..626b3e5 100644 --- a/src/app/board/[boardId]/_hooks/useSnsShare.ts +++ b/src/app/board/[boardId]/_hooks/useSnsShare.ts @@ -37,7 +37,7 @@ const useSnsShare = () => { status === 'authenticated' ? `${session.profile.nickName}님이 회원님을 “${boardName}” 보드에 초대했어요!` : `“${boardName}” 보드를 꾸며보세요!`, - localImage: '/images/opengraph-image-v2.png', + localImage: '/images/opengraph-kakao.png', sender: status === 'authenticated' ? session.profile.nickName : '', } @@ -45,7 +45,7 @@ const useSnsShare = () => { // 이미지 파일을 Blob으로 처리하여 File 객체 생성 const response = await fetch(OPTIONS.localImage) const blob = await response.blob() - const file = new File([blob], 'opengraph-image-v2.png', { + const file = new File([blob], 'opengraph-kakao.png', { type: 'image/png', }) @@ -62,6 +62,8 @@ const useSnsShare = () => { title: OPTIONS.title, description: '내 보드를 우리의 소중한 추억들로 꾸며줘!', imageUrl, + imageWidth: 800, + imageHeight: 400, link: { mobileWebUrl: isDevMode ? 'https://dev.polabo.site' diff --git a/src/app/board/[boardId]/page.tsx b/src/app/board/[boardId]/page.tsx index ae657ec..d693a45 100644 --- a/src/app/board/[boardId]/page.tsx +++ b/src/app/board/[boardId]/page.tsx @@ -26,7 +26,7 @@ export async function generateMetadata({ description: '내 보드를 우리의 소중한 추억들로 꾸며줘!', images: [ { - url: '/images/opengraph-image-v2.png', + url: '/images/opengraph-image-v3.png', alt: 'Polabo', }, ], @@ -36,7 +36,7 @@ export async function generateMetadata({ description: '내 보드를 우리의 소중한 추억들로 꾸며줘!', images: [ { - url: '/images/opengraph-image-v2.png', + url: '/images/opengraph-image-v3.png', alt: 'Polabo', }, ], diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3ec72aa..04936a0 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -29,7 +29,7 @@ export const metadata: Metadata = { openGraph: { images: [ { - url: '/images/opengraph-image-v2.png', + url: '/images/opengraph-image-v3.png', alt: 'Polabo', }, ], @@ -37,7 +37,7 @@ export const metadata: Metadata = { twitter: { images: [ { - url: '/images/opengraph-image-v2.png', + url: '/images/opengraph-image-v3.png', alt: 'Polabo', }, ],