Картинки на группу, Картинки для группы - 80 фото
Поздравления с днем рождения статистику фото. А строчки повторяются: код картинки, ссылка, размеры. Хоть на первый взгляд это кажется очень сложным, немного разобравшись, вы убедитесь, что никаких специальных навыков не потребуется. Одна из самых безобидных шуток Как открыть режим кода Режим кода при создании и редактировании вики-страниц используется чаще всего.
Поздравления с днем рождения снабженцу фото. Поздравления с днем рождения священнослужителю фото. Поздравления с днем рождения исследователю фото. Поздравления с днем рождения спортивному тренеру фото.
Поздравления с днем рождения звукорежиссеру фото. Поздравления с днем рождения связисту фото. Поздравления с днем рождения печнику фото. Поздравления с днем рождения судебному приставу фото. Поздравления с днем рождения экскаваторщику фото. Поздравления с днем рождения корреспонденту фото.
Поздравления с днем рождения бондарю фото. Поздравления с днем рождения иллюзионисту фото. Поздравления с днем рождения татуировщику фото. Поздравления с днем рождения воину фото. Поздравления с днем рождения нефтянику фото. Поздравления с днем рождения токарю фото. Поздравления с днем рождения кладовщику фото. Аватар сообщества - это еще один важный элемент оформления группы Вконтакте. Он оказывает влияние на привлечение пользователей из поиска по группам, из блока «Интересные страницы» других пользователей, рекомендаций.
Рассмотрим основные критерии эффективного аватара. Очень странные аватарки. Некоторые сообщества развлекательного характера делают это специально, чтобы человек зашел посмотреть, что же там такое. Если есть возможность, то лучше не используйте стоковые, заезженные картинки. Такие аватарки снижают доверие пользователей. Не совсем корректный пример На фоне ярких аватарок бледная выделяется, но в ленте пользователя такая миниатюра останется незамеченной.
Хороший способ выделится - использовать стиль минимализм. Отсутствие текста, цвета, простые формы выделят вас на фоне кричащих конкурентов. Если вам нужно привлечь внимание к своей группе, подключите эмпатию. Подумайте, что вас самих заставляет переходить в группу? Как вы выбираете, на что кликать, а на что нет? Вот, например, один из довольно старых приемов - красный огонек, имитирующий новое сообщение.
До сих пор вызывает желание перейти по ссылке. Некоторые рефлексы сильнее разума. Но если хорошо подумать, можно подобрать оптимальный вариант именно для вашей ниши и аудитории. Вот, например, стильный и оригинальный вариант:. Черный круг вместо миниатюры на первом месте и черный круг внутри белого на втором. Однозначно вызывает интерес.
Хоть миниатюра и не отличается крупными размерами, ее можно использовать для информирования о самых главных преимуществах компании. Рассмотрим популярные варианты. Часто компании с бесплатной доставкой добавляют эту информацию в название группы через от названия самой организации.
Держите в голове вашу цель и портрет ЦА, а вдохновение придет во время работы над оформление группы. Сам аватар играет еще большую роль, чем миниатюра. От его качества зависит впечатление клиента о вас, как о компании, которой стоит или не стоит доверять свои деньги. Собрали шесть основных правил по дизайну аватара.
Аватар и меню группы Аудиокниги. Аватар и меню в едином стиле, группа Лучшее. Окончательное решение о размещении тех или иных элементах на аватаре следует принимать исходя из специфики бизнеса, ниши и аудитории. Собрали список элементов, встречающихся чаще всего. Пишите все, что считаете важным для покупателей. Но не забывайте оставлять свободное пространство.
Чтобы сделать аватар и меню из одного изображения, рекомендуем использовать Photoshop или аналогичную программу для обработки фото.
Всего 9 шагов. Придумать фирменную фишку для оформления постов в ВК не так просто, как кажется на первый взгляд. Нужно учесть и эстетическую составляющую, и функциональную, и продающую. Чтобы найти свой стиль, рекомендуем посмотреть, что делают другие. Собрали немного примеров для вдохновения. Нетология оформляет посты в едином стиле. Оригинальные посты компании Knorr. Пример сочетание эстетики и функциональность в группе Факт дня.
Три разных, но перекликающихся типа постов в группе Интернет-маркетинг от А до Я. Оформлять картинки каждый раз по-новому было бы слишком трудозатратно. Поэтому обычно используют шаблона, в которых легко заменить текст, изображение, поменять цвета. Создать такие шаблону не сложно, потому как все известные стили базируются всего на семи приемах. Пример из паблика Почему я этого не знал? Тот же прием в группе Цитаты и статусы. Осветление фона в Adme. Осветление от Павла Деева. Надпись размещается на отдельной однотонной фигуре круг, полоска, треугольник контрастной по отношению к цвету текста.
Brain Academy , хамелеон и синяя полоса. Мудрость от Adme. Бизнес цитаты. Правильное образование. Изображение немного размывается с помощью инструмента «Расфокусировка», а текст остается в фокусе и выглядит более четко. На некоторых картинках есть будто специально отведенное место для текста.
Подбирайте такие иллюстрации для мотивационных постов. Пинтерест Милы Корниенко. Хорошо сказано. Простые мудрости. Так вы не только повысите узнаваемость торговой марки, но и обезопасите контент от использования конкурентами.
Постарайтесь гармонично вписать логотип в изображение.
Вбивайте ключевое слово на английском и смело используйте любое изображение. Авторы не против. Если не нашли подходящее, попробуйте поискать в Гугл или Яндекс. Выставите фильтр по размеру, цвету. Но обязательно проверяйте тип лицензии, чтобы не нарушить авторские права. Не всегда нужны навыки профессионального дизайнера. Сейчас есть множество сервисов с готовыми шаблонами, крутыми шрифтами и иконками. С их помощью вы сможете самостоятельно создавать оригинальные изображения к постам Вконтакте.
Выбираем соцсеть для которой будем делать картинку: Инстаграм — квадраты, Фейсбук — прямоугольники. Кликаем, открывается окно с шаблонами. В левой части экрана выбираем самый подходящий вариант. Не все шаблоны бесплатны, но выбрать есть из чего. Готовое изображение сохраняем на компьютер: нажимаем на значок дискеты - выбирает формат - готово. Один из наших любимых сервисов. Можно выбрать изображение под соцсети или задать собственный размер, что позволяет создавать здесь не только картинки к постам, но и обложки, аватарки, шапки.
Чтобы добавить свою картинку, переходим во вкладку Uploads, загружаем с компьютера. Меняем текст, шрифты, размеры, добавляем лого, иконки, фигуры, полоски. Когда вы создаете запись со ссылкой например, публикуете анонс своей новой статьи из блога , у вас есть два возможных варианта действия: первый — использовать встроенное изображение из сниппета, и второй — прикрепить отдельную картинку.
Чтобы было понятней, покажу на примере. Главное отличие в том, что картинка из сниппета меньше по размеру, но зато кликабельна. Загруженная картинка будет больше, но при клике будет открываться изображение, а не ссылка. Если загрузить свою картинку с компьютера, то придется прописывать ссылку в тексте поста.
А в случае со встроенным изображением ссылку вставлять не нужно. Кроме того, встроенная картинка не очень хорошо выглядит на экране смартфонов. Сравним на примерах. Если ваша аудитория предпочитает мобильные устройства, выбирайте загружаемые картинки. Если десктопные — используйте встроенные. В случае с вики-страницами вариант только один: загружаемое отдельно изображение. Оно становится кликабельным автоматически.
Пример со страницы Интернет-маркетинг от А до Я. Вики-разметка, с одной стороны, самый сложный инструмент оформления групп Вконтакте, а с другой, самый увлекательный и интересный.
Рассмотрим определение, которое дает сама соцсеть вики-разметке. Вики-разметка - это язык разметки, который используется для оформления текста на веб-сайтах как правило, относящихся к классу wiki-проектов и позволяет упростить доступ к возможностям языка HTML. На нашем сайте wiki-страницы — хорошая альтернатива обычным записям и текстовой навигации. Вики-разметка позволяет публиковать объемные статьи с качественной версткой: заголовками, выделением текста жирным шрифтом, курсивом, подчеркиванием, фотографиями.
Также разметка позволяет создавать удобные, красочные навигационные меню. У социальной сети Вконтакте есть собственный HTML-редактор, позволяющий пользоваться возможностями вики-разметки. Если вы когда-то меняли ссылку группы на более читаемую, то нужно зайти в группу, нажать «Записи сообщества» и посмотреть на ссылку в адресной строке браузера. Более простой способ — установить приложение « Узнать ID ». Найдите его в каталоге приложений и добавьте в левое меню для быстрого доступа.
Чтобы не попасть в неприятную ситуацию, нужно ограничить права доступа к редактированию страницы. В левом нижнем углу каждой вики-страницы есть кнопка «Доступ к странице». Стандартно просмотр доступен всем пользователям, а редактирование только администраторам сообщества.
Несмотря на такие настройки по умолчанию, иногда случаются неприятные казусы и все пользователи получают доступ к редактированию. В том числе и конкуренты и шутники. Однажды такую оплошность допустили сотрудники МТС, а пользователи не смогли не воспользоваться таким шансом. Режим кода при создании и редактировании вики-страниц используется чаще всего. Форматировать текст проще в визуальном режиме.
Выглядит как любой другой текстовый редактор. Но есть ограничение - нельзя менять размер шрифта. Что выделить заголовки или важную информацию, используйте теги H1, H2, H3 и курсивное выделение.
Если нужно больше вариантов форматирования текста, то перейдите в режим кода и используйте специальные теги. Подробный список тегов можно посмотреть в официальном руководстве. Ссылки, ведущие на внешние сайты, открываются в новом окне, а вот ссылки на страницы Вконтакте - в этом же.
Что не всегда удобно для пользователей. Чтобы ссылка на вики-странице открывалась в новом окне, нужно использовать ее короткий вариант. Перейдите в « Сокращатель ссылок Вконтакте ». Вставьте нужную ссылку в окошко, скопируйте короткий вариант и добавьте его на вики-страницу.
Проще добавлять изображения в режиме кода. Потому что визуальным режим не всегда корректно работает, растягивает, центрирует картинки по своему желанию. Перейдите в режим кода, нажмите на иконку фотоаппарата, выберите нужное изображение на компьютере. После загрузки вы сможете отредактировать размеры фотографии. Загрузить видео с компьютера сразу на вики-страницу не получится. Сначало его нужно добавить в свои видеозаписи, а лишь затем на страницу. Сделать видео больше нельзя, такой функции почему-то не предусмотрено.
Но можно немного схитрить. Сделать скриншот первого кадра видео такого размера, какой вам нужен. Затем добавить по центру изображения иконку «Play», добавить изображение на вики-страницу и прописать ссылку на видео. Чтобы добавить ссылку, которая будет открывать по клику на картинку, нужно перейти в режим кода, загрузить фотографию и немного отредактировать код:. Создать красивое меню под силу каждому, кто умеет читать. Хоть на первый взгляд это кажется очень сложным, немного разобравшись, вы убедитесь, что никаких специальных навыков не потребуется.
Чтобы сделать крутое меню понадобится желание разобраться, несколько свободных часов и немного информации. Начнем с информации. Перед тем, как приступить к созданию своего меню, найдите примеры, которые нравятся вам, кажутся стильными и удобными.
Затем установить приложение « Исходный код страницы ».
С его помощью можно будет просмотреть код любой вики-страницы, проанализировать его и даже скопировать. Все вики-страницы группы Киномания. Простое меню легко создать, используя картинки и ссылки, как мы уже научились делать выше. Меню из нескольких пунктов со ссылками можно создавать прямо в визуальном режиме.
По большому счету, вы просто добавляете несколько картинок и вставляете ссылки на них. Добавляем эту картинку в Фотошоп, делим на части с помощью инструмента «Раскройка». Каждая часть картинки будет выполнять функцию кнопки, ведущей на определенный раздел группы. После раскройки загружаем изображения в редактор вики-страниц и добавляем к каждой части ссылку на какой-либо раздел. Первое время будет казаться, что код выглядит как послание инопланетян.
Но присмотревшись, вы увидите, что в тексте просто нет четких пробелов. А строчки повторяются: код картинки, ссылка, размеры. Это самый простой вариант. Рассмотрим еще несколько. Меню в один столбик подойдет большинству групп: выглядит аккуратно на всех устройствах, дает нужную информацию. Код включает в себя минимум параметров: код картинки, ее размер, специальный тег nopadding, убирающий отступы между картинками, и ссылки на разделы. Тег center выравнивает каждую картинку по центру, а вот команда option здесь лишняя - никакой функции не выполняет.
Для создания меню в один столбик, достаточно научится добавлять картинки на вики-страницу, вставлять ссылки и использовать простые теги. Отличается от предыдущего варианта тем, что столбиков два и есть пробелы между картинками. Отлично выглядит на десктопное версии Вконтакте. Интересное меню сообщества Книги. С первого взгляда кажется очень сложным.
Но такое ощущение создается из-за использования латинице и кириллице в каждой строчке, На самом деле, код не сложнее, чем у меню с одним столбиком: картинки, ссылки и размеры. Не используется тег nopadding, поэтому между картинками есть отступы. Меню в два столбика так же просто создать, как меню в один столбик.
Главное - подобрать такой размер картинок, который будет отображаться одинаково хорошо в мобильной и десктопной версиях. Чтобы меню хорошо выглядело в любой версии социальной сети, необходимо сделать так, чтобы картинки уменьшались в соответствии с шириной экрана, а не переносились на новую строку.
На примерах ниже не самый удачный вариант отображения на мобильниках. Десктопная версия меню группы Империя кино. Десктопная версия меню группы Пальчики оближешь. Табличная верстка - это способ создания вики-страницы, при котором все элементы верстаются как таблица. Подробную инструкцию можно изучить в официальном руководстве. Рассмотрим лишь суть метода и некоторые примеры. Важно, прописать для каждого столбца таблицы параметр ширины. В примере с тремя столбиками ширина px. Теги nopadding и noborder позволяют убрать рамку вокруг изображения и отступы между ними.
Если вы планируете создать меню в три столбика, просто скопируйте код из примера, вставьте свои картинки и ссылки. Меню группы Стартап Академия. Вики-страницы довольно капризный инструмент. При его использование очень легко допустить ошибку и потерять результаты многочасовой работы.
Поэтому важно все время проверять, как выглядит меню на разных устройствах. Чтобы сделать это быстро, не тратя время на поиски мобильников с разными размерами экрана, воспользуйтесь одним из двух методов. Используйте браузер Google Chrome. Вставьте адрес вашей вики-страницы в адресную строку и добавьте в его начало m. Кликните правой кнопкой мыши в любой части страницы и выберите «Просмотреть код» - «Планшеты и смартфоны».
Установите плагин для Google Chrome Resolution Test. Перейдите в мобильную версию Вконтакте. Нажмите на иконку и выберите или пропишите размеры экрана, которые вас интересуют. Поздравляю, вы дочитали до конца. Материал получился очень объемным, но это еще не вся информация об оформлении групп Вконтакте. Тем не менее, рассмотренных пунктов достаточно, чтобы создать стильное, запоминающиеся и удобное сообщество.
Если у вас есть свои лайфхаки и фишки, поделитесь в комментариях в нашей группе Вконтакте. Получить консультацию. Телефон Viber Whatsapp Telegram. Заказать звонок. Спасибо за обращение! Услуги Проекты О нас Контакты. Крупное дело Полезное Оформление групп в Вконтакте: подробное руководство.
Размеры изображений для Вконтакте с учетом нового дизайна Не так давно команда социальной сети Вконтакте запустила новую версию сайта с измененным дизайном. Актуальные размеры изображений ВК Рассмотрим каждый элемент подробнее. Аватар сообщества х px - минимальный допустимый размер аватарки для групп Вконтакте.
Ошибка: изображение меньше х px х px - максимальный рекомендуемый размер изображений для аватара. Пример Загружаем изображение размером х px, с соотношением сторон Соотношение сторон аватара ВК Прикрепленные изображения После обновления дизайна социальной сети, многие пользователи столкнулись с тем, что прикрепленное изображение занимает не всю ширину ленты: остается кусок пустого пространства справа. Пример Возьмем изображение в форме квадрата с размером сторон px.
Изображение х px в ленте новостей Не хуже, но немного по-другому выглядит прямоугольная фотография с шириной px. Изображение альбомной ориентации с шириной px Недостаток прямоугольного изображения виден в ленте на мобильных устройствах: фотография занимает меньше месте, а следовательно, привлекает меньше внимания пользователей. Разница между квадратным и прямоугольным изображением в мобильной ленте ВК Нельзя назвать это различие критичным, но пользователям мобильного приложения намного привычней видеть фотографии квадратной формы как в Instagram.
Изображения к публикациям со ссылкой При добавлении ссылки к посту ВК автоматически прикрепляет изображение из описания публикуемой странички. При вставке ссылки в текст поста автоматически подтягивается заголовок и изображение Информацию о заголовке, фотографию сеть берет из кода разметки Open Graph: В строке «image» хранится изображение с котиком При отсутствии информации в коде Open Graph, ВК берет данные из мета-тегов: Title, Description, а в качестве иллюстрации подтягивает первое изображение из статьи.
Подбираем иллюстрацию к посту с ссылкой Чтобы добавить свою иллюстрацию из сохраненных файлов или с компьютера, кликаем на значок фотокамеры. Добавляем собственную иллюстрацию к посту с ссылкой Как и ко всем другим изображения есть требования к минимальному размеру: х px. Рекомендуемое соотношение сторон для иллюстрации к посту со ссылкой Блок с товарами Минимальный размер изображений для обложки товара px, максимальный - px по ширине или высоте.
Блок товаров фитнес-клуба Вики-страницы Чтобы обложка вики-страницы выглядела в ленте органично, нужно подобрать изображение с шириной не менее px. Пример Если добавить на вики-страницу картинку размером х px, не скорректировав размер, то изображение некрасиво растянется. Если изменить размеры вручную, то изображение будет выглядеть намного привлекательней. Вручную откорректированное изображение с правильными размерами Оформление вики-страниц рассмотрим подробнее чуть ниже.
Как сохранить исходное качество изображений Вконтакте Чтобы ускорить загрузку страниц и контента, ВК сжимает изображения при загрузке. Пример Сжатие изображение при загрузке в ВК Как избежать снижения качества? Сохраняем изображение в Photoshop Выполнив все рекомендации поддержки, мы заметили, что изображение все равно сжимается. Пример Если требуется подготовить аватар группы размером х px, то размер исходной картинки должен быть около х px.
Вот результат: Выглядит лучше, но не идеально Что же делать? Выглядит намного лучше Дизайн шапки группы Вконтакте Шапка группы - это первый элемент, который замечает пользователь, заходя на вашу страничку. Загрузка обложки сообщества Никаких ограничений по содержанию нет.
Обложка Сбербанк : информация о ближайшем мероприятии Закрепленный пост обычно продолжает тему, начатую в обложке. Обычное текстовое описание Ряд брендов не используют обложку и закрепленные посты, чтобы посетители могли сразу увидеть информацию о группе и ссылку на сайт.
Описание через вики-страничку Блок с текстовым описанием ограничивает владельцев групп определенным количеством знаков. Группа предпринимателя , идущего к своей цели Нажав на кнопку «Просмотреть», пользователь попадает на вики-страничку с подробной информацией о проекте. Вики-страница с описанием проекта 5. Без шапки Этот вариант отлично подходит тем группам, которые ничего не продают и делают ставку исключительно на контент.
Открытое меню Открытое меню отличается тем, что пользователь сразу видит его содержание. Картинка, дублирующая пункты меню При нажатии пользователь открывает вики-страницу с меню группы: Кликабельное меню с идентичными разделами Еще один пример Кнопки на картинке не кликабельны, а вот при нажатии на «Просмотреть» откроется полноценное меню: Пример открытого меню 7.
Закрытое меню Закрытое меню отличается тем, что пользователь не видит на картинке его пункты. Пост-меню паблика Мой компьютер Закрытое меню группы английского языка Меню интернет-магазина для девушек CosmoMarket 8.
Меню слитое с аватаркой Этот вариант предполагает оформление меню и аватарки группы в едином стиле. Слитное меню сообщества вики-разметки Меню группы о помаде для увеличения губ 9. Спрятанное меню Этот вариант можно сделать только в группе.
Чтобы открыть меню, надо нажать на ссылку «Меню группы oodji» Само меню Пример уже открытого меню Спортмастера Изображение Подходит для информирования аудитории о текущей акции, новых товарах, условиях доставки, скидках или уникальном предложении вашей организации. Сообщество Лайфхакерша разместило картинку с призывом, но кнопка не клибабельна Comedy Radio анонсирует запуск приложения Изображение и аватар в едином стиле Напоминает слитное меню, но изображение не кликабельно.
Империя пиццы и суши информирует о режиме работы, дает контакты для заказа Coca-Cola использует красивую картинку со слоганом Гифка как продолжение аватара Потрясающий вариант, который еще не успел надоесть пользователям! Оригинальная шапка группы Тоталь Автоматически воспроизводимое видео Еще один способ добавить интерактивности сообществу - разместить видео в шапке. Как сделать, чтобы видео включалось само?
Нужно соблюсти всего лишь 3 условия: Загрузить нужный ролик через ВК - видео, загруженные через Ютуб или Вимео не включаются автоматически. Дополнить видео можно только текстом. Прикрепить ссылку или картинку не получится. После загрузки видео нужно опубликовать на стене, а затем закрепить пост. Видео с упражнениями в сообществе Лайфхакер Coca-Cola делится любимыми рекламными видео Популярная запись Выберите самый популярный пост вашего сообщества с максимальным количеством лайков и репостов.
Страница Рецепты , пост с огромным количеством репостов Группа Идеи дизайна интерьера закрепили кладезь материалов о ремонте. Действующие акции Чтобы максимально оперативно донести до покупателей информацию о скидках, акциях, новых товарах или подарках, разместите ее в шапке группы. Сеть баров Killfish рассказывает об акции Интернет-магазин напоминает о скидках Сбербанк использует вовлекающий инструмент - тест на финансовую грамотность.
Интерактивный тест от Сбербанка Анонсы мероприятий Думаем, вы уже догадались, что шапка - это отличное место для размещения актуальной информации.
Группа сериала Теория большого взрыва анонсирует новый сезон Группа Пилот разместила в шапке график концертов Опросы Мини-исследование Gillette Опрос на странице ресторана Объявления Объявление выделено словом «Важно» на красном фоне Суши Терра информирует о временных неполадках Вакансии Ресторан ищет официантов Ссылки на другие соцсети Инфографика в примерах делится ссылкой на свой профиль в Перископе Студии Дениса Каплунова ссылается на аккаунт в Пинтересе Таргет предлагает подключиться Самый популярный продукт Популярный товар магазина 24shop Миниатюра Если вы принимаете решение разместить текст на миниатюре, то он должен быть достаточно крупным.
Пример неудачных надписей - слишком мелко Примеры удачных надписей - текст крупный Лучше, чтобы надпись помещалась внутри миниатюры Примеры неудачных аватаров - текст не помещается внутри миниатюры Надпись внутри выглядит опрятней Важно, чтобы пользователь с первого взгляда мог разобрать, что изображено на картинке.
Примеры удачных решений - все четко и понятно Если есть возможность, то лучше не используйте стоковые, заезженные картинки. Крупные компании никогда не используют бесплатные или стоковые картинки Подбирайте яркие цвета, чтобы миниатюра выделялась на фоне конкурентов. Анти-минимализм - куча картинок, надписей, шум Стильно и аккуратно Если вам нужно привлечь внимание к своей группе, подключите эмпатию.
Вот, например, стильный и оригинальный вариант: Черный круг вместо миниатюры на первом месте и черный круг внутри белого на втором. Текст на миниатюре Хоть миниатюра и не отличается крупными размерами, ее можно использовать для информирования о самых главных преимуществах компании. Контакты Поможет тем, кто уже готов купить, быстро найти ваш номер Супер цены Если у вас крутая цена - пишите ее прямо на миниатюре Бесплатная доставка Особенно актуально для ресторанов доставки еды Часто компании с бесплатной доставкой добавляют эту информацию в название группы через от названия самой организации.
Вакансии Соцсети - хороший вариант поиска лояльных сотрудников Держите в голове вашу цель и портрет ЦА, а вдохновение придет во время работы над оформление группы. Продающий дизайн аватара Сам аватар играет еще большую роль, чем миниатюра.
Качество изображения должно быть высоким. Плохая картинка сразу оттолкнет посетителя. Кратко: делайте размер в два-три раза больше рекомендуемого, чтобы не было искажения качества после сжатия. Следуйте единому стилю. Идеально - аватар и меню в фирменном стиле компании. Хорошо - в единой цветовой гамме с пересекающимися элементами.
Такое сочетание меню и аватара выглядит эффектно. Выделите на аватаре область, которую будете использовать в качестве миниатюры, а остальное изображение сделайте в другом стиле. Примеры гармоничного сочетания Делите аватар на части. Верхняя - под миниатюру, нижняя - под остальную информацию.
