Import JPG, PNG, GIF and SVG images

This module has been deprecated and is no longer maintained. Please use @rollup/plugin-image.
Last updated 4 years ago by rich_harris .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install rollup-plugin-image 
SYNC missed versions from official npm registry.


Import JPG, PNG, GIF and SVG files.


npm install --save-dev rollup-plugin-image


// rollup.config.js
import image from 'rollup-plugin-image';

export default {
  entry: 'src/index.js',
  dest: 'dist/my-lib.js',
  plugins: [

You can now use images in your bundle like so:

import logo from './rollup.png';
document.body.appendChild( logo );

Images are encoded using base64, which means they will be 33% larger than the size on disk. You should therefore only use this for small images where the convenience of having them available on startup (e.g. rendering immediately to a canvas without co-ordinating asynchronous loading of several images) outweighs the cost.



Current Tags

  • 1.0.2                                ...           latest (4 years ago)

3 Versions

  • 1.0.2 [deprecated]           ...           4 years ago
  • 1.0.1 [deprecated]           ...           4 years ago
  • 1.0.0 [deprecated]           ...           4 years ago

Copyright 2014 - 2017 © |