Длинные аватарки для вк. Правильные размеры для аватарки группы "вконтакте"

13.04.2019 Проблемы

Какой размер аватарки для группы вконтакте максимальный и минимальный в пикселях? Для того, чтобы сделать классную картинку в сообществе или в своем личном аккаунте в контакте — это нужно знать обязательно.
Если вас интересует размер горизонтальной авы (обложка), вам
Приветствую вас друзья на!
Почему я решил написать пост по теме оформления группы вконтакте?
Очень важно, чтобы ваша группа должна быть не только информативной, но и эстетически привлекательной.
Что это даст?
Есть у меня одно сообщество вк, красиво оформленная, ощущение, что народ подписывается на нее не только из за информации, но и потому, что им симпатично сообщество с точки зрения оформления.
Согласитесь, что большая, прямоугольная ава выглядит куда привлекательней, чем маленькая квадратная?
Кстати, информация ниже подойдет не только для групп вконтакте. инфа подойдет и для оформления своего личного аккаунта вконтакте.

Размер аватарки для группы вконтакте новый дизайн

Идеальный ава, также как, и оптимальная, стандартна, размер аватарки можно считать 200×500 в пикселях, где 200 — ширина, 500 — высота.
Если говорить про максимальную высоту и ширину, его просто нет.
Он измеряет пропорциями 2 к 5.
Где 2 — ее ширина, а 5 — высота для картинки или фотографии группы или личной страницы в контакте.


Согласитесь, такая ава смотрится куда привлекательней обычной квадратной?

Т.е. смотрите, допустим у вас квадратный размер ее в пикселях, 100×100, умножаем первую цифру на 2, вторую на 5.
В итоге получаем, все те же 200 на 500 пикселей.
Если вы не собираетесь делать ее на заказ, а будете искать в картинках яндекса или гугла, ищите размер 200 x 500, таких картинок там больше всего.
Другую ширину и высоту ее контакт просто обрежет.
Если все же решите поискать картинки или фотографии других пропорций, ниже я вам оставлю оптимальные размеры для групп вконтакте.
200 x 500, 300 x 750, 400 x 1000, 500 x 1250, 600 x 1500, 700 x 1750.

Больших размеров картинки будет найти проблемно).
Например 200 на 500 пикселей, картинок в интернете тьма.
700 на 1750 я нашел только 1-у).

На этом все, всем пока!

Секреты Вконтакте – это новый цикл публикаций блога, в которых я раскрою тонкости создания сообществ и групп социальной сети Вконтакте. Я покажу вам как технические так и организационные моменты. Вместе мы научимся создавать красивые и популярные сообщества в крупнейшей социальной сети рунета. Кстати, если у вас еще нет сообщества Вконтакте, смотрите это видео.

Сегодня я покажу, как создать красивый единый блок “Аватар+Меню”. Вы наверняка видели вот такие красиво оформленные группы, где меню и аватар представляют собой одну картинку.

Смотрится весьма красиво, не правда ли? Не смотря на кажущуюся сложность сделать такой блок в своей группе сможет каждый. При этом вам не нужно знание секретов Фотошопа . Я покажу, как сделать это в обычном графическом редакторе Paint , который есть на каждом компьютере.

Итак, нам понадобятся:

  • картинка, из которой мы сделаем аватарку группы и меню;
  • графический редактор Paint;
  • программка Rect, для измерения ширины и высоты меню.

Открываем редактор Paint и нашу заготовленную картинку. Картинка должна быть не более 799 px по высоте и не менее 600 px по ширине. Стрелкой №1 на скриншоте я указал место, где можно глянуть текущие размеры картинки. А стрелкой №2 – инструмент, которым можно эти размеры изменить.

Получив подходящие нам размеры картинки, вырезаем из нее аватарку. Для этого используем инструмент “Выделить” (стрелка №3). Выделяем область шириной 200 px (стрелка №4 показывает, где можно следить за шириной выделяемой области). Вырезаем эту часть картинки (стрелка №5).

Не закрывая текущий Paint, запускаем еще один. Вставляем в него нашу вырезанную часть картинки. Это и будет аватаркой нашей группы Вконтакте. Делаем на ней привлекательно-завлекательные надписи и сохраняем как изображение в формате PNG.

После этого аватар уже можно загрузить в нашу группу Вконтакте.

Теперь нам необходимо узнать точный размер блока меню. Для этого воспользуемся полезной и простой программкой для вебмастера Rect . Программа не требует установки, не создает и не модифицирует никакие файлы. >>> Скачать программку Rect <<<

Идем на страницу нашей группы и замеряем расстояние в пикселях от кромки поля с заголовком “Обсуждения” или “Опросы” (смотря что у вас будет идти первым после ссылки на меню группы) до нижнего края аватарки. Ширину и высоту программа Rect нам покажет посредине окошка. Кстати, ширина блока меню должны быть исключительно 388 пикселей.

Итак, нужная в данном случае высота – 295 пикселей. Кстати, советую вам заранее подготовить описание вашей группы, потому как от его объема будет зависеть высота блока меню.

Возвращаемся в Paint с оставшейся картинкой и вырезаем из правого нижнего угла блок меню размером 388*295 пикселей.

Вставляем вырезанную картинку в заранее открытый новый Paint и вписываем в нее текст ссылок меню. Как оформить текст, смотрите сами. Редактор позволяет вставлять различные фигуры и маркеры. Я же придерживаюсь мнения, что секрет хорошего дизайна – это минимализм, будь то Вконтакте или обычный сайт. По этой причине я использую обычный подчеркнутый текст. Именно такими мы привыкли видеть ссылки.

Теперь уже знакомыми нам инструментами “Выделить” и “Вырезать” выделяем и вырезаем каждый пункт меню. Вставляем картинку каждого пункта в новый Paint и сохраняем как изображение в формате PNG.

Итого, у нас должно получится 5 картинок, составляющие одно целое. Почему пять, если ссылок 4? Нижнюю часть я вырезал как отдельную картинку без ссылки. Эти картинки мы загружаем в отдельный альбом нашей группы Вконтакте . Они нам очень скоро понадобятся.

Переходим на главную страницу группы и жмем на ссылку “Редактировать” в строке меню. Она должна появиться там при наведении курсора мышки.

В редакторе меню включаем режим wiki-разметки. И вписываем туда следующие строки.



UPD: Внимание! Сейчас, чтобы все отображалось корректно, необходимо поменять местами тег nopadding и размеры картинки. Точку с запятой соответственно ставить после размеров картинки.

Каждая строка соответствует одной из составных картинок блока меню.

В коде я выделил:

  • розовым – id картинки. Где его взять? В адресной строке вашего браузера при просмотре картинки.
  • зеленым – размеры картинки и команда “nopadding”, которая показывает картинку без отступов.
  • желтым – ссылка на желаемую страницу группы.

Наличие такого меню, конечно же, не является причиной популярности сообщества. Но, на мой взгляд, делают страницу группы гораздо приятнее для участников и гостей. Кстати, если вы только начинаете свой путь администратора Вконтакте, вам будет полезна публикация Администратор социальных сетей .

Данное руководство не актуально для публичных страниц Вконтакте. Рекомендую воспользоваться этим мануалом для пабликов –

Размеры изображения в Вконтакте важно учитывать, потому что изображения меньше рекомендованного размера «растягиваются» и становятся нечеткими, а картинки большего размера могут сжиматься программным способом и терять в качестве по сравнению с оригиналом. Как итог если изображение отличается от рекомендованного размером, то она может обрезаться в неудачном месте.

В этой статье мы рассмотрим размеры изображений в новом дизайне Вконтакта 2016 года.

Ну а прежде чем мы перейдем к детальному рассмотрению тематики данной статьи хочется сказать пару слов и об эффективном продвижении групп и страниц Вконтакте. Раскрутка группы Вконтакте обусловлена привлечением целевой и активной аудитории. Заниматься привлечением самостоятельно порой бывает проблематично и крайне трудо затратно. Потому рекомендуем обратиться к профессионалам своего дела — . Пользуемся

Важные параметры изображений в Вконтакте (VK)

  • Аватар в сообществах — 200х300 px (200×500 px) в пропорции 2 к 5. Аватар на личной то странице — 200х500 как и ранее. Можно загружать изображения и большего размера – до 7000 px с каждой стороны. Главное, чтобы соотношение сторон не превышало 2 к 5.
  • Миниатюра аватара — круг диаметром 200 px. В настройках загрузки можно перемещать и изменять диаметр.
  • Новостное изображение баннера в группе: 510х271 px.

Чтобы картинка аватара или поста не искажалась, необходимо при сохранении в Ps выбрать ФАЙЛ>СОХРАНИТЬ ДЛЯ WEB> в открывшемся окне выбрать функцию sRGB. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите ошибку. Однако опыт SMMщиков говорит о том, что этот метод не дает отличного результата. Чтобы изображение не уменьшались (в гораздо меньшей степени) – делать их в 2-3 раза больше нужного размера.

В новом дизайне VK, ширина ленты новостей — фиксирована, поэтому изображение, прикрепляемое к посту, больше не растягивается. Поэтому, что бы изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не меньше 510 пикселей.

Изображения к постам со ссылкой

Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вставляется ссылка. Данные берутся из разметки Open Graph. Если Open Graph нету на сайте, заголовок и описание вытягиваются из Title и Description, а изображение – из страницы, его можно менять с помощью специальных стрелочек.

Изображение для Вики-страницы

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

Товары ВКонтакте

Размер изображений для товаров должны быть минимум - 400рх, максимум - 7000рх по одной из сторон, оптимальный же размер будет 1000рх на 1000рх, всего можно добавлять 4 фото к одному товару. Изображение «подборки» — 580рх на 320рх.

Из-за своего размера обложка позволяет добавляет больше возможностей при оформлении группы. Название, миниатюра (аватар), статус и главные кнопки остаются на тех же местах, но переместились ниже под обложку.


Что бы включить обложку для групп в вконтакте заходим в «Действия», что находится сразу под авкой группы, где выбираем «Управление», где есть пункт «Обложка Сообщества», нажимаем загрузка – готово. Рекомендуемый размер обложки составляет 795x200px, но стоит добавлять в размере 1590x400px для оптимального отображения на больших экранах.

Фотостатус, это минюатюры изображений, которые отображаются в основном альбоме. Их оптимальный размер — 123px на 123px. Для правильного их отображения в профили, загружайте их в основной альбом группы последовательно,по очереди, начиная с последней (правой), потому что последняя загруженная миниатюра становится самой левой.

Если вы являетесь зарегистрированным пользователем социальной сети ВКонтакте, то знаете, что аватару следует уделять достаточно много внимания. И если на своей личной странице пользователь может ставить любую картинку, то к подбору аватара для группы следует подходить со всей серьезностью. Дело в том, что это очень важный элемент, на который обращает внимание каждый гость. И если содержание картинки ему не понравится или оно его заденет каким-то образом, велика вероятность, что участником вашего сообщества данный юзер не станет и это может стать проблемой при . Следовательно, аватар способен непосредственно влиять на популярность вашей группы. Именно об этом, а также о других важных нюансах, скажем, относительно того, какой должен быть размер аватарки для группы вконтакте, я и расскажу в данном материале.

Как выбрать аватар

К вопросу о том, какого размера должен быть аватар для группы в соцсети ВК, я еще вернусь, сначала мне хотелось бы сказать пару слов о том, чем нужно руководствоваться, выбирая «правильную» картинку. Многие пользователи пренебрегают правилами, в итоге их сообщества не пользуются популярностью, но вряд ли кто-то задумывается, что причина кроется в изображении сообщества. А ведь юзеру, зашедшему сюда впервые, достаточно нескольких секунд, чтобы решить, хочет он здесь остаться или нет, поэтому крайне важно создать правильный образ для группы. Вот несколько правил, которые помогут вам в этом неоднозначном вопросе:

  1. Не имеет смысла ставить на аватар свой логотип. В большинстве случаев это актуально лишь для раскрученных, общеизвестных брендов. Вполне приемлемым является вариант, когда лого – составная часть авки: это добавит солидности.
  2. Еще один хитрый трюк: лучше, когда на картинке сообщества показан человек, который отожествляет собой целевую аудиторию ресурса. То есть, чтобы каждый потенциальный участник, попадая сюда, видел на аватарке себя. Тогда его однозначно захочется здесь задержаться.
  3. И еще один момент заключается в том, чтобы авка включала в себя также и интересы целевой аудитории. Опять-таки, для ее привлечения.

Размеры аватарки

Теперь относительно того, какими должны быть размеры аватарки в группе. Так, ширина картинки не должна превышать 200 пикселей, а высота – 500 пикселей.

Со своей стороны могу посоветовать загружать изображение, приближенное к максимальным показателям, ведь нужно использовать все доступные возможности. вы сможете при помощи Фотошопа. Бывает, заходишь в сообщество, а там картинка очень маленькая и невзрачная, сразу создается впечатление, что группой никто не занимается.

Как видите, аватарка, хоть и не очень большой элемент сообщества в ВК, но достаточно весомый. Поэтому выбору соответствующей картинки важно уделять должное внимание.

Из понравившейся фотографии, приходится в первую очередь уменьшать ее размер. Сделать это можно несколькими способами.

В первую очередь можно воспользоваться любой графической программой, начиная от стандартных приложений операционной системы Windows и заканчивая такими «тяжеловесами» дизайна как Adobe Photoshop. Не очень опытному пользователю проще всего будет использовать стандартную программу Paint.NET, входящую в комплектацию Windows.

Чтобы открыть эту программу, пройдите следующий путь: «ПУСК»-«Стандартные»- «Paint.NET». В главном меню программы выберите путь «Файл»-«Открыть» и в выпавшем окне выберите нужный вам файл с изображением. После того как графический файл загрузится, вы сможете работать с изображением.

Чтобы уменьшить или выберите пункт «Изменить размер». В открывшемся окошке найдите строчку «Размер » и под ней два маленьких поля для вставки нужных величин. Выберите желаемый размер. По умолчанию для аватарки это 100х100 пикселей. Нажмите кнопку «Ок» и следуйте подсказкам программы, чтобы сохранить измененное изображение.

Если самостоятельная работа с графической программой кажется все же слишком сложной, можно воспользоваться одним из онлайновых сервисов для создания аватарок. Зайдите на сайт http://resize.allavatars.ru/ и нажмите кнопку «Обзор» рядом с пустым полем. Откроется стандартное окно Windows, отражающее каталоги и файлы на вашем . Выберите нужный файл и нажмите «Ок». В нижнем поле выберите желаемый размер вместо произвольного, нажмите кнопку «Далее» и следуйте подробным инструкциям системы В результате вы получите готовый нужного вам размера и вида.

Полезный совет

При изменении размера изображения в программе Paint.NET нет необходимости вводить одновременно требуемые размеры длины и ширины картинки. Введите только требующееся значение по наибольшей стороне (к примеру "ширина - 100px"), остальные значения программа рассчитает сама, подгоняя соответствующие пропорции изображения.

Источники:

  • Создание аватарок онлайн

Предположим, вы нашли аватар, который в полной мере отражает суть вашей противоречивой натуры, но встретились с небольшим препятствием – он оказался слишком маленьких габаритов. И если искать более крупную версию желание отсутствует, можно решить эту проблему при помощи Adobe Photoshop.

Вам понадобится

  • - Adobe Photoshop

Инструкция

Запустите программу Adobe Photoshop и откройте в ней аватар: нажмите пункт меню «Файл» (File) > «Открыть» (Open) или щелкните по горячим клавишам Ctrl+O. В следующем окне выберите файл и нажмите ОК. Картинка появится в рабочей области программы.

Вызовите окно «Размер изображения» (Image size). Сделать это можно разными способами. Первый – кликните пункт меню «Изображение» (Image) > «Размер изображения» (Image size). Второй – нажмите комбинацию клавиш Ctrl+Alt+I. В появившемся меню вас должна интересовать секция «Размерность» (Pixel dimensions), а конкретно то, что в ней находится, т.е. пункты «Ширина» (Width) и «Высота» (Height). На данный момент в них указаны параметры открытого документа, т.е. аватара.

Обратите внимание на нижнюю часть окна, там находятся как минимум два интересующих вас пункта. Первый – «Сохранить пропорции» (Constrain proportions), если возле него пункта стоит галочка, то изображение не потеряет соразмерность ни при каких обстоятельствах. О том, что активирован этот пункт, будет значить также наличие эмблемы в виде квадратной скобочки и цепочки справа от полей «Ширина» и «Высота». Второй – «Интерполяция» (Resample image), поставьте возле него галочку, а в выпадающем меню, которое находится ниже, выберите «Бикубическая, глаже (наилучшая для увеличения)» (Bicubic smoother (best for enlargement)).

Установите в полях «Ширина» и «Высота» необходимые величины и нажмите ОК. Изображение увеличится. Чтобы сохранить результат, щелкните пункт меню «Файл» (File) > «Сохранить как» (Save as) или кликните комбинацию клавиш Ctrl+Shift+S. В новом окне укажите путь для увеличенного аватара, его имя, необходимый формат и нажмите «Сохранить».

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

Инструкция

Обратите внимание

Необходимо помнить, что у каждой картинки есть свой законный правообладатель. Спрашивайте разрешение на использование чужих картинок. Или выбирайте бесплатные аватары.

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

Инструкция

Для изменения размера с помощью первого варианта воспользуйтесь одной из программ для редактирования изображений. Это могут быть стандартные для Windows приложения MS Paint и «Диспетчер рисунков Microsoft Office». Чтобы запустить первую программу, выберите «Пуск» –> «Все программы» –> «Стандартные» –> Paint. Для второй – «Пуск» –> «Все программы» –> Microsoft Office –> «Средства Microsoft Office» –> «Диспетчер рисунков Microsoft Office». Также вы можете воспользоваться любым другим удобным для вас приложением.

Откройте необходимое изображение в программе. С помощью меню редактирования выберите пункт изменения размера. Укажите желаемые значения ширины и высоты, после чего сохраните изменения, выбрав «Файл» –> «Сохранить». Поступите таким же образом с остальными изображениями.

Однако такой способ неудобен тогда, когда требуется изменить размер большого числа фотографий. Для этого потребуется одна из программ для массового редактирования изображений. В качестве примера может выступать Fotosizer, бесплатное приложение, загрузить которое можно на официальном сайте http://www.fotosizer.com.

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

После этого кликните внизу окна программы по кнопке «Добавить папку», если требуется изменить размер всех фотографий, находящихся в определенной папке, или «Добавить изображение», если требуется изменить размер конкретных фотографий. Нажмите кнопку «Старт» и дождитесь окончания процесса.

Измененные фотографии будут сохранены в указанной в настройках программы папке. Прочие приложения для массового редактирования изображений работают по аналогичному принципу. В качестве примеров могут выступать Batch Picture Resizer, Light Image Resizer и т.п.

Обратите внимание

Как изменить размер фотографий. Интерфейс AnyPic Image Resizer на английском языке, но это не вызовет трудностей, т.к. он интуитивно понятен и, что бы вы могли быстрее разобраться, я расписал основные шаги. Загрузим необходимые фотографии в редактор, путем выбора папки в которой хранятся исходники. Путь следующий - File >Add folder > выбираете папку с фотографиями.

Полезный совет

Перед тем, как уменьшить размер фотографии, Вы должны выяснить параметры картинок, которые можно вставить на вашу страничку. Если вы просто хотите изменить фотографии, определитесь с выходными параметрами. Хотя какая-то минимальная обработка фотографии возможна. Программа Paint вполне подойдет, чтобы изменить размер фотографии. Будем уменьшать количество пикселей, за счет чего удастся и уменьшить объем фото.

Источники:

  • как изменит размер фотографии в фотошопе