All Projects → nuxt-community → Imagemin Module

nuxt-community / Imagemin Module

Licence: mit
Automatically optimize (compress) all images used in Nuxt.js

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Imagemin Module

Nuxt Image Loader Module
An image loader module for nuxt.js that allows you to configure image style derivatives.
Stars: ✭ 135 (+264.86%)
Mutual labels:  nuxt, image-processing, images
Oblique
With Oblique explore new styles of displaying images
Stars: ✭ 633 (+1610.81%)
Mutual labels:  image-processing, image, images
Essential Image Optimization
Essential Image Optimization - an eBook
Stars: ✭ 1,950 (+5170.27%)
Mutual labels:  image-processing, images, image-optimization
Nuxt Imagemin
Nuxt module to minify your images. Works with: png, jpeg, gif, and svg
Stars: ✭ 170 (+359.46%)
Mutual labels:  nuxt, image-processing, image-optimization
Cometa
Super fast, on-demand and on-the-fly, image processing.
Stars: ✭ 8 (-78.38%)
Mutual labels:  image-processing, image, images
Imager
Automated image compression for efficiently distributing images on the web.
Stars: ✭ 266 (+618.92%)
Mutual labels:  image-processing, image, image-optimization
Selene
A C++17 image representation, processing and I/O library.
Stars: ✭ 266 (+618.92%)
Mutual labels:  image-processing, image, images
Crunch
Crunch is a tool for lossy PNG image file optimization. It combines selective bit depth, color type, and color palette reduction with zopfli DEFLATE compression algorithm encoding using the pngquant and zopflipng PNG optimization tools. This approach leads to a significant file size gain relative to lossless approaches at the expense of a relatively modest decrease in image quality (see example images below).
Stars: ✭ 3,074 (+8208.11%)
Mutual labels:  image-processing, image, images
Pixload
Image Payload Creating/Injecting tools
Stars: ✭ 586 (+1483.78%)
Mutual labels:  image-processing, image
Ueberzug
ueberzug is a command line util which allows to display images in combination with X11
Stars: ✭ 711 (+1821.62%)
Mutual labels:  image, images
Nuxt Optimized Images
🌅🚀 Automatically optimizes images used in Nuxt.js projects (JPEG, PNG, SVG, WebP and GIF).
Stars: ✭ 717 (+1837.84%)
Mutual labels:  nuxt, image
Compressor
An easy to use and well designed image compress library for Android, based on Android native image library. Put forward a framework for quick switch from different compress algorithm.
Stars: ✭ 476 (+1186.49%)
Mutual labels:  image-processing, image
Gaussianblur
An easy and fast library to apply gaussian blur filter on any images. 🎩
Stars: ✭ 473 (+1178.38%)
Mutual labels:  image-processing, image
Imgproxy
Fast and secure standalone server for resizing and converting remote images
Stars: ✭ 5,688 (+15272.97%)
Mutual labels:  image-processing, image
Chafa
📺🗿 Terminal graphics for the 21st century.
Stars: ✭ 774 (+1991.89%)
Mutual labels:  image-processing, images
Flyimg
Dockerized PHP7 application runs as a Microservice to resize and crop images on the fly. Get optimised images with MozJPEG, WebP or PNG using ImageMagick. Includes face detection, cropping, face blurring, image rotation and many other options. Abstract storage based on FlySystem in order to store images on any provider (local, AWS S3...).
Stars: ✭ 762 (+1959.46%)
Mutual labels:  image-processing, image
Wasm Imagemagick
Webassembly compilation of https://github.com/ImageMagick/ImageMagick & samples
Stars: ✭ 442 (+1094.59%)
Mutual labels:  image-processing, image
Imgp
📸 High-performance cli batch image resizer and rotator
Stars: ✭ 744 (+1910.81%)
Mutual labels:  image-processing, image-optimization
Image Optimizer
Image optimization / compression library. This library is able to optimize png, jpg and gif files in very easy and handy way. It uses optipng, pngquant, pngcrush, pngout, gifsicle, jpegoptim and jpegtran tools.
Stars: ✭ 785 (+2021.62%)
Mutual labels:  image, image-optimization
Python Compare Images
This repository is mainly about comparing two images. The technique used is SSIM. i.e. Structural Similarity Index Measure We use some of the inbuilt functions available in python's skimage library to measure the SSIM value. Along with SSIM we also measure the MSE ( Mean Square Error ) To know more about the SSIM technique Refer Here: https://en.wikipedia.org/wiki/Structural_similarity
Stars: ✭ 25 (-32.43%)
Mutual labels:  image-processing, images

@nuxtjs/imagemin

npm version npm downloads Github Actions CI Codecov License

Automatically optimize (compress) all images used in Nuxt.js

📖 Release Notes

Setup

  1. Add @nuxtjs/imagemin dependency to your project
yarn add --dev @nuxtjs/imagemin # or npm install --save-dev @nuxtjs/imagemin
  1. Add @nuxtjs/imagemin to the buildModules section of nuxt.config.js
export default {
  buildModules: [
    // Simple usage
    '@nuxtjs/imagemin',

    // With options
    ['@nuxtjs/imagemin', { /* module options */ }]
  ]
}

⚠️ If you are using Nuxt < v2.9 you have to install the module as a dependency (No --dev or --save-dev flags) and use modules section in nuxt.config.js instead of buildModules.

Using top level options

export default {
  buildModules: [
    '@nuxtjs/imagemin'
  ],
  imagemin: {
    /* module options */
  }
}

Options

See image-minimizer-webpack-plugin for the complete list of options available.

enableInDev

  • Type: Boolean
  • Default: false

Images will be minified in development mode, if this option is set to true.

This could increase the build time.

minimizerOptions

  • Type: Object
  • Default:
plugins: [
  ['gifsicle', { interlaced: true }],
  ['jpegtran', { progressive: true }],
  ['optipng', { optimizationLevel: 5 }],
  ['svgo', { plugins: [{ removeViewBox: false }] }]
]

Development

  1. Clone this repository
  2. Install dependencies using yarn install or npm install
  3. Start development server using npm run dev

License

MIT License

Copyright (c) Nuxt Community

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].