Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
postcss-image-inliner
Advanced tools
Readme
PostCSS plugin to inline local/remote images.
.foo {
/* Input example */
background-image: url('https://placehold.it/10x10');
}
.foo {
/* Output example */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo ... ORK5CYII=');
}
npm i -D postcss postcss-image-inliner
const postcss = require('postcss');
const imageInliner = require('postcss-image-inliner');
const opts = {
assetPaths: [], // List of directories where the inliner should look for assets
maxFileSize: 10240, // Sets a max file size (in bytes)
};
postcss([imageInliner(opts)]);
See PostCSS docs for examples for your environment.
array
[process.cwd()]
['http://domain.de/', 'http://domain.de/styles', 'app/images', '**/images/']
false
List of directories/URLs where the inliner should start looking for assets. You can define local directories (globs supported) or URLs.
int
10240
0
false
Sets a max file size (in bytes) for inlined images. Set to 0
to disable size checking.
function
function (file) { console.log('big file found:', file.path); return file.path }
false
Allows you to act on large files and change the url if you'd like. Make sure you have strict
set to false
when using this.
bool
false
false
Use Base64 encoding for SVGs.
array
[]
false
Use custom svgo configuration for svg optimization
bool
false
false
Fail on error.
regex
/^(background(?:-image)?)|(content)|(cursor)/
false
Regex to match the CSS properties to be inlined.
FAQs
PostCSS plugin to inline images into css
The npm package postcss-image-inliner receives a total of 20,631 weekly downloads. As such, postcss-image-inliner popularity was classified as popular.
We found that postcss-image-inliner demonstrated a healthy version release cadence and project activity because the last version was released less than 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
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).