В редактор

Начало работы

Добро пожаловать в Редактор Avito! Это простой и мощный инструмент для создания красивых карточек товаров. Следуйте этому руководству, чтобы начать создавать свои первые дизайны.

Загрузите фоновое изображение

Нажмите на область загрузки слева или перетащите файл JPG/PNG. Это будет основой вашей карточки.

Добавьте текст и элементы

Используйте панель инструментов слева: добавляйте текст, подложки, emoji и другие элементы.

Настройте свойства

Справа появится панель свойств - меняйте цвет, размер, шрифт и другие параметры выбранного объекта.

Сохраните результат

Нажмите "Сохранить фото" сверху - получите готовое изображение для загрузки на Avito.

Инструменты редактора

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

Текст

Добавьте текстовый блок с автоматическим переносом строк.

Как использовать: Нажмите кнопку "Текст" → Дважды кликните на текст чтобы редактировать → Настройте шрифт, размер и цвет справа

Фото

Добавьте дополнительные изображения на холст.

Как использовать: Нажмите "Фото" → Выберите файл → Перетаскивайте и масштабируйте за углы

С чистого листа

Создайте белый холст 1280×960 для работы без фотографии.

Как использовать: Нажмите "С чистого листа" → Автоматически создаётся белый фон стандартного размера Avito

Обрезка фото

Обрежьте изображение прямо в редакторе.

Как использовать: ПКМ на изображении → "Обрезать фото" → Настройте область → Нажмите "✓ Обрезать"

Подложка

Создайте цветные блоки с градиентами и скруглёнными углами.

Как использовать: Нажмите "Подложка" → Выберите форму (прямоугольник/круг) → Настройте цвет и радиус углов

Emoji

Добавьте эмодзи для эмоциональности карточки.

Как использовать: Нажмите "Emoji" → Выберите из списка популярных → Измените размер потянув за угол

Иконки

Используйте профессиональные иконки Font Awesome.

Как использовать: Нажмите "Иконки" → Найдите нужную → Измените цвет и размер справа

SVG

Добавьте векторные изображения из библиотеки.

Как использовать: Нажмите "SVG" → Выберите категорию → Кликните на изображение для добавления

Отменить / Повторить

Отмените последнее действие или верните отменённое.

Горячие клавиши: Ctrl+Z - отменить, Ctrl+Y - повторить

Удалить

Удалите выбранный объект с холста.

Способы удаления: Кнопка "Удалить" или клавиша Delete на клавиатуре

Дублировать

Создайте копию выбранного объекта.

Способы дублирования: Кнопка "Дублировать" или Ctrl+D

Очистить

Удалите все объекты с холста (фон останется).

Внимание: Действие нельзя отменить через Ctrl+Z. Будьте осторожны!

Горячие клавиши

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

Отменить действие
Ctrl Z
Повторить действие
Ctrl Y
Дублировать объект
Ctrl D
Удалить объект
Delete
Сохранить проект
Ctrl S
Выделить всё
Ctrl A
Масштаб +
Ctrl +
Масштаб -
Ctrl -
Переместить на передний план
Ctrl ]
Переместить на задний план
Ctrl [

Экспорт и сохранение

Редактор предлагает несколько способов сохранения вашей работы.

Сохранить фото

Экспортирует холст в PNG файл высокого качества. Фон и все объекты объединяются в одно изображение. Идеально для загрузки на Avito.

Сохранить проект

Сохраняет весь проект в JSON файл. Можно открыть позже и продолжить редактирование. Все объекты, тексты и настройки сохраняются.

Загрузить проект

Открывает ранее сохранённый JSON файл. Весь проект восстанавливается точно таким же, каким был при сохранении.

Массовая обработка

Загрузите несколько фонов и примените к ним текущий дизайн. Отлично для создания серии похожих карточек.

Советы и рекомендации

Профессиональные советы для создания эффектных карточек Avito.

Размер изображений

Avito рекомендует изображения 1280×960 пикселей. Используйте фото именно такого размера для лучшего качества.

Контрастность текста

Используйте подложки под текстом для лучшей читаемости. Тёмный текст на светлом фоне или наоборот.

Цветовая гармония

Не используйте больше 3-4 основных цветов. Слишком пёстрые карточки отвлекают внимание от товара.

Читаемость шрифтов

Размер текста должен быть минимум 30-40 пикселей. Мелкий текст плохо читается на мобильных устройствах.

Не перегружайте дизайн

Меньше - лучше. Оставьте "воздух" на карточке. Не заполняйте всё пространство текстом и элементами.

Сохраняйте проекты

Проект автоматически сохраняется при закрытии страницы. Но лучше периодически сохранять в файл через "Сохранить проект".

Работа со слоями

Используйте панель слоёв справа внизу для управления порядком объектов. Перетаскивайте слои для изменения порядка.

Привязка объектов

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