Красивые обложки на. Все размеры youtube: картинки, шапки, обложки, значки, видео
При покупке журнала, первое, что бросается в глаза – это обложка. То же самое происходит и при посещении вашей виртуальной странички – первое впечатление создает фото на обложке.
И это происходит вне зависимости, на какую соцсеть вы зашли – Facebook, Вконтакте, LinkedIn или же канал YouTube – в первую очередь, вы обратите внимание на обложку. Первое впечатление создается еще до просмотра вашей страницы.
Ключевой фактор идеальной обложки – это её размер. Если загружена картинка неподходящих габаритов, вы рискуете получить «срезанную» картинку и ваши подписчики, так и не смогут увидеть её важные детали. Проблема состоит в том, что не существует единого габарита обложки для всех сетей и эта статья вам подробно о них расскажет. Итак, когда вы перейдете к оформлению социальных сетей — это руководство поможет вам создать обложки для своих групп.
Существует некоторая разница в размерах обложек при загрузке сайта – это заметно, при посещении страницы с двух её разных версий – десктоп или мобильной. Ниже приведены габариты для Facebook, ВК, Twitter, LinkedIn, Google+ и канала YouTube.
Размер обложки группы ВКИдеальный размер обложки для вашей группы в Вконтакте будет 1590 на 400 пикселей. Этот размер учитывает отображение на экранах с повышенной четкостью (Retina). А минимальный размер обложки ВК — 795 на 200 пикселей.
Идеальный размер обложки для вашего профиля в Фейсбуке будет 820 на 462 пикселей. Это идеальные параметры для вашей страницы на Facebook, также минимальная ширина должна составлять не менее 720 px.
Создавая фото для страницы в Фейсбуке, очень важно не упустить 4 важных деталей:
1. Ваша обложка в Фейсбуке будет других размеров на мобильной версии сайтаМобильная версия данной соцсети отличается тем, что ваше фото будет выглядеть выше или уже. Если фото длинное – оно будет отображаться полностью, если широкое – края будут срезаны. Методом проб и ошибок было выяснено, что указанные выше габариты идеальны для обеих версий.
На компьютере размер видимой части будет 820 на 312 пикселей. А в мобильной версии 820 на 462.
2. Вы указать, какую часть обложки показыватьЕсли ваша картинка содержит важные детали в её верхней или нижней части, и вы беспокоитесь, что Facebook может их обрезать, у вас есть возможность указать, какую часть фото нужно показывать на вашей странице. Перетаскивайте картинку вверх или вниз.
Если вы обратили внимание в приведенном примере, несколько компонентов накладываются на фото обложки. Стоит обратить внимание на это при выборе и создании фотографии обложки. В мобильной версии сайта, фото профиля будет несколько перекрывать фото в середине. Вам стоит взять в правило недопущение важных деталей в нижней части фото, так как они могут быть перекрыты фотографией профиля.
Это означает, что фото не будет показано полностью – для этого потребуется прокрутить страницы. Для того, чтобы привлечь внимание фотографией и заставить просмотреть её полностью, стоит добавить изюминку в фото или нечто привлекательное в нижней части фотографии обложки.
Идеальный размер обложки для вашей страницы на Facebook будет 820 на 462 пикселей.
Ниже приведены ключевые моменты для выбора и создания изображения для страницы, куда подпишется ваша аудитория:
При этом стоит учесть, что размер обложки Фейсбук на странице отображается в 820х312 пикселей в десктоп версии, а в мобильной – 640х360. Эти данные были приведены в самом Facebook и они позволят вам демонстрировать всю картинку. Однако более подходящими будут габариты в 820х462 px – это позволит вам выкладывать ваши картинки в таком виде, как хотели бы этого сами.
Используйте файл PNG для более качественной картинки. На сайте Facebook указано что, если ваша обложка содержит логотипы компании, лучше всего использовать файл PNG – это улучшит качество изображения.
Размер видео обложки в FacebookНаконец! У вас есть возможность использовать видео вместо картинки. Разве это не прекрасно?
Ниже приведены советы от Facebook для вашего видео на обложке:
- Ваше видео должно быть минимум 820 пикселей в ширину и 312 пикселей в длину. Для более лучшего качества, загружайте видео с габаритами 820x465px.
- Продолжительность видео должна быть от 20 до 90 секунд.
Идеальный размер фото шапки для вашей группы на Facebook будет 820 на 462 пикселей.
Фотография обложки для группы практически не отличается от фото на обложке для страниц - просто выглядит немного короче. Однако, габариты, отображающиеся через компьютерную версию, составляют 820х250. Это означает, что изображение должно быть не менее 400х150px.
Хотя в компьютерной версии изображение для обложки не перекрывается надписями, в мобильной версии все происходит с точностью до наоборот.
Еще одна вещь, которую стоит обдумать, это то, как ваше фото для обложки выглядит в разделе «группы» в мобильном приложении Facebook.
Для полного отображения картинки (чтобы надписи не сдвигались), лучше всего размещать фотографию по центру – это будет выглядеть гораздо лучше.
Размер фото события для FacebookИдеальный размер фото для баннера события на Facebook будет 1920 на 1080 пикселей.
Рекомендуемый размер для фото на странице предстоящих событий, с точки зрения Facebook, составляет 1920 пикселей в ширину и 1080 пикселей в длину (в пропорции 16:9). Для события в открытом доступе каждый, кто просматривает событие, имеет доступ к данному изображению, в то время как для приватных событий – только те, кто находится в списке приглашенных.
Размер обложки для LinkedInИдеальный размер обложки для вашей страницы на LinkedIn будет 1584 на 396 пикселей.
Фото для заднего фона в профиле LinkedIn отображается в пропорции 4:1; также стоит отметить, что рекомендовано использовать фотографии размером 1584 пикселей в ширину и 396 пикселей в длину. Однако есть одна проблема – ваши фото могут стать размытыми после загрузки, следующие советы помогут вам ее устранить:
Если фоновое изображение выглядит размытым или распадается на квадратики, выбирайте изображения с размером файла как можно ближе к максимальному размеру , так как изображения с такими габаритами выглядят гораздо четче. Стоит также учесть, что фотографии будут выглядеть лучше, чем изображения с логотипами. Если изображение по-прежнему выглядит размытым, и оно как бы разбивается на квадратики, следует использовать инструменты для сжатия такие как, Trimage для Windows или ImageOptim для Mac , перед загрузкой в ваш профиль.
LinkedIn будет обрезать фото заднего фона при переходе на мобильное устройствоКак наглядно показывает картинка ниже, LinkedIn будет обрезать вашу фотографию с правой и левой стороны.
Идеальный размер обложки для вашей компании на LinkedIn будет 1536 на 768 пикселей.
LinkedIn обрежет картинку в десктоп версии. Несмотря на то, что рекомендовано к использованию изображение с габаритами в 1536x768px, при загрузке изображения, в любом случае оно будет обрезано. Это показано на скриншоте сверху. Поэтому, если возможно, лучше всего размещать важные детали картинки по центру. Стоит также учитывать, что минимальные размеры картинки составляют 1192х220рх.
Фото для обложки выглядит больше на мобильной версии сайта. Скорее всего, это одна из причин, почему LinkedIn рекомендовал вышеуказанные габариты.
Идеальный размер обложки для YouTube канала будет 2560 на 1440 пикселей.
Фото для обложки канала называется баннером и отображается совершенно по-разному – в зависимости, от какого устройства вы работаете. Идеальные размеры для обложки, как рекомендует YouTube, составляют 2560х1440px.
Ниже приведены некоторые важные детали:
- Минимальные размеры для загрузки изображения: 2048x1152px.
- Идеальные размеры для загрузки изображений с логотипами и надписями: 1546x423px. Более объёмные изображения загружаются не полностью (в зависимости от вида устройства, с которого они просматриваются).
- Максимальные размеры изображения составляют 2560×423 px. Приведенные выше габариты будут просматриваться с любого устройства. Также стоит учитывать, что часть баннера для вашего канала будет обрезана при просмотре с разных устройств.
- Размер файла, загружаемого изображения составляет 4мб (или меньше).
YouTube создал прекрасный шаблон для обложки вашего канала – он удобен для сравнения итогового внешнего вида на различных устройствах.
Шаблон загружается в файл Photoshop и файл Fireworks, позволяя наложить его на изображение; так вы поймете, как изображение будет обрезано и выглядеть на вашем канале.
Ниже приведен пример адаптации размера обложки для Ютуб канала
При создании вашего канала, скорее всего, вы не будете размещать важные детали в верхних левых и правых углах на вашем баннере. И это верно – фото вашего профиля и ссылки канала будут размещены в верхней части баннера и в мобильной, и в десктоп версии. Так будет выглядеть рисунок в компьютерной и мобильной версии сайтов вместе с изображением профиля:
Идеальный размер обложки для вашего аккаунта в Твиттере будет 1500 на 500 пикселей.
Ваша фотография на Twitter должна быть шириной в 1500рх, а длиной – 500рх. И это, заметьте – гораздо шире, по сравнению с другими соцсетями.
Кстати, очень важно использовать изображение достаточной ширины – это предотвратит растягивание изображения в Twitter и оно не станет размытым.
Фото профиля будет накрывать заглавную фотографиюТакже, как и на Facebook, фотография профиля на Twitter будет заслонять небольшой фрагмент вашего заглавного изображения. Очень важно не упустить этот нюанс.
Вы можете масштабировать и выбирать фрагмент фото, загружаемое в профильЗдесь вы можете свободно выбирать, какой фрагмент вам реально нужен – и не бояться, что он будет обрезан.
Заглавное изображение выглядит крупнее на мобильной версииНа мобильном устройстве, при условии, что ваше фото достаточных габаритов, оно будет отображаться во всю длину. (Обратите внимание, что мои ботинки отображаются на мобильной, но не на компьютерной версии).
Если заглавное фото составляет 500 пикселей в длину (или короче), может произойти масштабирование и оно будет подрезано с обеих сторон.
Размер обложки Google+Идеальный размер обложки для вашего Google+ аккаунта будет 1600 на 900 пикселей.
Фотография для обложки Google+ отображаются при габаритах от 1084х610рх, что в пропорциональном соотношении близится к 16:9. Если вы хотите быть уверенным, что изображение выглядит четко, стоит придерживаться габаритов в 1600 в ширину и 900px в длину.
Самые важные детали фото должны располагаться по центруОтличная новость – фото для обложки обладают чувствительностью при наведении курсора. Что это означает? Фото обложки будет постепенно отодвигаться по мере прокрутки страницы, таким образом, что оно всегда будет находиться в поле зрения.
Итак, для того, чтобы заинтересовать зрителя и сподвигнуть его на просмотр видео, нужно всего 2 компонента: качественная обложка и правильное название. Но сейчас поговорим об обложке. Сами подумайте, что вы видите, когда заходите на YouTube? Вы видите большое количество разных "плиточек", и выбираете лишь ту, которая в самой лучшей обертке, т.е. с самой красивой обложкой. Для создания хорошей, привлекательной и интересующей обложки должны быть соблюдены следующие правила:
1 правило. Соответствие теме видео
Это самое важное и банальное правило. "Ну, это и так понятно" - скажете вы. Понятно, да не всегда. Обложка должна наиболее полно раскрывать смысл видео, показать зрителям, что в нем есть именно то, что они хотят увидеть. На обложке даже можно написать название видео, чтобы сразу было видно, о чем пойдет речь. Если, например, вы сняли видео, в котором создаете какой-либо рисунок, то на обложке должен быть именно ваш рисунок, а не картинка, взятая из интеренета.
2 правило. КачествоВ качестве обложки выбирайте качественную картинку или фотографию. Она должна быть четкой, разборчивой, достаточно светлой. На ней должно быть все хорошо видно. Плохие снимки сразу отталкивают от просмотра, особенно если они сняты на телефон, причем с плохой камерой, когда фотография получается "в квадратики". Поэтому не ленитесь подбирать хорошие снимки. Обратимся опять к нашему примеру. Ваш рисунок должен быть четким, линии не размытыми, все детали должны хорошо просматриваться, а иначе рисунок потеряет свою красоту.
3 правило. РазмерНа YouTube стандарт видео и обложки 1920x1080, поэтому выбирайте обложку именно такого размера, или же пропорционально ему. Ведь очень некрасиво выглядит, когда с двух сторон от фотографии - две черные полосы. Это выглядит непрофессионально, что скорее всего не привлечет зрителя.
4 правило. ЯркостьОбложка должна бросаться в глаза - быть яркой. Когда есть выбор между тем, мы выбираем то, что сразу видно и привлекает. А яркие цвета и контраст обязательно выделят вашу обложку из массы других, более блеклых.
5 правило. Создание общего стиля обложекКогда ваш канал обретает популярность, видео просматриваются, у вас появляются подписчики. Вас должны узнавать, и становится проще, когда обложки видео однотипны. Человек, войдя на YouTube, сразу увидит ваше видео, если у него будут какие-то отличительные черты, какой-то особенный стиль.
6 правило. Соответствие типу видеоДля разных типов видео обычно используется разная информация на обложках. Допустим, для разговорных видео нельзя взять картинки каких-то предметов, так как они не будут соответствовать смыслу. В данном случае зрителя нужно настроить на приятный теплый разговор и это дает только фотография самого человека, который и будет повествовать в видео, это будет вызывать доверие. В случае же с игровыми видео, нужно, наоборот, показать игру, которую вы хотите, к примеру, комментировать. И на обложку нужно поместить либо кадр из игрового момента, либо обложку самой игры. Если вас уже знают, то хорошо помещать и свою фотографию на обложку в любом типе видео.
Итак, для того, чтобы обложка была хорошей, броской и привлекательной, нужно чтобы она была качественной, яркой, правильного размера, она должна соотвествовать смыслу и типу видео и иметь свой стиль. Выполнив все эти моменты, вы получите уданую обложку, и видео будет набирать большое количество просмотров.
Вот как это должно выглядеть:
4. Подгоняем палитру под размер рабочей области и уменьшаем значение непрозрачности слоя до 50%, тем самым делая картинку светлой. Это и будет наш основной фон. И полупрозрачным мы его сделали, чтобы остальные элементы хорошо прочитывались и бросались в глаза.
5. Используем инструмент "Прямолинейное лассо / Polygonal Lasso" (L), чтобы вырезать фигуру по контуру (белый фон нам не нужен). Работа с лассо очень проста. Представьте, будто соединяете невидимые точки по контуру фигуры.
В итоге последняя точка должна оказаться в самой первой, чтобы замкнуть цепочку. Программа выделит нужную нам область, а мы, переключаясь на инструмент "Перемещение / Move" (V), переместим вырезанную картинку на наш фон.
7. Популярный элемент обложек - цветной контур объекта. Слой --> Стиль Слоя -->Обводка (Layer --> Layer Style --> Stroke).
8. Выбираем цвет и толщину.
9. На обложке делаем упор на то, что видео-урок - по макияжу глаз. Используя инструмент "Прямоугольная область / Rectangular Marquee" (М), выделяем один глаз.
10. Перетаскиваем его на рабочую зону. То же самое делаем со вторым глазом. Таким образом, мы уменьшили лишнее для нас расстояние между глаз, подогнав его под наши цели.
11. С помощью инструмента "Горизонтальный текст / Horizontal Type" (Т) пишем название видео-урока. Используем уже знакомую нам "Обводку / Stroke", чтобы сделать текст выразительным.
12. Обложка должна максимально рассказывать о том, что ждет зрителя в видео. Кисти для макияжа - очень конкретная заявка. Большая кисть вряд ли используется в макияже глаз, поэтому перетаскиваем только маленькие кисточки. Чтобы не переусердствовать, есть смысл отказаться использовать "Обводку" с кистями.
13. Учитывая, что в видео рассказывается о звездном макияже, несколько маленьких звездочек лишними не будут. Перетаскиваем изображение в рабочую область. Если декоративные элементы вдруг теряются на фоне, добавляем им "Обводку" (в данном случае белую), и вот уже они - неотъемлемая часть всей композиции.
14. Мы не зря справа оставили немного места. Заполняем его губами. Как будто сама Джоли поцеловала эту обложку.
15. И последний штрих - порядковый номер ролика (если у вас многосерийный проект). Делаем его ярким и заметным, придерживаясь общей цветовой направленности.
16. Сохраняем в нужный формат и размещаем не только как обложку для видео на Youtube, но и как постер-анонс в социальных сетях.
Надеюсь, урок понравился)))
Эта свежая статья написана, чтобы осветить актуальную информацию об удалении лишних ссылок из шаблонов Blogspot, а также из новых тем Blogger. Как вы знаете, в кодах Blogger в 2018 году произошли изменения, поэтому многие действия с кодом нужно производить по новому. Плюс появились новые темы, которые сформированы иначе. В связи с этими изменениями разберем тему про удаление ссылок.
Проверить свой блог на наличие внешних ссылок вы можете на сервисах https://pr-cy.ru/link_extractor/ и https://seolik.ru/links . Не забывайте, что проверять нужно не только главную страницу блога, но и страницу записей (постов) и страницы (Page). Большое количество внешних ссылок, открытых для индексации препятствуют .
Такие шаблоны дают больше всего внешних ссылок. В моем тестовом блоге при установке простой темы при проверке обнаружилось 25 внешних ссылок на главной странице, из них индексировались 14.
Напоминаю, что перед тем, как производить изменения в коде шаблона, сделайте резервную копию!
А так полный код:
Сохраняем изменения и проверяем блог на наличие Атрибуции.
Вот неполный перечень ссылок, которые зашифрованы в иконках гаечного ключа (ID блога будет ваш)
- Виджет HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
- Виджет HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
- Архив блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
- Ярлыки блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
- Популярные сообщения: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
От всех этих ссылок легко избавиться. Найдите в шаблоне блога тег . Он встречается столько раз, сколько виджетов в вашем блоге. Удалите все вхождения тега .
Как удалить:
Способ 1 . Во вкладке Дизайн отредактируйте элемент “Сообщения блога” и снимите галочку в пункте “Показать "Быстрое редактирование””.
Способ 2 . найдите в шаблоне блога тег и удалите его. Сохраните изменения и проверьте свой блог на наличие иконки и ссылки.
А именно:
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object = val; }, false);
} else {
window.attachEvent("onload", function(){ object = val; });
}
}
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: "https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://m-ynewblog.blogspot.com/search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
(function() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
var head = document.getElementsByTagName("head");
if (head) {
head.appendChild(script);
}})();
Сейчас Навбар в блоге не дает индексируемых внешних ссылок, но я считаю, что это лишний элемент, который не несет в себе функциональной нагрузки, и его лучше удалить.
Сделано на примере редактирования профиля Google Plus. Напоминаю, что Google Plus будет ликвидирован 2 апреля 2019 года. Соответственно после этой даты нужно будет производить другие изменения в коде виджета “Обо мне”.
В Настройках блога по пути Настройки блога -> Другое -> Фид сайта -> Разрешаем фид блога применяем следующие настройки:
Находим в шаблоне блога по поиску по виджетам (список виджетов) Attribution1 и удаляем код вместе с секцией по аналогии со старым шаблоном Blogger (смотри выше 1).
Код выглядит целиком так:
Канал YouTube может быть довольно скучной площадкой, если не настроить его. Установить размер обложки на "Ютубе" - это отличный способ сделать это, и в этом плане "Ютуб" предлагает множество опций, чтобы заставить его работать на всех платформах.
Как бы мы ни хотели сразу сказать вам размер обложки на "Ютуб"-канале... Хорошо, он должен быть 2560 × 1440, однако не все так просто. Есть некоторые оговорки и тонкости, которые вы должны иметь в виду.
У Google довольно обширная страница на эту тему, но мы решили обойти его на шаг вперед!
Арт-характеристики каналаДля получения оптимальных результатов на всех устройствах Google рекомендует загрузить одно 2560 х 1224 px изображение, которое было оптимизировано для того, чтобы соответствовать шаблону ниже.
Новые каналы будут иметь переменную ширину на рабочем столе, что означает, что сайт будет масштабироваться, чтобы показать больше контента на больших окнах браузера. Существует минимальный размер, на котором сайт больше не будет адаптироваться, и полосы прокрутки появятся в окне браузера. Это произойдет при минимальной ширине канала 1546 x 423 пикселей (это и есть “безопасная область”, учитывая, что текст и логотипы не будут отрезаны) и при максимальной ширине, равной 2560 х 423 пикс.
Интеграция с Google+YouTube был интегрирован с Google+. Это означает, что каждый дополнительный канал на YouTube, который вы создаете, появляется вместе с собственной страницей в Google+. Значок канала синхронизируется с вашей страницей Google+, поэтому его нужно будет изменить и настроить на этой же площадке. Видимая область различается на двух этих сайтах.
Значок каналаЗначок канала полностью виден на YouTube, но на Google+ он отображается в виде круга. Держите важное содержимое внутри этого круга. Полное изображение представляет собой квадратную картинку, размер которой составляет не менее 250 x 250 px.
В отличие от значка канала, обложка не связана с Google+. Проверьте страницу на Google+ по советам об установке изображения для наилучшего результата.
Оптимальный размер обложки на "Ютубе" - 2560 x 1440 px. В зависимости от размера экрана, ее обрезают на неподвижные точки прерывания, чтобы она могла соответствовать изображению.
Таким образом, можно использовать его, чтобы сделать своего рода “призыв к действию” - чтобы поощрять своих посетителей перейти на ваш сайт(-ы).
PSD-шаблонСуществует шаблон PSD (Photoshop) для того, чтобы было удобнее. Данный документ содержит руководящие принципы по важным точкам прерывания.
