imagemin / imagemin-app Goto Github PK

View Code? Open in Web Editor NEW

825.0 825.0 49.0 1.11 MB

imagemin as an OS X, Linux and Windows app

License: MIT License

Makefile 13.96% CSS 14.82% HTML 7.25% JavaScript 63.97%

imagemin-app's Introduction

imagemin

Minify images seamlessly

^{Sindre Sorhus' open source work is supported by the community}

^{Special thanks to:}

Strapi is the leading open-source headless CMS.

^{It’s 100% JavaScript, fully customizable, and developer-first.}

Install

npm install imagemin

Usage

import imagemin from 'imagemin';
import imageminJpegtran from 'imagemin-jpegtran';
import imageminPngquant from 'imagemin-pngquant';

const files = await imagemin(['images/*.{jpg,png}'], {
	destination: 'build/images',
	plugins: [
		imageminJpegtran(),
		imageminPngquant({
			quality: [0.6, 0.8]
		})
	]
});

console.log(files);
//=> [{data: <Uint8Array 89 50 4e …>, destinationPath: 'build/images/foo.jpg'}, …]

API

imagemin(input, options?)

Returns Promise<object[]> in the format {data: Uint8Array, sourcePath: string, destinationPath: string}.

input

Type: string[]

File paths or glob patterns.

options

Type: object

destination

Type: string

Set the destination folder to where your files will be written. If no destination is specified, no files will be written.

plugins

Type: Array

The plugins to use.

glob

Type: boolean
Default: true

Enable globbing when matching file paths.

imagemin.buffer(data, options?)

Returns Promise<Uint8Array>.

data

Type: Uint8Array

The image data to optimize.

options

Type: object

plugins

Type: Array

Plugins to use.

imagemin-cli - CLI for this module
gulp-imagemin - Gulp plugin

imagemin-app's People

Contributors

Stargazers

Watchers

imagemin-app's Issues

Exception when run on Win10

I've downloaded the Windows zip of imagemin-app and extracted the contents to their own folder. When I run the exe on Win10 Pro (Creator's Edition) I get the below error message and after pressing ok a blank app window that allows no interaction except min/maximise and close.

update?

Request: prebuild executable / release (Windows)

Could you share a prebuild executable for Windows? Please.

ENOENT error trying to build on windows

FYI, errors out using powershell due to touch command in the make file, might be worth noting in readme to use something like cygwin to get around that.

Error portion:

[email protected] node_modules\imagemin
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
└── [email protected] ([email protected], [email protected], [email protected])
make[1]: Entering directory `C:/Users/devin/Documents/Repos/imagemin-app'
make[2]: Entering directory `C:/Users/devin/Documents/Repos/imagemin-app'
events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: spawn C:\Users\devin\Documents\Repos\imagemin-app\node_modules\duo\node_modules\gnode\bin\gnode ENOENT
    at exports._errnoException (util.js:746:11)
    at Process.ChildProcess._handle.onexit (child_process.js:1053:32)
    at child_process.js:1144:20
    at process._tickCallback (node.js:355:11)
    at Function.Module.runMain (module.js:503:11)
    at startup (node.js:129:16)
    at node.js:814:3
make[2]: Leaving directory `C:/Users/devin/Documents/Repos/imagemin-app'
make[2]: Entering directory `C:/Users/devin/Documents/Repos/imagemin-app'
events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: spawn C:\Users\devin\Documents\Repos\imagemin-app\node_modules\duo\node_modules\gnode\bin\gnode ENOENT
    at exports._errnoException (util.js:746:11)
    at Process.ChildProcess._handle.onexit (child_process.js:1053:32)
    at child_process.js:1144:20
    at process._tickCallback (node.js:355:11)
    at Function.Module.runMain (module.js:503:11)
    at startup (node.js:129:16)
    at node.js:814:3
make[2]: Leaving directory `C:/Users/devin/Documents/Repos/imagemin-app'
make[1]: Leaving directory `C:/Users/devin/Documents/Repos/imagemin-app'

Stuff that works (above error)


> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-gifsicle\node_modules\gifsicle\node_modules\bin-wrapper\node_modules\bin-check\node_modules\spawn-sync
> node postinstall


> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-optipng\node_modules\optipng-bin\node_modules\bin-wrapper\node_modules\bin-check\node_modules\spawn-sync
> node postinstall


> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-pngquant\node_modules\pngquant-bin\node_modules\bin-wrapper\node_modules\bin-check\node_modules\spawn-sync
> node postinstall


> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-jpegtran\node_modules\jpegtran-bin\node_modules\bin-wrapper\node_modules\bin-check\node_modules\spawn-sync
> node postinstall


> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-jpegtran\node_modules\jpegtran-bin
> node lib/install.js

     fetch : https://raw.github.com/imagemin/jpegtran-bin/v1.0.2/vendor/win/x64/jpegtran.exe
     fetch : https://raw.github.com/imagemin/jpegtran-bin/v1.0.2/vendor/win/x64/libjpeg-62.dll




√ pre-build test passed successfully!

> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-optipng\node_modules\optipng-bin
> node lib/install.js

     fetch : https://raw.github.com/imagemin/optipng-bin/v1.0.1/vendor/win/optipng.exe


√ pre-build test passed successfully!

> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-pngquant\node_modules\pngquant-bin
> node lib/install.js

     fetch : https://raw.github.com/imagemin/pngquant-bin/v1.0.1/vendor/win/pngquant.exe


√ pre-build test passed successfully!

> [email protected] postinstall C:\Users\devin\Documents\Repos\imagemin-app\node_modules\imagemin\node_modules\imagemin-gifsicle\node_modules\gifsicle
> node lib/install.js

     fetch : https://raw.github.com/imagemin/gifsicle-bin/v1.0.3/vendor/win/x64/gifsicle.exe


√ pre-build test passed successfully!
[email protected] node_modules\object-assign

[email protected] node_modules\each-async
├── [email protected]
└── [email protected]

[email protected] node_modules\clean-css
└── [email protected]

[email protected] node_modules\uglify-js
├── [email protected]
├── [email protected]
├── [email protected] ([email protected], [email protected], [email protected], [email protected])
└── [email protected] ([email protected])

[email protected] node_modules\duo
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected])

[email protected] node_modules\myth
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected])
└── [email protected] ([email protected], [email protected])

Fix CSS lint issues

Run $ npm run lint to see the issues.

Installation on Ubuntu requires node-webkit workaround

node-webkit is build against libudev.so.0 , Ubuntu newer than 13.04 comes with libudev.so.1

therefore running make fails with the following message:

imagemin-app/node_modules/nodewebkit/nodewebkit/nw: error while loading shared libraries: libudev.so.0: cannot open shared object file: No such file or directory

Solutions can be found here:
https://github.com/rogerwang/node-webkit/wiki/The-solution-of-lacking-libudev.so.0

maybe there is an easy way to inclued a fix into the make process

Generate binaries

Just a reminder for when we get so far.

Plugin inclusion

Any plans to include a few more plugins like webp or guetzli?

Error 0x80010135: Path too long

Clicking on SKIP worked.

@octocat: Would be interesting if issues could be blamed.

Windows Binary 'Path too long' error

There are several errors relating to 'Path too long' when attempting to extract the Windows Binary .zip file. I believe this is happening to more than one file. I am on Windows 10 64 bit.

Steps to reproduce:

Download the Windows Binary.
Extract the Windows Binary.
Observe the errors.

Dragging mutiple images

Dragging images once shows 2 files. Dragging those same images again shows 22 files :)

http://note.io/1vhE6YO

Default window too large

I think we should set the default and min size to something like ImageOptim.

Wrong repository URL in readme

Drop on app icon to minify

Should be possible to drag and drop on the app icon to minify. This is standard OS X behaviour.

npm install throwing some error

I am getting an error when running npm install in latest node version v10.15.0. It worked fine when I downgraded my node js version to v8.12.0. The same error is causing travis build to fail https://travis-ci.com/imagemin/imagemin-app/builds/95762898

Rename app

Is there a way to name the app something like Imagemin. Right now (on OSX, at least) it shows up as Atom

How to Build in Win7

Hi, first this is my first time to try electro, so pardon me :)

i've installed electron with npm install electron-prebuilt -g

but when i try to run make app, i've got error like this

$ make app
sh.exe": make: command not found

i can running electron from my console for info :)

any hint for me?

Thanks :)

Infinite loading in the app

I have drag and drop the .PNG file into the app and it's seems to be loading forever

last binary, MacOS 10.15.5

Pretty UI

The spinner is nice, but the rest is a bit bland.

Linux binary requires libpng12.so.0

I had to install libpng to be able to optimize png files on archlinux.
Log

~/imagemin-app-v0.1.0-linux/resources/app/node_modules/imagemin/node_modules/imagemin-pngquant/node_modules/pngquant-bin/vendor/pngquant: error while loading shared libraries: libpng12.so.0: cannot open shared object file: No such file or directory

Workaround - install it via aur https://aur.archlinux.org/packages/libpng12/

Imagemin app generate different result compare to imagemin itself

The result of Imagemin windows app is 33kb. but when I use js code to use imagemin directly output for same picture is 57kb.

I tried to copy exact same code as index.js but the result stays the same (57kb).

What am I missing here?

Here is my code:

const imagemin = require('imagemin');
const imageminGifsicle = require('imagemin-gifsicle');
const imageminJpegtran = require('imagemin-jpegtran');
const imageminOptipng = require('imagemin-optipng');
const imageminPngquant = require('imagemin-pngquant');
const imageminSvgo = require('imagemin-svgo');

(async () => {
	const files = await imagemin(['images/*.png'], {
		destination: 'build',
		use: [
			imageminGifsicle(),
			imageminJpegtran(),
			imageminOptipng(),
			imageminPngquant(),
			imageminSvgo()
		]
	});	
})();

Update: the optimized image using imagemin-cli also is 57kb. do you use some sort of black magic inside imagemin-app?

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

imagemin / imagemin-app Goto Github PK

imagemin-app's Introduction

imagemin

Install

Usage

API

imagemin(input, options?)

input

options

destination

plugins

glob

imagemin.buffer(data, options?)

data

options

plugins

Related

imagemin-app's People

Contributors

Stargazers

Watchers

Forkers

imagemin-app's Issues

Recommend Projects

Recommend Topics

Recommend Org