[nuxt3] Feature Request: config option for default `format` & `quality`

[hartmut-co-uk]

I'd like to configure a default image format for all images via nuxt config:

export default defineNuxtConfig({
    modules: [
        '@nuxt/image-edge'
    ],
    image: {
        // 
        format: "webp",
        quality: "80"
    },
}

Questions

1. According to configuration, this might be possible via provider specific default modifiers?
2. Is this the best choice for such basic props as 'format', 'quality'?
3. Is it also possible (to add) for IPX? (IPXOptions)

Refs

• https://v1.image.nuxtjs.org/components/nuxt-img/#format
• https://v1.image.nuxtjs.org/configuration/#modifiers
• https://github.com/unjs/ipx/blob/c8094bce35bee12e04ad167fee983cd7789c97fa/src/ipx.ts#L30

[hartmut-co-uk]

I've tested with following config:

export default defineNuxtConfig({
    modules: [
        '@nuxt/image-edge'
    ],
    image: {
    provider: 'ipx',
    ipx: {
      modifiers: {
        quality: '80',
        format: 'webp',
      }
    }
  }
}

This works just fine and is applied to all nuxt-img as a default, also can be overwritten if required. Though type validation fails.

=> So I think it's actually just a missing type def in IPXOptions?

[sungeunl]

is it working fine ? because ipx options exclude modifiers

[hartmut-co-uk]

at the time of writing it was working, I no longer can confirm the exact version though...

@sungeunl is it not working for you anymore?

[madebyfabian]

I can confirm, still works with "@nuxt/image": "1.0.0-rc.3". But still with a type error.

But:

• it doesn't support fallbacks. So if you set it to avif for example, and you're visiting the site with the latest MS Edge (Which doesn't support avif), it will not fallback. Even though my config looks like this:

image: {
  format: ['avif', 'webp', 'jpeg', 'png'],
  provider: 'ipx',
  ipx: {
    // @ts-expect-error https://github.com/nuxt/image/issues/657#issuecomment-1326334555
    modifiers: {
      format: 'avif',
    },
  },
},

• it doesn't support svg. If you have any svg images in your project, they will be converted to a webp. Even if you actively set <NuxtImg format="svg" />, add it to the image.format option array and to the ipx.modifiers.format = 'avif,svg'

So overall, not a good solution I think