Найти тему

Форматы изображений для оформления своего сообщества в ВКонтакте

Оглавление

Всем привет! Сегодня расскажу, какие лучше всего использовать форматы изображений для вашего оформления. Многие, думаю, сталкивались с этой проблемой, так как не всегда получалось загрузить изображение в качестве своей обложки для баннера вверху сообщества или даже для меню. Но не расстраивайтесь! Здесь уже поэтапно распишем, что, где и как.

Буду приводить примеры на основе своих работ. Заглядывайте в гости в сообщество Joshina | Дизайн, где как раз находятся все мои гениальные наработки.

1. Аватар

Как ни удивительно, но для аватара подойдут изображения как 200х200, так и 5000х5000 пикселей. Главное заключается лишь в чёткости изображения. Чем оно выше, тем качественнее будет выглядеть ваша аватарка. Можно использовать как квадратный формат, так и прямоугольный. Я сама для заказчиков делаю в квадратном формате.

2. Обложка (баннер)

Вот тут уже есть сложности. Сам размер обложки составляет 1920х768 пикселей.

загрузка и редактирование обложки
загрузка и редактирование обложки

Однако, как видно на предпоказе, при загрузке изображения в качестве обложки, верхнюю часть соцсеть срезает. Поэтому, когда будете продумывать обложку или делать заказ у дизайнера - учитывайте этот нюанс. Лица людей, слова и другие объекты будут не видны. Как показывает уже практика, часть обложки срезается не только на компьютерной версии, но и на мобильной.

3. Обложки меню

Кто-то включает в свой паблик меню, кто-то нет. Но для меня кажется, это незаменимая вещь: ведь можно обратить внимание своего подписчика на основные и интересные моменты, которые только делают ваш домик уникальным!

Что касается обложек для меню - их формат составляет 376х256 пикселей.
Можно и больше, но вам столько не нужно. Картиночки всё равно маленькие, главное, чтоб они были качественными, подходящими в рамки. Если они будут шире или уже, придется еще и линеечкой обрезать определенный участок. Но когда будете заказывать оформление у дизайнера, он уже сделает чётко по формату, чтобы никакие объекты не пропали.

4. Обложки для фотоальбомов

Могу с уверенностью сказать, что оформление обложек для фотоальбомов для меня кажется самым сложным, потому что тут не предугадаешь. Вся проблема заключается в том, что и на мобильной версии, и на компьютерной версии, и от того, насколько дальше вы открыли фотоальбомы зависит то, как правильно оформлять обложку. Можно, разумеется, просто поставить в качестве обложки простые фотографии, которые понравились. Можно сделать специальные тематические обложки. Взгляните, как они по-разному выглядят.
На мобильной версии видна полная квадратная обложка, в то время как на компьютерной срезается снизу и сверху. Немножко, конечно, но судите сами, эта часть может иметь важные объекты и текст.

Располагайте объекты, текст, лица так, чтобы не срезало. В данном случае, я уже знала о таком нюансе, поэтому создала оформление обложек с учётом всего этого, поэтому лица не срезаны, текст виден, всё выглядит культурно (*надеюсь, кхех).

5. Обложка для статьи/сниппета статьи

Решила, что необходимо затронуть и эту тему. Люди часто делятся своими мыслями через статьи. Но и обложку хочется иметь соответствующую, привлекательную, чтоб любимый подписчик не прошёл мимо тяжёлого труда автора.
Сама обложка имеет формат 510х286 пикселей. Можно и больше, главное, чтобы сам формат этого прямоугольника не нарушался. Также как и с обложкой для меню, у обложки статьи есть свои "рамки", в которые она умещается.
Когда вы уже выкладываете свою статью как отдельный пост в группе, обложка немного срезается в сниппет сверху и снизу - тоже учитывайте!! Объекты, текст, лица могут срезаться.

Размер сниппета 537х240 пикселей, но размер обложки составляет 510х286 пикселей.
Размер сниппета 537х240 пикселей, но размер обложки составляет 510х286 пикселей.

Подводим итоги!!

Размеры всех обложек:
Аватар - любой формат
Обложка (баннер) - 1920х768 пикселей
Обложка для меню - 376х256 пикселей
Обложка для альбомов с фотографиями - любой формат
Обложка для статьи/сниппета статьи - 510х286 / 537х240 пикселей

Спасибо за внимание! Надеюсь, что была вам полезна эта статья.
Заходите ко мне в гости в
мой дизайн-домик

-9