Каким должен быть сам аватар?

Аватар желательно использовать в размере 250 на 250 пикселей, размер больше — приветствуется. Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вы вставляете в него ссылку. Шапка должна быть 851х314px, но можно взять размер побольше, сохранив пропорции. Я имею ввиду пропорци 2/5, и неважно какой размер будет в пикселях, вы же вроде о том же говорите (200/500).

Пиксель плывет,когда арт ужимается.Соответсвенно если хотите четкую картинку с реальной резкостью,делайте ее в 100 процов! Максимальный размер аватарки группы VK наглядно представлен на аватаре нашей группы vk.com/vkrazmer. Например, будет картинка 401/1000, так вот сжать у вас получится только на этот 1 пиксель и наоборот по высоте. Как я к этому пришел: просто взял картинку с известными мне размерами (ну допустим квадратную). Просто для тех кто ценит детализацию и качество, нужно брать соответствующий исходник.

Каким должен быть сам аватар?

Размер частей 77/604, 77/604, 77/604, 77/604 и последняя часть мозаики 75/604 пикселя ( при нарезке на равные части, последняя часть деформируется). Открываете последнюю часть картинки в редакторе (обязательно последнюю) и уменьшаете на 2 пикселя по ширине до 75 на 604. Вставляете все 5 частей и радуетесь!!! Аватарка длинней или может прикрепленная картинка слишком мала. Скажите, какое количество символов и какой размер картинки оптимален чтоб она уравнялась с аватаркой.

Размер аватарки может быть любой. Единственное важное условие – это пропорции 2/5, где 2 – ширина, а 5 – высота аватарки. Это максимальное соотношение, то есть все остальное встроенный редактор Вконтакте просто обрежет. Если в пропорциях понять сложно, вот таблица с размерами. Чем больше пикселей, тем более детализированно будет выглядеть ваша аватарка.

Методом проб и ошибок мы подобрали оптимальные размеры аватаров и собрали все нюансы в одну статью. Это будет «памяткой» нашим дизайнерам и нашим читателям. Аватар должен быть минимум 180 на 180 пикселей, но настоятельно рекомендуется загружать в максимально доступном разрешении.

Тут все очень просто — вертикальный логотип вашей группы должен быть шириной 200 пикселей, а максимальная высота 500 пикселей. Весь текст должен быть размещен по центру картинки, так как зачастую изображение не сжимается, а вырезается центральная область. Будем благодарны за репост в ваш аккаунт любой социальной сети ссылки на статью! Аватар – 180х180px, но можно загрузить и более высокое разрешение.

Минимальное разрешение — 480х270px, но будьте готовы, что на высоком разрешении изображение будет размываться, так как G+ «растягивает» его. Берите максимально доступный размер.

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

Аватарка В Контакте является одним из главных элементов любого сообщества (группы, публичной страницы) и профиля (про него не говорим, поэтому на нем останавливаться не будем). Первое, что стоит учитывать при создании аватарки для сообщества, так это разрешения монитора. В феврале 2012 года случилось эпичное событие: разрешение 1024*768перестало быть самым популярным.

И так, минимум панель задач в Вннде 7 сжирает 40 пикселей. Самый популярный браузер в мире — Google Chrome. Кроме вкладок и адресной строки, которые никуда не денешь, у многих пользователей могут быть открыты закладки. Значит получаем 728 — 61(91) = 667(637) , а это уже меньше максимально допустимой высоты аватарки в 700 пикселей. 40 пикселей кушает верхняя навигационная панель ВК. Еще 29 пикселей прямоугольник(«тип»), на которой написан тип сообщества и 10 пикселей отступ от «типа» до заветной аватарки.

Простое меню в один столбец

Любой специалист по юзабилити скажет вам, что важные элементы должны быть на первом экране. А это значит, что она уменьшит высоту нашей «идеальной» аватарки. Они тоже отнимают какое-то пространство по высоте, и я бы накидывал к полученным выше значениям высоты аватарки для группы и публичной странице по 50px … то есть отнимал!

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

Картинка и аватар одним изображением

Как это сделать? Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.

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

Допустим, у нас есть изображение квадратной формы со сторонами 510 пикселей. Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно рассмотрят ваше изображение, просто во втором случае им будет немного комфортней.

Оформление группы «Вконтакте»: самое подробное руководство в рунете

Если Open Graph не прописан, заголовок и описание берутся из метатегов Title и Description, а изображение – из статьи. Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей.

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

Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «Вконтакте» была красивой, аккуратной и удобной в использовании. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. В ней четко прописаны максимальные ширина и высота аватарки в пикселях. Главное, чтобы эти картинки были одинаковыми и не превышали обозначенный мной выше размер.