Comments 12
Сложно представить практическое применение данного свойства. Отдавать браузеру пользователя заведомо большее (неправильное) изображение, ганять больший объем трафика сетью, увеличивать скорость глобального потепления... что бы потом средствами CSS вырезать определенный кусок картинки, который будет на этапе показа жрать ресурсы видеокарты, что бы показать нужную область изображения
Я думаю что практическое применение все таки найдется. Например, в случае, когда размер картинки зависит не от нас, а загружается через api, заказчиком, или изображений слишком много, чтобы их отредактировать вручную.
Вот, интересная мысль.... я готов копнуть даже глубже. Поскольку object-view-box допустим для тега video, то таким образом можно "обрезать" видео с ватермарками, не грузя его себе не сервер, а давая пользователю "видеть" только нужную часть видео, не нарушая чужую собственность на контент =) Просто скрой 10% бордюра с логотипом компании...
Сложно представить практическое применение данного свойства.
Альтернатива для CSS спрайтов.
Согласно специцификации CSS:
Согласно черновика спецификации CSS
W3C это ещё не обсудил до конца, не стандартизировал и "новым CSS-свойством" эта штука ещё не является.
Работа свойства может поменяться в процессе стандартизации. Поддержка браузеров появится не раньше, чем стандартизация закончится.
Спасибо за статью и за вариант с абсолютом.
Новые фишки всегда хорошо, но что мы будем делать с IOS, где применение новых фич CSS просто не будет работать, в силу того что Сафари = IOS Version.
Статистика за май по IOS+Версия (на моем сайте)
Без учета фильтра по OS - 886.282 уников по рекламе
iOS 15.4 - 40045
iOS 15.3 - 23128
iOS 14.8 - 8299
iOS 12.5 - 8113
iOS 15.2 - 6143
iOS 15.1 - 5963
iOS 14.7 - 5527
iOS 14.4 - 5380
iOS 14.6 - 4740
iOS 15.0 - 3299
iOS 14.2 - 1215
iOS 13.3 - 1102
iOS 14.3 - 1124
iOS 10.3 - 1315
iOS 13.6 - 1037
iOS 12.4 - 745
iOS 14.0 - 615
iOS 13.5 - 666 --- упс. просто число
iOS 15.5 - 677 --- ласт версия
iOS 14.5 - 474
iOS 13.7 - 422
iOS 14.1 - 514
iOS 12.3 - 237
iOS 13.4 - 199
iOS 12.1 - 422
iOS 13.1 - 234
iOS 11.4 - 625
iOS 5.1 - 275
iOS 11.0 - 169
iOS 12.2 - 457
iOS 13.2 - 87
iOS 7.0 - 443
iOS 10.2 - 51
iOS 9.1 - 61
iOS 12.0 - 33
iOS 11.2 - 63
iOS 5.0 - 52
iOS 11.1 - 22
iOS 11.3 - 21
iOS 13.0 - 19
iOS 6.0 - 25
iOS 10.1 - 5
iOS 4.3 - 2
iOS 9.3 - 5
iOS 3.2 - 76
iOS 9.0 - 11
iOS 15.6 - 3
iOS 7.1 - 2
----------------------------
Total: 124178
Лучше всего загружать картинки максимально допустимые, а дальше уменьшать там где это нужно. Можно например в nginx поставить модуль, который налету нам сделает картинки, нужного размера.
nginx-module-image-filter
# Поддержка формата WebP появилась в версии 1.11.6.
Выглядит явно избыточно. Очередной слой наворотов в браузеры. Очередной пакет полифиллов. Очередные тормоза. Брр!
Хотя элементарных фоллбэков при блокировке сервака со статикой до сих пор нет (если есть - просветите). Грубо говоря,
<script
src="//cloudflare.com/jquery-6.6.6.js"
src_if_failed="//rkn.gov.ru/jquery-6.6.6.js"
integrity="..."
>
Знакомьтесь, object-view-box