Оформление картинок ВК — Шесть или девять одинакового размера

Настройка автопостинга

Увы, но после недавних обновлений встроенная ранее функция автопостинга была удалена, поэтому, если вас интересует, как настроить автопостинг из Instagram одновременно в ВК, ФБ, ОК или даже Telegram, могу посоветовать воспользоваться сервисом — onemorepost.ru. Он достаточно прост в освоении, но очень удобен и экономит время, если нужно наполнять контентом группы в различных соц сетях.

Вам может быть интересно — «Что такое семейный бюджет и как его рассчитать, сформировать и правильно вести?».

Размер товаров в вк

Картинки товаров квадратные.

Минимальный размер 400 х 400 px

Максимальный 1000 х 1000 px

5-razmer-tovaryi-710x279.jpg
Товары размер в вк

Создаем по этапам

Создание навигации – процесс интересный, сложный и длительный. Но результат того стоит.

Весь процесс условно делиться на 2 этапа:

работа с фотошопом;</li>техническое добавление.

видео: меню для паблика

Работаем с фотошопом

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

Алгоритм действий:

</li>установите и запустите программу «Фотошоп»;

</li>в пункте «Файл» выберете «Создать»;</li>в появившемся окне задайте:

  1. ширину – 630 пикс;
  2. высоту – 725 пикс;
  3. содержимое фона – белый.

Далее нужно разделить рабочую область на 2 окна. Они то и будут привлекать внимание посетителей и обязательно заставят передвигаться по группе.

Делается это с помощью инструмента «Прямоугольная область»:

  • кликните на значок правой кнопкой мышки;

    >выберите инструмент «Прямоугольник»;

</li>используя вертикальную и горизонтальную линейки как ориентир, выделите прямоугольник размером 200х710 пикс, зажав левую кнопку мыши;</li>

Внимание! Убедитесь, что линейка измеряет в пикселях, а не в других единицах.

</li>после, нажмите кнопку Delete;

</li>>в появившемся окне установите использование 50% серого;нажмите ОК;</li>аналогично создайте прямоугольник размером 382х442 пикс, как на рисунке:

</li>

Работа с графикой:

  1. под этим слоем расположите свое оформление:

    >далее напишите желаемый текст;

  2. с помощью инструментов рисования фигур, нарисуйте кнопки:

Приблизительно должно получиться вот так:

Сохраните прямоугольник, расположенный справа отдельной картинкой, задав размер 200х500 пикс. Это готовая аватарка, загружается через кнопку «Загрузить фотографию» в группе вк.

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

Для начала следует сделать разметку:

  1. комбинацией клавиш «CTR+R» включите линейку;
  2. наведите курсор на верхнюю линейку;
  3. зажав левую кнопку мыши, потяните вниз, к нижней границе кнопки;
  4. повторите по каждой кнопке.

Создаем фрагменты:

  • возьмите инструмент Slice Tool;

    >вверху есть кнопка «Фрагменты по направляющим»;

>должно получиться вот так:

</ul>

Сохранение изображений:

  1. нажмите Файл – Сохранить для web;
  2. введите название;
  3. укажите формат JPEG;
  4. ставьте наилучшее качество;
  5. отметьте галочки у «Прогрессивный и Встроенный профиль»;
  6. последняя кнопка «Сохранить».

Как очистить компьютер от ненужных программ? Инструкция тут.

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

Техническая часть

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

Важно! Заливка меню отличается от обычно загрузки фото или картинок.

Все по порядку:

  1. зайдите в группу;
  2. включите новостную ленту;

    >возле полосы «Свежие новости» нажмите «Редактировать»;

  3. поменяйте название на меню или что-то подобное;

    >через кнопку в виде фотоаппарата добавьте картинки;

результат будет приблизительно таким:

</li></ol>

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

Перейдя по ссылке, посетитель быстро попадет на необходимую информацию.

Если вы хотите вставить ссылку на запись со стены:

  1. найдите необходимую запись;
  2. кликните по ней левой кнопкой мыши;
  3. скопируйте URL в адресной строке.

Для вставки ссылки на другой сайт, группу, одностраничник и прочего:

  • зайдите на источник, куда нужно переправлять посетителя;
  • скопируйте необходимый адрес.

Далее просто вставьте ссылку на соответствующую картинку. Вот код картинки, который появился в окне загрузки картинки: [[photo37602118_351733570|400x90px;noborder|]].

После символа «|» просто вставьте свою ссылку. Выглядеть это будет вот так: [[photo37602118_351733570|400x90px;noborder| ссылка]]

Сохраните изменения соответствующей кнопкой внизу окна.

Внимание! Изменения могут не сразу отобразиться. Рекомендуется выйти на свой основной профиль, а затем снова зайти в группу.

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий