Найти в Дзене
WOW English | Learn. Create. Enjoy.

Как сделать адаптивную обложку для соцсетей

Наверняка многие оформляют свои соцсети самостоятельно, и, если вы не особо разбираетесь во всех этих настройках, теряетесь в требованиях к размерам элементов (аватарки, обложки, плашки и т.д.), то ловите полезный совет.

Когда дизайн обложки несложный, загрузил картинку и свободен.

Но сегодня нужно учитывать адаптивность для разных устройств. На компьютере и на телефоне картинка должна выглядеть одинаково.

Как это сделать?

Допустим, делаем обложку для Ютьюба.

Ищем в Интернете размер обложки - 2560х1440.

Делаем обложку такого размера (неважно, где - в Канве, Фигме, графическом редакторе, онлайн-сервисе...).

Теперь, если мы загрузим свою обложку, то увидим такое (1-я картинка). Заметьте, размер моего изображения именно 2560х1440. Но получается ерунда, т.к. вся картинка по умолчанию растягивается на размер экрана телевизора и не учтены размеры других устройств. То, как обложка отображается на других устройствах, мы видим, наводя курсор на примечания на экране (картинки 2 и 3).

Как подогнать изображение?

Снова идём в поисковик, пишем что-то вроде «обложка ютьюб размер» и находим изображения, где расписаны эти самые размеры для разных устройств.

-2

Сейчас нас интересуют размеры, указанные справа.

Создаём холст нужного размера - 2560х1440.

И создаём несколько прямоугольников разного цвета, полупрозрачных, с размерами для каждого устройства, центрируем их по вертикали и горизонтали, блокируем, чтобы они не мешали работать и теперь компонуем обложку.

1 из 3
1 из 3

Получаем красоту, которая хорошо отображается на всех устройствах.

Если что-то не получается, спрашивайте в комментариях, постараюсь помочь.

#wow_english_tips #wow_english_tips_youtube #youtube #обложка