13.07.2016

Размер картинки 'шапки' с отступами в twitter, facebook и youtube

Размер картинки 'шапки' с отступами в twitter, facebook и youtube


Шапка в twitter

Рекомендуемый размер 'шапки' профиля twitter:

Ширина: 1500 (px)
Высота: 500 (px)

Для удобства создание дизайна размер 'шапки' лучше удвоить:

Ширина: 3000 (px)
Высота: 1000 (px)

Чистый размер 'шапки' без наложения полей twitter'ом получается:

Ширина: 2392 (px) // (1500 - 304)*2 = 2392 (px)
Высота: 748 (px) // (500 - 2*63)*2 = 748 (px)

Отображаемая 'шапка' изображения получается размером:

Ширина: 1262 (px)
Высота: 315 (px)


Шапка в профиле facebook

Полный размер изображения:

Ширина: 851 (px)
Высота: 315 (px)
Отношение сторон изображения: 2.7015873 : 1.

Для удобства создание дизайна размер 'шапки' лучше удвоить:

Ширина: 1702 (px)
Высота: 630 (px)

Размер чистого изображения без других наложений от facebook:

Ширина: 1350 (px) // отступ слева (160 + 16)*2 = 352 (px)
Высота: 462 (px) // отступ снизу 84*2 = 168 (px)

Отображаемая 'шапка' изображения получается размером:

Ширина: 1262 (px)
Высота: 315 (px)

Источник: Какой размер у фото профиля и фото обложки моей Страницы? [ https://www.facebook.com/help/125379114252045 ]


Размер обложки в группе facebook

Реальный размер изображения:

Ширина: 820 (px)
Высота: 250 (px)
Отношение сторон изображения: 3.28 : 1.

Для удобства создание дизайна размер 'шапки' лучше удвоить:

Ширина: 1640 (px)
Высота: 500 (px)

Размер чистого изображения без других наложений от facebook:

Ширина: 1288 (px) // отступ слева (160 + 16)*2 = 352 (px)
Высота: 332 (px) // отступ снизу 84*2 = 168 (px)


Шапка в youtube

Полный размер изображения:

Ширина: 2560 (px)
Высота: 1440 (px).

Для удобства создание дизайна размер 'шапки' лучше удвоить:

Ширина: 5120 (px)
Высота: 2880 (px).

Размер чистого изображения без других наложений от youtube:

Ширина: 3092 (px) // отступ слева (5120 - 3092)/2 = 1014 (px)
Высота: 846 (px) // отступ сверху (2880 - 846)/2 = 1017 (px)

Источник: Как добавить или изменить фоновое изображение канала [ https://support.google.com/youtube/answer/2972003?hl=ru ]


Тэги: twitter, facebook, дизайн, dezajno, youtube

Комментариев нет:

Отправить комментарий