баннер для ротации в "карусели" на первой странице по мероприятию "Цифровой CFO"

epogrebnyak commented 2 years ago

[ ] 500px на 375px
[ ] большая версия 1000px на 750px

Материал для баннера - https://finec.mgimo.ru/blog/digital-cfo-roundtable/:

использовать фото спикеров

@super16 - какой формат файла рекомендуете? PNG?

super16 commented 2 years ago

Да, png. Если можно, ещё лучше иметь также webp-версию

epogrebnyak commented 2 years ago

PNG лично мне привычнее, webp как-то выпал из моего поля внимания как формат, но спросить можем. Webp кем-то не поддерживался из браузеров,но не могу вспомнить кем.

elisad5791 commented 2 years ago

https://caniuse.com/?search=webp

super16 commented 2 years ago

Собственно, необходимость крупной картинки и форматов обусловлена современным вебом, где можно использовать тег picture, браузер в зависимости от устройства и поддержки формата выберет оптимальное изображение из представленных, webp оптимален по размеру и скорости загрузки, крупное изображение оптимально по адаптивности для некоторых экранов, для fallback'а для IE11 вложен тег img:

<picture>
  <source srcset="banner.webp" type="image/webp">
  <source srcset="banner.png, large_banner.png 2x">
  <img src="banner.png" alt="Banner">
</picture>

finec-mgimo / finec-mgimo.github.io

баннер для ротации в "карусели" на первой странице по мероприятию "Цифровой CFO" #216