Как сделать широкий адаптивный баннер?

Question

[Павел]

Задача: Сделать баннер с текстом, вшитым в картинку на сайт
Как поставить ТЗ для дизайнера и верстальщика, чтобы баннер был адаптивным на всех разрешениях от мобильного до 2к и чтобы там ничего никуда не поехало? Что нужно учесть?

Comments

[Антон Усачев]

с текстом, вшитым в картинку на сайт

Текст тоже картинкой? Или текст живой на фоне картинки?

[Павел]

Текст картинкой

Answer 1

[Михаил Проскурин]

1. Контентную область баннера - минимальное разрешение, при котором содержимое баннера будет понятно.
2. В баннере должны использоваться или векторные, или высокого качества изображения, чтобы произвести экспорт в 2x, и баннер качественно отображался на ретине.
3. Баннер изначально должен рисоваться в самом большом разрешении, и сетка должна учитывать контентную область. Некоторые элементы не будут видны на маленьких экранах, но важно, чтобы основной посыл всегда был доступен для просмотра.

Ну и в принципе, больше ничего учитывать не нужно.