И вначале реклама, небольшой блок. Прошу не сердиться и не вносить ее в фильтры блокировщиков.
подробнее о рекламодателе можно узнать внутри блока
Спасибо. А теперь сам материал.
подробнее о рекламодателе можно узнать внутри блока
Спасибо. А теперь сам материал.
У CSS фреймворка Bulma, который я много где использую, есть классы с пропорциями изображений. При подготовки иллюстраций, для себя, составил таблицу, какие высоты нужно указывать, при ширине 480 пикселей. Может кому-то пригодится тоже. Но в принципе можно рассчитать для любой ширины по формуле h = w * (Y / X))
| Bulma класс | Соотношение | Ширина w |
Высота h (480px) |
|---|---|---|---|
is-square |
1:1 | 480 | 480 |
is-1by1 |
1:1 | 480 | 480 |
is-5by4 |
5:4 | 480 | 384 |
is-4by3 |
4:3 | 480 | 360 |
is-3by2 |
3:2 | 480 | 320 |
is-5by3 |
5:3 | 480 | 288 |
is-16by9 |
16:9 | 480 | 270 |
is-2by1 |
2:1 | 480 | 240 |
is-3by1 |
3:1 | 480 | 160 |
is-4by5 |
4:5 | 480 | 600 |
is-3by4 |
3:4 | 480 | 640 |
is-2by3 |
2:3 | 480 | 720 |
is-3by5 |
3:5 | 480 | 800 |
is-9by16 |
9:16 | 480 | 853.33 |
is-1by2 |
1:2 | 480 | 960 |
is-1by3 |
1:3 | 480 | 1440 |
