alexguevara/nuxt-imagemin

Nuxt module to minify your images. Works with: png, jpeg, gif, and svg

nuxt-imagemin

Nuxt module to minify your images. Works with: png, jpeg, gif, and svg.

Installation

npm install --save-dev nuxt-imagemin

Add nuxt-imagemin to your nuxt.config.js:

{
  modules: ["nuxt-imagemin"];
}

Usage

1. Put your images inside assets folder, for example: logo.png
2. Then create an element to render it: <img src="~/assets/logo.png">
3. When you will bundle your app for production, nuxt will minify your image assets

Read more about how assets work.

Options

We use imagemin plugin for webpack internally. It has a lot of options. We pass any provided options into the imagemin itself:

{
  modules: [
    [
      "nuxt-imagemin",
      {
        optipng: { optimizationLevel: 5 },
        gifsicle: { optimizationLevel: 2 }
      }
    ]
  ];
}

License

MIT.