So usually you are suggested to consider using JPEG and gif format images for your blog posts and tutorials. Today we all know the importance of website speed and even an increase in 1KB of file size can impact your websites performance.

And that’s the reason why it’s not perfect choice to be used for web design. This directly affects the quality of the pictures and that’s the reason why most of the photographers and designers prefer this format.īut along with elegance the size of the file also increases. One of the biggest reason for this is that PNG files can handle more colors and can support up to 64 bits of color indexation. We all know that png images always look better than jpeg, gif and other image formats. One of the biggest advantage of using this plugin it is that it has capability to preserve alpha transparency. Please have PRs be single-purpose and try to stick to the coding style that the plugin uses.Today I have found tinypng wordpress plugin which has capability to compress PNG images up to 70% and that without losing quality.The code is written in ES6 using Javascript Standard Style.

Many thanks to tinypng-webpack-plugin, tinypng-loader and imagemin-webpack-plugin.

And please understand that I need to keep it simple, so not all feature would be proved. If the feature make sense, I would add it. And it is quite slow.īecause it is lack of silence option and it cannot proceed images not in webpack assets as well. I was suprised that there weren't any Tinypng plugins for webpack which fit my request, so I made one!īecause the images need to preceed is not in webpack assets. So it is recommended that we set it to somewhere git included. If we set it to node_modules, team members would compress images again and again. Working with copy-webpack-plugin: module.exports = /node_modules/tinypng-plugin-webpack-full-featured/dict Npm install tinypng-plugin-webpack-full-featured Example Usage const TinypngPlugin = require( 'tinypng-plugin-webpack-full-featured') įrom: path.resolve(_dirname, './static/images'), This is a simple plugin that uses Tinypng to compress images in your project.