Оформляем соцсети. Основные размеры элементов

Рассмотрим различные варианты оформления самых популярных соцсетей.


Оформляем Facebook

Размер аватара для Facebook: 160px × 160px, – однако Facebook требует исходник минимум 180×180.

Размер обложки страницы: 851px × 315px, – но можно загружать и более высокое разрешение (например, 1702×628). Стоит учитывать, что на мобильниках шапка обрезается справа, то есть всю важную информацию лучше помещать по левому краю.

размеры для оформления Facebook

Оформляем Twitter

Создание шапки для Twittera оказалось задачей нетривиальной. Рекомендуемые размеры, найденные в Сети, были 1500px × 500px, а также 1252px × 626px, но социальная сеть имеет резиновый дизайн, то есть растягивается по ширине экрана, и на больших экранах такая маленькая шапка растянутой будет выглядеть некачественной. Опытным путем был найден максимальный размер шапки – 1900px × 500px, – а дальше самое интересное: при загрузке такой шапки, она все равно обрезается! Выход был найден: к картинке 1900×500 добавляются белые поля сверху и снизу до размера 1900px × 633px, тогда все встает, как надо.

размер шапки для Twitter

Рекомендуемый размер аватара для Twitter: 400px × 400px.

Оформляем Google Plus

Размер шапки: 1080px × 680px, максимальный размер – 2120px × 1192px, минимальный – 480px × 270px.

Размер аватара: от 250px × 250px, можно загружать большие разрешения. Необходимо также учитывать, что аватар круглый (то есть не нужно делать текст близко к краям – обрежется).

размер шапки для Google Plus

Оформляем Youtube


Итоговый размер изображения шапки подо все носители – 2560px × 1440px, размер «безопасной» зоны, где можно располагать логотипы и т.д., – 1546px x 423px.

размер шапки для Youtube

Рекомендуемый размер значка канала: 800px × 800px (но он должен быть различимым при сжатии до 98px × 98px).

Оформляем VK

Размер аватара справа – ширина 200px, высота до 500px.

Размер области с графическим меню: ширина для одного изображения без рамки (не в таблице) – 388px; максимальная ширина одного ряда двух и более изображений, помещаемый на главное меню не в таблицу (с вкл. опцией nopadding), – 376px; максимальная ширина для одного изображения, помещаемого без рамки в таблице, составляет 376px; максимальная ширина для двух и более изображений, помещаемый на главное меню в таблицу в один ряд (с вкл. опцией nopadding), – 370px (в том случае, если в таблице не присутствует «расширяющая» картинка 376×1px).

размеры  для оформление группы в VK

4 thoughts on “Оформляем соцсети. Основные размеры элементов

  • 27.09.2017 в 12:44
    Permalink

    Спасибо за твиттер, и правда четкие размеры. Удачи в продвижении!

    Ответить
  • 19.02.2018 в 15:46
    Permalink

    Спасибо, действительно помогли с твиттером!

    Ответить
  • 02.12.2018 в 21:54
    Permalink

    Спасибо за твиттер! Наконец-то точные размеры.

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *