Gulp imagemin-svgoで圧縮したSVGのwidthとheightがなくなる問題を解決する

画像を自動で圧縮できるGulpのimagemin。その中でSVGを圧縮するimagemin-svgoがあります。

しかし、imagemin-svgoでSVGを圧縮するとwidthとheightも一緒に削除されてしまいます。IE11ではwidthとheightがない場合、表示が崩れてしまう問題が発生してしまうので、削除されないようにします。

そのためには、オプションを追加して対処します。オプションは以下のように記述します。

imagemin.svgo( { plugins: [ { removeViewBox: false } ] } ),

gulpfile.js

関連情報

imagemin-svgo
https://www.npmjs.com/package/gulp-imagemin