@uzi_no_uzi

Почему imagemin удаляет содержимое svg файла?

Использую такой taskдля обработки изображений. По сути imageminдолжен сжимать svgфайлы, но в итоге получается, что он просто удаляет содержимое.

До обработки:

5b5dcaac5c80d416179757.jpeg

После обработки:

5b5dcaba28f22060332889.jpeg
gulp.task('build:img', function() {
  gulp.src(path.src.img)
    .pipe(imagemin({
      progressive: true,
      svgoPlugins: [{
        removeViewBox: false
      }],
      use: [pngquant()],
      interlaced: true
    }))
    .pipe(gulp.dest(path.build.img))
    .pipe(browserSync.reload({
      stream: true
    }))
})


На всякий случай прикрепляю содержимое svgфайла:

<svg style="display: none;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

    <symbol id='movie-clapper' viewBox="0 0 277.446 277.446">
        <path d="M59.488,117.299c-0.504-4.237-2.007-8.171-4.273-11.556l202.992-67.776L247.552,6.051
		c-1.549-4.638-6.566-7.141-11.201-5.594L15.54,74.182c-4.635,1.547-7.143,6.563-5.594,11.201l5.225,15.647
		c-5.216,4.843-8.488,11.752-8.488,19.415c0,9.924,5.486,18.586,13.582,23.127v125.02c0,4.891,3.967,8.853,8.854,8.853h232.793
		c4.885,0,8.852-3.963,8.852-8.853V117.299H59.488z M188.869,26.724l26.875-8.973l-6.467,26.14l-26.875,8.973L188.869,26.724z
		 M122.47,48.893l26.877-8.973l-6.467,26.139l-26.875,8.974L122.47,48.893z M33.181,133.946c-7.442,0-13.498-6.056-13.498-13.5
		c0-7.444,6.056-13.5,13.498-13.5c7.444,0,13.5,6.056,13.5,13.5C46.681,127.89,40.625,133.946,33.181,133.946z M56.074,71.062
		l26.877-8.973l-6.467,26.14l-26.877,8.974L56.074,71.062z M82.476,147.192H54.142l14.412-22.746h28.334L82.476,147.192z
		 M138.554,124.446h28.334l-14.412,22.746h-28.334L138.554,124.446z M131.599,234.372v-60l47.783,30L131.599,234.372z
		 M222.476,147.192h-28.334l14.412-22.746h28.334L222.476,147.192z"/>
    </symbol>

    <symbol id='laptop' viewBox="0 0 92.821 92.821">
		<g>
			<g>
				<path d="M77.45,65.06V52.924h-4.452v9.702c0,1.517-1.242,2.756-2.756,2.756H15.106
					c-1.514,0-2.756-1.238-2.756-2.756V29.554c0-1.521,1.242-2.759,2.756-2.759H46.65v-2.827H11.066c-1.739,0-3.167,1.417-3.167,3.16
					v18.971V65.06v3.16L0,77.704c0,2.62,2.122,4.746,4.738,4.746h75.868c2.616,0,4.738-2.126,4.738-4.746l-7.899-9.484v-3.16H77.45z
					 M49.002,80.864H36.354c-0.44,0-0.791-0.351-0.791-0.791s0.351-0.791,0.791-0.791h12.644c0.433,0,0.791,0.351,0.791,0.791
					C49.782,80.513,49.435,80.864,49.002,80.864z M29.644,77.704l2.412-2.895h21.237l2.412,2.895
					C55.705,77.704,29.644,77.704,29.644,77.704z"/>
				<g>
					<rect x="37.485" y="47.287" width="6.603" height="6.596"/>
					<rect x="41.622" y="38.219" width="6.599" height="6.603"/>
					<rect x="48.114" y="46.5" width="6.599" height="6.599"/>
					<rect x="53.361" y="35.534" width="7.831" height="7.831"/>
					<rect x="64.437" y="11.531" width="7.831" height="7.831"/>
					<rect x="50.229" y="25.693" width="7.831" height="7.831"/>
					<rect x="62.537" y="22.343" width="11.184" height="11.184"/>
					<rect x="70.89" y="35.824" width="13.528" height="13.532"/>
					<rect x="76.011" y="10.372" width="16.81" height="16.81"/>
					<rect x="60.518" y="44.263" width="7.831" height="7.831"/>
				</g>
			</g>
		</g>
    </symbol>

    <symbol id='next' viewBox="0 0 240.823 240.823">
    	<path id="Chevron_Right_1_" d="M183.189,111.816L74.892,3.555c-4.752-4.74-12.451-4.74-17.215,0c-4.752,4.74-4.752,12.439,0,17.179
		l99.707,99.671l-99.695,99.671c-4.752,4.74-4.752,12.439,0,17.191c4.752,4.74,12.463,4.74,17.215,0l108.297-108.261
		C187.881,124.315,187.881,116.495,183.189,111.816z"/>
    </symbol>

</svg>
  • Вопрос задан
  • 165 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы