https://github.com/adamisntdead/gulp-inline-imagesize

A Gulp Task To Add Image Size Comments To Your HTML
https://github.com/adamisntdead/gulp-inline-imagesize

gulp gulp-plugin gulp-tasks image-processing

Last synced: 24 days ago
JSON representation

A Gulp Task To Add Image Size Comments To Your HTML

• Host: GitHub
• URL: https://github.com/adamisntdead/gulp-inline-imagesize
• Owner: adamisntdead
• License: mit
• Created: 2018-07-04T07:15:26.000Z (almost 8 years ago)
• Default Branch: dev
• Last Pushed: 2018-07-25T15:35:53.000Z (almost 8 years ago)
• Last Synced: 2025-03-30T20:29:28.819Z (about 1 year ago)
• Topics: gulp, gulp-plugin, gulp-tasks, image-processing
• Language: JavaScript
• Size: 427 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

          
# gulp-inline-imagesize

> Make comments in your HTML with the size of your images 

[![npm](https://img.shields.io/npm/v/gulp-inline-imagesize.svg)](https://www.npmjs.com/package/gulp-inline-imagesize)

[![Build Status](https://travis-ci.org/adamisntdead/gulp-inline-imagesize.svg?branch=dev)](https://travis-ci.org/adamisntdead/gulp-inline-imagesize)

## Install

```

$ npm install --save-dev gulp-inline-imagesize

```

## Usage

```js

const gulp = require('gulp');

const inlineImagesize = require('gulp-inline-imagesize');

gulp.task('default', () =>

	gulp.src('src/*.html')

		.pipe(inlineImagesize())

		.pipe(gulp.dest('dist'))

);

```

## Output

An example output is given an image `tree.jpg` thats `1500x500`, 

and the HTML:

```html



```

The output of running this task would be:

```html



```

## License

MIT © [Adam Kelly](https://adamisntdead.com)