search

nuxt-modules / og-image

Generate OG Images with Vue templates in Nuxt.
https://nuxtseo.com/og-image
417 stars 28 forks source link

Support .webp images? Currently this causes a server error 500 #246

Closed davemg3 closed 4 months ago

davemg3 commented 4 months ago

Use of .png or .jpg image is allowed in source of image for OG image component but not .webp

<img :src="logo" ;" />

Tested with BrandedImage.vue template

Error: [GET] "/og-image/image/og.json": 500 Internal Server Error

harlan-zw commented 4 months ago

Hi, if you'd like to use webp you will need to use the chromium renderer. Satori does not support webp.

davemg3 commented 4 months ago

ok thanks @harlan-zw To be noticed also some emoji wrong rendering. In

defineOgImageComponent

emojis gets not aligned with text. Some columns appears splitting text and creates wrong display. I wanted to complete this layout issues ;) feed but you were fast to answer on st point.

Here is a stackblitz to show the case : https://stackblitz.com/edit/nuxt-starter-fe8yyu?file=pages%2Findex.vue