image-webpack-loader
Advanced tools
Image loader module for webpack
Minify PNG, JPEG, GIF and SVG images with imagemin
Issues with the output should be reported on the imagemin issue tracker.
$ npm install image-webpack-loader --save-dev
var url = require("image!./file.png");
// => emits file.png as a compressed file in the output directory and returns the public url
// => returns i. e. "/public-path/file.png"
By default the filename is the md5 hash of the file and the extension of the required resource is appended.
You can configure a custom filename template for your file (query param name).
[optimizationLevel] png - Select an optimization level between 0 and 7.[progressive] jpg - Lossless conversion to progressive.[interlaced] gif - Interlace gif for progressive rendering.Examples
require("image?optimizationLevel=5");
require("image?progressive=true");
require("image?interlaced=true");
require("image?optimizationLevel=5&progressive=true&interlaced=true");
loaders: [
{test: /.*\.(gif|png|jpg)$/, loaders: ['image?optimizationLevel=7&interlaced=false']}
]
Comes bundled with the following optimizers:
Options are applied to the correct files.
Type: number
Default: 3
Select an optimization level between 0 and 7.
The optimization level 0 enables a set of optimization operations that require minimal effort. There will be no changes to image attributes like bit depth or color type, and no recompression of existing IDAT datastreams. The optimization level 1 enables a single IDAT compression trial. The trial chosen is what. OptiPNG thinks it’s probably the most effective. The optimization levels 2 and higher enable multiple IDAT compression trials; the higher the level, the more trials.
Level and trials:
Type: boolean
Default: false
Lossless conversion to progressive.
Type: boolean
Default: false
Interlace gif for progressive rendering.
FAQs
Image loader module for webpack
The npm package image-webpack-loader receives a total of 135,849 weekly downloads. As such, image-webpack-loader popularity was classified as popular.
We found that image-webpack-loader demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
New research reveals that LLMs often fake understanding, passing benchmarks but failing to apply concepts or stay internally consistent.
Security News
Django has updated its security policies to reject AI-generated vulnerability reports that include fabricated or unverifiable content.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.