Онлайн-конструктор обложек для ВК
Хотите красиво оформить страничку вашей группы или сообщества Вконтакте? Создать шапку, баннер, рекламный пост или публикацию? А может заставку для фотоальбома, видео или анимированную обложку? Вам больше не нужен фотошоп и сложные программы для дизайна. Сделайте все это на онлайн-конструкторе Wilda. Вам помогут готовые шаблоны и примеры на различные темы. Загрузите в редактор собственные изображения, добавьте тексты и выберите шрифты.
Шаблоны обложек для ВК
Если вы не нашли образец нужной вам тематики, то выберите любой шаблон, подходящий вам по структуре, и
просто замените фото и тексты на собственные. Или создайте документ с нуля.
Вы сможете выбрать формат документа из списка или указать собственный размер в мм или px.
Как создать обложку для группы, поста, баннера на онлайн-конструкторе Wilda
При активном использовании интернета часто возникает потребность обрезать фото, картинку онлайн. Например, вам нужна подходящая аватарка из вашей фотографии или картинки.
Многие анкеты также требуют добавления фотографий определенного размера. Часто большие фотографии долго загружаются или совсем не загружаются в Одноклассниках, Вконтакте или других соцсетях. Отправить их по е-мейл также проблематично.
Иногда обрезать фото без фотошопа онлайн необходимо для печати фотографии, если при фотосъемке смещен центр. Лишние предметы и пространство по краям снимка также легко убираются с помощью сервиса кадрировать фото, картинку онлайн. Вы сами редактируете фотографии и отправляете их на печать или приносите готовые файлы в центр печати фотографий. Больше не нужно объяснять сотрудникам центра печати, что именно нужно вырезать на фотографии и на каком именно кадре. Самое простое – это обрезать фото онлайн и принести для печати готовые файлы.
Основное преимущество данной программы – ее не нужно устанавливать на компьютер и занимать свободную память. Программа на русском языке и позволяет в два шага обрезать фото онлайн. Редактировать можно картинки любого формата – jpg или gif.
Для этого, нажмите кнопку «Обзор».
Выберите нужный вам файл с картинкой или фотографией. После этого нажмите «Загрузить». Все, картинка готова для редактирования.
Наведите на нее курсор, на картинке появится плавающий крестик. Нажав левую кнопку мышки, выделяйте нужный вам для обрезки фрагмент фотографии. Теперь вы можете обрезать фото онлайн, выделив рамочкой нужный вам фрагмент.
Очень удобно, что рамка фиксируется автоматически, и вы можете передвигать ее или увеличивать одну из границ, независимо от остальных. Внизу вы сразу увидите размеры фотографии или картинки, а также координаты вырезанного фрагмента.
После обрезки вы получаете ссылку на скачивание новой обрезанной картинки и можете выбрать место для ее сохранения.
Отзывы
Чтобы хорошо выглядели, вызывали интерес и доверие.
vlada_maestro / shutterstock
Коммерческий редактор, SMM-специалист и консультант по продвижению бизнеса в digital-среде. Пишет об интернет-маркетинге и управлении.
Оформление соцсетей начинается с релевантных и качественных картинок правильного формата.
- Во все соцсети желательно загружать картинки рекомендованных размеров. Почему? Если этого не делать, они могут терять качество при сжатии или растягивании, обрезаться в случайных местах или просто не загружаться.
- Внешний вид картинок стоит проверять и на компьютере, и на смартфоне — часто они отличаются по размеру. Особенно это касается декоративных изображений — фото профиля, обложки страницы или мероприятия.
- Почти везде хорошо будет отображаться изображение шириной 1000 — 1200 px в формате PNG или JPG.
Разберём размеры и правила подбора изображений для каждой социальной сети.
Размер миниатюры аватара — 200×200 px, а полная версия может достигать в высоту до 500 px.
Размеры миниатюры и полной версии аватара VK
Максимальная область картинки, которая видна на странице сообщества, — 200×500 px. Можно загрузить фотографию и большего размера, но она будет полностью отображаться только при клике на аватар.
Обложка сообщества для полной версии сайта — 1590×400 рх.
Так выглядит обложка группы, когда открыта полная версия сайта
Однако в мобильной версии обложка обрезается по краям и отображается только часть — 1196×400 рх. Поэтому старайтесь самую важную информацию размещать по центру.
Ещё «ВКонтакте» позволяет сделать «живую» обложку — до пяти фотографий или видео, которые переключаются автоматически. Это формат только для мобильного приложения, на десктопе всегда отображается статическая обложка.
Рекомендуем загружать туда видео или изображения в разрешении 1080×1920 (такой же формат в «историях»). При других пропорциях «ВКонтакте» автоматически обрежет картинку.
При загрузке изображений для «живой» обложки соцсеть отображает миниатюру в очень плохом качестве, но не волнуйтесь, на странице картинка будет выглядеть прилично.
Плохое качество во время предпросмотра — нормально
В мобильной версии такая обложка будет отображаться частично (центральная часть картинки), а при нажатии — откроется на весь экран.
Частичное vs. полное отображение «живой» обложки
Обложка может быть декоративной или нести идею. В каждом её изображении можно доносить своё сообщение: например, рассказывать об акции, сообщать о мероприятии или просто добавлять информацию о своём проекте.
При создании обложки учитывайте элементы интерфейса мобильного телефона и не ставьте важные подписи в самом верху и низу изображения — их перекроют элементы интерфейса VK.
Минимальный размер квадратного изображения для публикации — 510×510 рх. Для прямоугольного изображения рекомендованное соотношение сторон — 3:2.
Квадратное и прямоугольное изображения для публикации «ВКонтакте»
Чтобы изображение не теряло качество, лучше загружать снимки до 1000 px по любой из сторон и перед загрузкой чуть увеличивать их резкость. И при загрузке вместо нажатия на строчку «Добавить новые фотографии» перетаскивайте снимок прямо из папки компьютера (такие советы даёт сам «ВКонтакте»).
Размер обложки для статьи — 510×286 рх.
Так выглядит обложка статьи во «ВКонтакте»
Обложку для статьи лучше делать без надписей — «ВКонтакте» добавит на картинку заголовок и имя автора. Размещая текст, учитывайте, что заголовок и кнопка «Читать» закроют часть изображения.
Размер обложки сниппета для внешней ссылки — 537×240 рх.
Это сниппет с картинкой подходящего размера
Если вам не нравится картинка, которая автоматически подгружается, когда вы делитесь ссылкой, — просто поменяйте сниппет.
Размер фото для «истории» — 1080×1920 рх.
Пример фото в «истории» «ВКонтакте»
Как и в случае с «живой» обложкой, учитывайте элементы интерфейса мобильного телефона — не помещайте важные детали слишком высоко или низко.
В профиле можно поставить лого, портрет или изображение вашего продукта.
Размер аватара в профиле — 110×110 px.
Вот что бывает, если загрузить картинку без фона
Тогда на главном экране профиля превью будут полностью совпадать с реальными картинками. Идеальный размер поста — 1080×1080 px.
Пост с картинкой идеального размера
Если всё же вы загружаете прямоугольные портретные фотографии, выбирайте разрешение 1080×1350 px или сохраняйте соотношение 4:5.
Рекомендованный размер «историй» — 1080×1920 рх.
«История» с загруженной картинкой рекомендованного размера
Размер фото профиля — 180×180 px. Фото имеет круглую форму — проследите, чтобы важные части картинки не обрезались по углам.
Размер обложки — 820×312 px. Можно загружать картинку и больше, но в том же соотношении. Например, 2050×780 px.
Картинки для профиля и обложки «Фейсбук*»*
Учитывайте, что на смартфоне видимая часть обложки — 640×360 px. Картинка обрезается по краям, поэтому важную информацию лучше ставить по центру.
Как и во «ВКонтакте», важную информацию лучше размещать в центре обложкиСкриншот: «Фейсбук*»*
Бренды также могут установить обложку в формате видео и слайдера тех же размеров.
Размер обложки события — 1920×1000 px.
Вот обложка для события в «Фейсбук*»*
Если поделиться событием в ленте, соотношение сторон картинки сохранится, всё будет выглядеть так же, как и в самом мероприятии:
Так выглядит картинка, если поделиться мероприятием в лентеСкриншот: «Фейсбук*»*
Рекомендованный размер картинки для поста — 1200×630 px.
Изображение в посте «Фейсбук*»*
Размер аватара группы или личного профиля — 288×288px.
Размер обложки — 1944×600 px.
Обложка и аватар группы в «Одноклассниках» (в отличие от других соцсетей, он квадратный)
В мобильной версии обложка обрезается по краям — на 482 px с каждой стороны, а в центре на картинку «наезжает» логотип. Самые важные элементы стоит размещать в центре сверху. Например, здесь лого наехало на картинку, выглядит так себе:
В «Одноклассниках» другие правила — важные элементы должны быть сверху, но тоже в центре
Для поста подойдет картинка 780×585 px.
Так выглядит картинка в посте OK
Размер фото профиля — 400×400 px. Фото отображается в форме круга.
Размер обложки — 1500×500 px.
Размер картинки поста — 1024×512 px.
Подытожим. Главные размеры картинок по всем соцсетям — в таблице:
Если вы не владеете Photoshop, то вот несколько идей, чем его заменить:
В процессе работы с Social Media Image в Figma
У Figma есть бесплатная версия, и работе с этим приложением легко научиться. Часто его используют для UX/UI-дизайна, но Figma подойдёт и для создания картинок. (Про возможности и принципы работы мы писали в статье «Что такое Figma». — Ред.)
Social Media Image — плагин, который содержит шаблоны с правильными размерами картинок для соцсетей. Вы создаете полотно и перетаскиваете на него картинки и текст, обрабатываете детали.
Canva содержит много готовых шаблонов и элементов, встроены и размеры картинок для соцсетей. В поисковой строке достаточно напечатать название соцсети, и приложение предложит формат.
Примеры шаблонов Canva для социальных сетей
Canva позволяет и дорабатывать готовые шаблоны, и создавать дизайн с нуля. В приложении большой выбор шрифтов, деталей без заднего фона, фотографий из личного фотостока. У Canva множество функций даже в бесплатной версии. Альтернатива приложению Canva — Crello.
Советую использовать это приложение в сочетании с любым из онлайн-редакторов. ИИ стирает фон у фотографий или картинок, оставляя только первый план. Пригодится, если нужно удалить фон за логотипом или вырезать отдельный предмет с фотографии.
Работает просто: загружаете нужную картинку, программа удаляет фон и выдаёт новый документ для скачивания.
Удаляем фон в пару кликов
А если хотите научиться более сложным и крутым вещам — не только созданию, но и продвижению контента, аналитике эффективности SMM, настройке рекламы и др., — приходите на двухлетний курс «Профессия SMM-специалист».
Учись бесплатно: вебинары по программированию, маркетингу и дизайну.
Научитесь: Профессия SMM-специалист
Можно пойти по самому простому пути в подборе программы, которая стоит на любом компьютере — Paint.
Но это самый сложный и нудный путь, так как требует много действий, которые ещё придётся производить на глаз, чтобы попасть в размер.
Вот как это делается:
1) есть некая фотография:
Её родной размер — 561х199
Её нужно подвести под размер 1590×400
2) Самый быстрый вариант, это открыть её в Paint, потом нажать на «Изменить размер», в том окне, что выскочило перейти на «Пиксели», убрать галочку, которая стоит в пункте «Сохранить пропорции» и в тех окошках, которые регулируют размер заносим нам необходимый:
Но в этом случае фото растянется и изображение будет нарушено, если вас это устраивает, тогда сохраняем файл и грузим его в ВК.
3) Если надо сохранить пропорции, тогда делаем вот что:
проходим по схеме — открыть её в Paint, потом нажать на «Изменить размер», в том окне, что выскочило перейти на «Пиксели», выбираем размер по вертикали или горизонтали так, чтобы один из них был более необходимого, у меня получилось 1590х564:
Сохраняем и смотрим с какой стороны надо обрезать, если по вертикале, тогда отрезаете лишнее и подгоняете курсором до необходимого. Это долго, так как постоянно надо смотреть в «Изменить размер» сколько стало.
Если же надо вырезать по горизонтали, тогда курсором увеличиваем размер фото, чтобы там было пустое место, идём обратно в «Изменить размер» и подгоняем его по вертикале до нужного, чтобы горизонталь была больше нужного:
Остаётся курсором подогнать размер по горизонтали и сохранить файл.