Требования к разрешениям полноэкранных картинок в макете дизайна сайта?

Question

[Илья Лукьянов]

Вот часто макеты идут 12 колончатые, ну тот же бутстрап

Как мне подготовить изображения фоновые для к примеру FUll hd, 2к, 4к. Какое сжатие использовать. Как в макете показать?(расширять холст?).
И каким образом оно будет свёрстано, будет ли подрезаться при адаптации, или надо несколько вариантов. Для меня покаместь это завеса непонятная. К примеру как здесь в шапке: www.exodoanimation.com

Answer 1

[Сергей Константинов]

1. По хорошему надо подготовить 3 размера. Для мобильных и планшетов - HD, для большинства - FHD, и для "отмороженных" - QHD. Причем пропорции могут отличаться. Можно ограничится 2 размерами — маленький, и FHD.
2. Сжатие и формат таких изображений выбираются исходя из них самих. Где можно и 50% жпег, а где-то подойдет 8-битный пнг. Стремимся к оптимальному соотношению качества и размера файла.
3. Для верстальщика пишется сопроводительная инструкция и с ней передаются все материалы отдельно от макета.

Comments

[Илья Лукьянов]

спасибо!