Open aiwon0035 opened 5 months ago
以下の方法でOGP画像とfaviconを設定した faviconはブラウザのタブには表示されるがリンクのカードに表示されていない OGP画像もリンクのカードに表示されていない
OGP https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image#generate-images-using-code-js-ts-tsx:~:text=About%20Acme%22%20/%3E-,Generate%20images%20using%20code%20(.js%2C%20.ts%2C%20.tsx),-In%20addition%20to favicon https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons#generate-icons-using-code-js-ts-tsx:~:text=.svg.-,Generate%20icons%20using%20code%20(.js%2C%20.ts%2C%20.tsx),-In%20addition%20to
この方法でやってみたが表示されない コードを見ると画像のサイズが5倍ぐらいになってる https://zenn.dev/temasaguru/articles/641a10cd5af02a
faviconはfavicon生成サイトで32*32のfavicon.icoにしてみたがまだ表示されず
OGP画像をphotoshopで画像解像度確認したところ5倍ぐらいになってたので修正したがまだ表示されず
以下の方法でOGP画像とfaviconを設定した faviconはブラウザのタブには表示されるがリンクのカードに表示されていない OGP画像もリンクのカードに表示されていない
OGP https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image#generate-images-using-code-js-ts-tsx:~:text=About%20Acme%22%20/%3E-,Generate%20images%20using%20code%20(.js%2C%20.ts%2C%20.tsx),-In%20addition%20to favicon https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons#generate-icons-using-code-js-ts-tsx:~:text=.svg.-,Generate%20icons%20using%20code%20(.js%2C%20.ts%2C%20.tsx),-In%20addition%20to