📖 Документация
Редактор баннеров
для Авито
Создавайте профессиональные рекламные баннеры для объявлений на Авито — с логотипом, преимуществами, стикерами и кнопкой. До 10 фото, ZIP-выгрузка, работа прямо в браузере.
🚀
Быстрый старт
1
Загрузите фото
Нажмите кнопку «+ Фото» в нижней полосе или перетащите файлы прямо на страницу. Поддерживаются JPG, PNG, WebP. Можно загрузить до 10 фотографий — каждая получит свои настройки баннера.
2
Заполните тексты
В левом сайдбаре заполните заголовок, подзаголовок и до 5 преимуществ. Для каждого преимущества можно выбрать иконку — emoji или SVG. При нескольких фото используйте ✏ Массовое заполнение — это таблица, где можно редактировать все фото сразу или вставить данные из Google Sheets.
3
Выберите стиль
Выберите один из 4 готовых стилей (Авито Классик, Тёмный Акцент, Белый Минимал, Тёплый Градиент). При необходимости настройте цвета, прозрачность плашек и эффект стекла.
4
Скачайте результат
Нажмите ↑ PNG для экспорта текущего баннера или ↓ ZIP для экспорта всех фото сразу архивом. Готовый файл — 1280×960 px.
💡
Быстрые пресеты
В сайдбаре есть раздел «Быстрые пресеты» с готовыми комплектами текстов для категорий: Недвижимость, Авто, Услуги, Товар. Нажмите пресет — и все поля заполнятся за 1 клик.
🖥
Интерфейс
Topbar
Верхняя полоса. Слева — логотип и статус автосохранения. Справа: ↩ Отменить (Ctrl+Z, до 30 шагов), ⊘ Сброс текущего баннера, ☾ Тема, ✏ Массовое заполнение, ↓ ZIP (при >1 фото), ↑ PNG.
Sidebar
Левая панель с настройками активного фото. Секции: Стиль, Позиция, Текст баннера (заголовок, подзаголовок, преимущества), CTA (кнопка), Стикер / лого, Цвета, Пресеты. Разделы «Стикер», «Цвета» и «Пресеты» — аккордионы.
Canvas
Центральная зона — превью баннера в реальном времени. Safe Zone (серая рамка) показывает безопасную область отображения. Можно скрыть в футере сайдбара.
Photo Strip
Нижняя полоса с миниатюрами фото. Кликните по фото для переключения. Счётчик N/10 показывает сколько слотов занято. Кнопка + Фото добавляет новые.
✏
Массовое заполнение текстов
Кнопка ✏ в topbar открывает модальную таблицу — все фото по строкам, все текстовые поля по колонкам. Идеально когда у вас 5–10 фото с разными товарами.
📋
Ctrl+V из Google Sheets
Выделите диапазон в Sheets, скопируйте, кликните на первую ячейку таблицы и нажмите Ctrl+V. Данные заполнятся автоматически — построчно и поколоночно.
↓
«↓ Ко всем» в заголовке
Под каждым заголовком колонки есть кнопка «↓ Ко всем». Она копирует значение первой строки во все остальные — заполнить 10 одинаковых преимуществ за 1 клик.
⌨
Tab / Enter навигация
Tab переходит к следующей ячейке в строке, Enter — к следующей строке в той же колонке. Shift+Tab — назад. Как в Excel.
🔵
Маркер изменений
Изменённые ячейки отмечаются синей полосой слева. Счётчик «N изм.» в шапке показывает сколько правок ждут применения.
📊
Шаблон Google Sheets
Создайте таблицу со столбцами: Заголовок · Подзаголовок · Плюс 1 · Плюс 2 · Плюс 3. Строки = ваши фото. Скопируйте нужные строки и вставьте прямо в редактор.
⚠️
Дополнительные поля
По умолчанию таблица показывает 5 колонок (Заголовок, Подзаголовок, Плюс 1–3). Нажмите «+ Плюс 4, Плюс 5, Кнопка» внизу модала чтобы раскрыть все поля.
🏅
Стикеры и своё лого
Раздел «Стикер / лого» в сайдбаре — аккордион (свёрнут по умолчанию, оранжевая точка ● появляется когда стикер установлен).
🏅
13 готовых стикеров
Гарантии, медали, проверено, лучший выбор — кликните миниатюру для выбора. Кнопка ✕ убирает стикер.
＋
Своё лого
Кнопка «＋ Своё лого» — загружает PNG/SVG/WebP с прозрачностью. Изображение автоматически сжимается до 400px и хранится в проекте.
📐
Позиция
4 кнопки (↖ ↗ ↙ ↘) — угол размещения стикера. Слайдер отступа от края — от «вплотную» до «с отступом».
⚙
Размер и прозрачность
Размер: 10–40% ширины баннера. Прозрачность: 10–100%. Все настройки применяются мгновенно.
🎨
Стили и цвета
🟠
Авито Классик
Оранжевый заголовок · Тёмные плашки · Зелёная кнопка. Максимальная узнаваемость в ленте Авито.
⚫
Тёмный Акцент
Полупрозрачные тёмные плашки · Оранжевый акцент. Эффектно на светлых фото.
⚪
Белый Минимал
Белые плашки · Тёмная кнопка. Чистый, минималистичный вид. Подходит для любых фото.
🟡
Тёплый Градиент
Янтарный градиент от жёлтого к оранжевому · Тёмные плашки · Белая кнопка.
В разделе «Цвета плашек» можно точечно изменить цвет любого элемента: фон заголовка, цвет текста, фон кнопки и т.д. Кнопка «↺» рядом с цветом сбрасывает к дефолту стиля.
Эффект стекла (frost) — добавляет размытие фона за плашками (backdrop-filter blur). Слайдер регулирует интенсивность. Слайдер «Прозрачность плашек» делает фон полупрозрачным.
📥
Экспорт
↑
↑ PNG — одно фото
Экспортирует текущее активное фото как PNG 1280×960 px. Имя файла:
banner-YYYYMMDD-HHMMSS.png.↓
↓ ZIP — все фото
Появляется когда загружено более 1 фото. Рендерит каждое фото с его настройками и упаковывает в ZIP-архив. Имена файлов — по названию исходного фото.
📐
Рекомендуемые размеры для Авито
Авито показывает фото в соотношении 4:3. Редактор рендерит в 1280×960 px (4:3) — это оптимальное разрешение. Safe Zone (75% от центра) гарантирует, что все тексты останутся видны при любом обрезании.
⌨
Горячие клавиши
| Ctrl+Z | Отменить последнее действие (до 30 шагов) |
| Escape | Закрыть открытый модал (иконки, массовое заполнение) |
| Tab | В таблице массового заполнения — следующая ячейка |
| Shift+Tab | В таблице — предыдущая ячейка |
| Enter | В таблице — следующая строка, та же колонка |
| Ctrl+V | В таблице массового заполнения — вставить TSV из Google Sheets / Excel |
💬
Частые вопросы
Да. Редактор автоматически сохраняет состояние в
localStorage браузера через 800мс после каждого изменения. Статус «Сохранено / Есть изменения...» отображается в topbar. При следующем открытии страницы всё восстановится.
Нет. Все фотографии хранятся только в браузере (localStorage / IndexedDB). На сервер ничего не отправляется. Данные останутся в браузере пока вы не очистите кэш.
Кнопка ↓ ZIP появляется только когда загружено более одного фото. Загрузите хотя бы 2 фото через «+ Фото» в нижней полосе.
Да. В разделе «Стикер / лого» нажмите «＋ Своё лого» и загрузите PNG или SVG с прозрачным фоном. Лого будет отображаться в выбранном углу с нужными размером и прозрачностью.
Все настройки — стиль, цвета, тексты, стикер — хранятся отдельно для каждого фото. Выберите нужное фото в нижней полосе, затем настройте цвета в секции «Цвета плашек».
Safe Zone — серая рамка на превью, которая обозначает центральные 75% баннера. Авито может обрезать края фото в некоторых форматах отображения, поэтому важно размещать все ключевые тексты внутри этой зоны. Отображение safe zone можно отключить в футере сайдбара.
Да. Excel, Google Sheets, LibreOffice Calc — все они копируют данные в формате TSV (ячейки разделены символом Tab, строки — переносом). Именно этот формат и парсит редактор при вставке в таблицу массового заполнения.