Простая оптимизация картинок+

9 июня, 2019

CSS

	<picture>
		<source media="(max-width: 991px)" srcset="<?=SPEC_IMAGES?>/4970b6af-5cb1-4ad4-97b0-d51497dcf60c_700.jpg">
		<source media="(max-width: 767px)" srcset="<?=SPEC_IMAGES?>/4970b6af-5cb1-4ad4-97b0-d51497dcf60c_700.jpg">
		<source media="(max-width: 479px)" srcset="<?=SPEC_IMAGES?>/4970b6af-5cb1-4ad4-97b0-d51497dcf60c_400.jpg">
		<img src="<?=SPEC_IMAGES?>/4970b6af-5cb1-4ad4-97b0-d51497dcf60c_700.jpg" alt="" style="width: 100%;height: auto">
	</picture>

Не забываем проверить какая текущая картинка подгрузилась в элемент в консоли JS

	$0.currentSrc

← Все записи