Going to attempt allowing SHARP to do our img compression.

package.json

@@ -55,6 +55,7 @@
     "responsive-loader": "^1.1.0",
     "sanitize-html": "^1.18.2",
     "sass-loader": "^7.0.3",
+    "sharp": "^0.20.5",
     "style-loader": "^0.21.0",
     "uglifyjs-webpack-plugin": "^1.2.7",
     "url-loader": "^1.0.1",

private/server/WebpackCompilerOptions.js

@@ -29,7 +29,8 @@ const
   CompressionPlugin = require("compression-webpack-plugin"),
   UglifyJsPlugin = require('uglifyjs-webpack-plugin'),
   MiniCssExtractPlugin = require("mini-css-extract-plugin"),
-  OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
+  OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin"),
+  SharpLoader = require('responsive-loader/sharp')
 ;
 
 //Constants
@@ -94,6 +95,7 @@ module.exports = function(server, app) {
         use: [{
           loader: "responsive-loader",
           options: {
+            adapter: SharpLoader,
             sizes: [250, 500, 1000, 1500, 2000, 2500],
             name: "[path][name]_[width]x.[ext]",
             context: 'public'

webpack.config.js

@@ -1,6 +1,7 @@
 const
   webpack = require('webpack'),
-  HtmlWebpackPlugin = require('html-webpack-plugin')
+  HtmlWebpackPlugin = require('html-webpack-plugin'),
+  SharpLoader = require('responsive-loader/sharp')
 ;
 
 const HTMLWebpackPluginConfig = new HtmlWebpackPlugin({
@@ -58,6 +59,7 @@ module.exports = {
         use: [{
           loader: "responsive-loader",
           options: {
+            adapter: SharpLoader,
             sizes: [250, 500, 1000, 1500, 2000, 2500],
             name: "[path][name]_[width]x.[ext]",
             context: 'public'