Запись с кнопкой вконтакте размер изображения: Плейсменты, форматы и требования к рекламе ВКонтакте |

Posted:

Июл 15, 2023

Comments:

Запись с кнопкой вконтакте размер изображения: Плейсменты, форматы и требования к рекламе ВКонтакте

Содержание

Формат «Запись с кнопкой» во ВКонтакте — PromoPult.ru.

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

Самый популярный формат рекламы в социальной сети теперь доступен в модуле таргетированной рекламы.Уважаемые пользователи! В PromoPult теперь можно создавать скрытые записи с кнопкой призыва к действию (Call-to-Action). Вы можете выбрать название кнопки в зависимости от целевого действия пользователя.

Что такое формат «Запись с кнопкой»?

Скрытая запись в новом формате осуществляется от имени вашего сообщества в ВКонтакте. Эта запись не отображается на стене вашего сообщества. Тем самым вы можете создавать десятки различных объявлений, не заспамливая стену сообщества. Просто указываете сообщество, от имени которого размещается реклама, текст записи и рекламируемый ресурс.

Рис. 1. Объявление формата «Запись с кнопкой» в ленте во ВКонтакте

Рекламная запись содержит кнопку призыва к действию (с текстом «Купить», «Позвонить», «Зарегистрироваться» и др. ). Выбор кнопки зависит от целей рекламодателя и от особенностей продвигаемого товара или услуги.Кнопки легко настраиваются и интуитивно понятны пользователю, за счет чего вы можете повышать эффективность рекламных объявлений.

Что можно рекламировать?

Ссылка в формате «Запись с кнопкой» может вести на:

сайт,

внешнее приложение iOS/Android,

страницу сообщества,

приложение сообщества,

приложение «ВКонтакте»,

напрямую к диалогу с сообществом.

Рис. 2. Выбор текста кнопки в режиме редактирования объявления в модуле таргетированной рекламы PromoPult

Доступные тексты кнопок при рекламе сайтов и внешних iOS или Android приложений: Открыть, Записаться, Начать, Получить, Смотреть, Скачать, Участвовать, Играть, Подать заявку, Получить предложение, Написать, Откликнуться, Перейти, Купить, Купить билет, Заказать, Создать, Установить, Связаться и Заполнить.

Доступные тексты кнопок при рекламе сообщества, публичной страницы или события: Подробнее, Подписаться, Я пойду, Вступить, Связаться, Написать, Перейти.

Важно! Если вы используете в рекламе вашего сообщества кнопку «Вступить», то при нажатии на неё пользователь автоматически переходит и вступает в сообщество.

Доступные тексты кнопок при рекламе приложений и игр во ВКонтакте: Запустить, Играть, Перейти.

Рис. 3. Новые метрики, доступные для нового формата

Также в таблице управления для нового формата появилось два дополнительных параметра: Вступления и CPF.

Вступления — это количество пользователей, вступивших в группу или встречу, подписавшихся на публичную страницу или установивших приложение.

CPF (Cost Per Follower) — это стоимость вступления с рекламы. Рассчитывается по формуле: потраченный бюджет × количество вступлений.

Кому подходит формат «Запись с кнопкой»:

оказание услуг, розничная и оптовая торговля;

владельцам, администраторам и рекламодателям бизнес-сообществ во Вконтакте.

Важно наличие пользовательского спроса или возможность его сформировать.

Продвигаемый товар или услуга разрешена законодательством РФ.

Наличие посадочной страницы: сайт, приложение, сообщество во ВКонтакте.

Технические требования при использовании формата

Текст записи может содержать не более 220 символов (включая знаки препинания и пробелы), не более двух переносов строки.

Использование в тексте ссылок, в том числе хештегов, не допускается.

Размер изображения должен быть не менее 537×240 пикселей.

Текст на изображении должен занимать не более 50% от общей площади.

Поддерживаемые форматы изображений: JPG, PNG.

Текст рядом с кнопкой может содержать не более 80 символов, включая знаки препинания и пробелы.

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

Новый формат доступен в модуле таргетированной рекламы PromoPult. Протестируйте его прямо сейчас.

Перейти в модуль таргетированной рекламы

Размеры изображений для рекламы ВКонтакте — блог OneSpot

Некачественное изображение в рекламной кампании ВКонтакте может быть причиной отклонения объявления модераторами платформы. Если такой креатив всё же допустят до показов — он вряд ли будет кликабельным и может вызывать негативные реакции: колкие комментарии пользователей, отписки и скрытие объявлений.

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

Основные форматы рекламы на платформе VKТри дополнительных рекламных возможности для продвижения игр и приложений

Оплата рекламы в VK Ads по специальным условиям

Клиенты OnwSpot оплачивают рекламу ВКонтакте и VK Ads по специальным выгодным условиям и получают доступ к секретным таргетингам и ускоренной модерации рекламы.

Чтобы узнать больше, зарегистрируйтесь на платформе и напишите в чат поддержки.

Узнать подробности

Базовые рекомендации

Несмотря на то, что каждый формат имеет разный размер карточки для рекламы ВКонтакте, все они подчиняются базовым правилам:

Максимальная сумма высоты и ширины изображения: 14 000 px;
Минимальный размер квадратного изображения: 510×510 px;
Для прямоугольного изображения рекомендуется использовать соотношение сторон 3:2;
Текст должен занимать не более 20% от общей площади изображения.

Лайфхак: Чтобы увеличить качество и четкость картинки или видео, нужно увеличить вдвое рекомендуемый минимальный размер.

Важно! Без выполнения правил размещения рекламы, объявление не будет запущено.

Рекламные записи в новостной ленте

Карусель

От 3 до 10 изображений
Минимум 400х400 px
JPG, PNG или GIF (без анимации)

Запись с кнопкой

С картинкой

Минимум 537х240 px
JPG, PNG или GIF (без анимации)

Читайте также: Как проверить площадь текста на изображении для прохождения модерации?

С видео

Минимум 537х240 px
Соотношение сторон 16:9
AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS
Нужно загрузить в плеер ВКонтакте

Универсальная запись

С картинками

До 10 изображений
JPG, GIF, TIF или PNG

С гиф-анимацией

Максимум 1000х1000 px
Вес файла не более 50 МБ, оптимальный — до 10-12 МБ, чтобы работал автоплей
Больше 1 кадра с интервалом от 0,01 до 1 секунды

С видео

Минимум 1280х720 рх, оптимально — 1920×1080 рх
Квадратные, вертикальные, горизонтальные видеозаписи
Вес файла не более 2 ГБ
Максимальное разрешение 1080p
AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS
Можно загрузить из видеохостинга (Youtube, Rutube, Vimeo и другие)

Со сниппетом

Минимум 537х240 px
JPG, PNG или GIF (без анимации)

Реклама в клипах и историях

Клипы

Вертикальное видео с соотношением сторон 9:16
Обязательно наличие аудиодорожки
Минимум 720х1280 рх, оптимально — 1080×1920 рх
Вес файла не более 2 ГБ
AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS
Продолжительность от 2 до 60 секунд, рекомендованная — от 15 секунд

Истории

До 3 фотографий или видео
Вертикальное расположение 9:16

Для фото:

Минимум 720х1280 рх, оптимально — 1080×1920 рх
JPG, PNG или GIF (без анимации)

Для видео:

Минимум 720х1280 рх, оптимально — 1080×1920 рх
Вес файла не более 10 МБ
Кодек h. 264, звук AAC
AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS
Продолжительность до 15 секунд

Клипы и истории (продвижение в 2 разделах одновременно)

1 вертикальное видео с соотношением сторон 9:16
Минимум 720х1280 рх, оптимально — 1080×1920 рх
Вес файла не более 10 МБ
Кодек h.264, звук AAC
AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS
Продолжительность до 15 секунд

Реклама сайта или реклама личной страницы

Технические характеристики к этим форматам одинаковые. Однако кнопка в рекламе сайта ведет на внешний ресурс, а в рекламе личной страницы — на страницу или запись внутри социальной сети ВКонтакте.

C изображением

Минимум 1080х607 рх
Соотношение сторон строго 16:9
Вес файла не более 5 МБ
JPG, PNG, BMP, TIF или GIF (без анимации)

С видео

Минимум 600 px по ширине
Допустимые соотношения сторон 16:9, 4:3 или 1:1
Вес файла не более 1 ГБ
AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV, WEBM, VOB, RM, RMVB, M4V, MPG, OGV, TS, M2TS, MTS
Длительность от 3 секунд до 5 минут

Рекламные записи в текстово-графическом блоке (ТГБ)

объявления сообществ, внешних сайтов, а также игр и приложений ВКонтакте. Они расположены слева от новостной ленты. Это маленькие блоки, в которые помещаются краткие рекламные предложения.

Скриншот из службы помощи рекламных объявлений ВКонтакте

Размер баннера для рекламы ВКонтакте в ТГБ может быть 3 разных форматов:

Изображение и текст

Минимум 145×85 px
Вес файла не более 5 МБ
JPG, PNG, BMP, TIF или GIF (без анимации)

Большое изображение

Минимум 145×165 px
Вес файла не более 5 МБ
JPG, PNG, BMP, TIF или GIF (без анимации)

Продвижение сообщества

Минимум 145×145 px
Вес файла не более 5 МБ
JPG, PNG, BMP, TIF или GIF (без анимации)

Форматы для игр и приложений

Дополнительные форматы рекламы предусмотрены для продвижения игр и приложений ВКонтакте. Их можно оплатить не только деньгами, но и внутренней валютой платформы через VK Pay. Также эти объявления запускаются только через платформу VK Реклама, а не обычный рекламный кабинет.

Витрина приложений

Минимум 560×315 px
Вес файла не более 5 МБ

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

Минимум 145×145 px
Вес файла не более 5 МБ

Специальный

Минимум 256×256 px

Чек-лист проверки размера изображения для рекламы ВКонтакте

Изображение больше или равно минимальному значению для выбранного типа рекламы;
На изображении нет мелких нечитаемых надписей, пустых областей или однотонной заливки. Цвета неагрессивные и не вызывают раздражения;
Текст занимает не более 20% от общей площади изображения;
Текст на картинке чёткий и легко читается;
Если для рекламы используется видео — его размер равен 1920×1080 рх;
Если реклама размещается в историях или клипах ВКонтакте, используется размер 1080×1920 px;
Если выбрана универсальная запись, то для квадратного фото выбранный размер не меньше 510×510 px, а для прямоугольного — 1400×1000 px.
Если картинка получилась слишком маленькой или нечёткой — умножаем значения всех сторон на 2.

Данные успешно отправлены!

Поле заполнено не верно!

ios — Как настроить размер изображения UIButton?

спросил
10 лет, 11 месяцев назад

Изменено
7 месяцев назад

Просмотрено
229 тысяч раз

Как настроить размер изображения UIButton? Я устанавливаю изображение следующим образом:

 [myLikesButton setImage: [UIImage imageNamed: @"icon-heart.png"] forState:UIControlStateNormal];

Однако это заполняет изображение до полной кнопки, как мне уменьшить изображение?

Историческое примечание:

Для этого вопроса, которому уже более 10 лет, теперь вы обычно просто устанавливаете размер в пунктах, используя setPreferredSymboluration

2-c

6 target 027

кнопка

Если я правильно понимаю, что вы пытаетесь сделать, то вам нужно поиграться с вставкой края изображения кнопок. Что-то вроде:

 myLikesButton.imageEdgeInsets = UIEdgeInsets (сверху: 30, слева: 30, снизу: 30, справа: 30)

Ответ Тима правильный, однако я хотел добавить еще одно предложение, потому что в моем случае было более простое решение.

Я хотел установить вставки изображений UIButton , потому что я не понимал, что могу установить режим содержимого для кнопки UIImageView , что предотвратило бы необходимость использования UIEdgeInsets и жестко закодированных значений в целом. Просто получите доступ к базовому изображению на кнопке и установите режим содержимого:

 myButton.imageView.contentMode = UIViewContentModeScaleAspectFit;

См. UIButton не прослушивает настройку режима содержимого?

Swift 3

 myButton.imageView?.contentMode = .scaleAspectFit

Swift 3:

 button. setImage (UIImage (с именем: «checkmark_white»), для: .normal)
button.contentVerticalAlignment = .fill
button.contentHorizontalAlignment = .fill
button.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10)

Вот другое решение для масштабирования изображения UIButton.

 button.imageView?.layer.transform = CATransform3DMakeScale(0,8, 0,8, 0,8)

Вы также можете сделать это из конструктора интерфейса следующим образом.

Я думаю, это полезно.

Если ваше изображение слишком велико (и вы не можете/не хотите просто уменьшить изображение), прекрасно работает комбинация первых двух ответов.

 addButton.imageView?.contentMode = .scaleAspectFit
addButton.imageEdgeInsets = UIEdgeInsetsMake(15.0, 15.0, 15.0, 5.0)

Если вы не получите правильные вставки изображения, изображение будет перекошено без изменения contentMode .

вы можете использовать свойство imageEdgeInsets
Отступы или отступы прямоугольника вокруг изображения кнопки.

 [self.btn setImageEdgeInsets:UIEdgeInsetsMake(6, 6, 6, 6)];

Положительное значение сжимает или вставляет этот край — перемещается. Отрицательное значение расширяет или смещает это ребро.

Вот версия Swift:

 myButton.imageEdgeInsets = UIEdgeInsets (вверху: 10, слева: 10, внизу: 10, справа: 10)

Если вы используете символических изображений для кнопки, то это решение лучше:

 button.setPreferredSymbolConfiguration(UIImage.SymbolConfiguration(pointSize: 48), forImageIn: .normal)

У меня работает вставка изображения, но мне также нужно, чтобы для кнопки Тип было выбрано значение Пользовательский, а для кнопки Стиль — значение По умолчанию. По умолчанию для кнопки, добавленной в Xcode 13, являются System для Type и Plain для Style.

 self.imageEdgeInsets = UIEdgeInsets (сверху: 3,0, слева: 3,0, снизу: 3,0, справа: 3,0)

Свифт 4

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

 addButton.imageView?.contentMode = .scaleAspectFit
addButton.imageEdgeInsets = UIEdgeInsetsMake(10.0, 0.0, 10.0, 0.0)

С помощью ответа Тима С я смог создать расширение на UIButton с помощью Swift, которое позволяет указать кадр изображения с помощью .setImage() функция с дополнительным кадром параметр

 расширение UIButton{
    func setImage (изображение: UIImage?, кадр inFrame: CGRect?, состояние forState: UIControlState) {
        self. setImage (изображение, forState: состояние)
        если пусть кадр = кадр {
            self.imageEdgeInsets = UIEdgeInsets (
                сверху: frame.minY - self.frame.minY,
                слева: frame.minX - self.frame.minX,
                внизу: self.frame.maxY - frame.maxY,
                справа: self.frame.maxX - frame.maxX
            )
        }
    }
}

Используя это, если вы хотите установить кадр UIButton на CGRectMake(0, 0, 64, 64) и установить его изображение на myImage с кадром CGRectMake(8, 8, 48, 48) , вы можете использовать кнопку

 let: UIButton = UIButton(frame: CGRectMake(0, 0, 64, 64))
кнопка.setImage(
    мое изображение,
    во фрейме: CGRectMake(8, 8, 48, 48),
    forState: UIControlState.Normal
)

При изменении размера значка с помощью
UIEdgeInsetsMake(верхний, левый, нижний, правый) , помните о размерах кнопок и способности UIEdgeInsetsMake работать с отрицательными значениями, как если бы они были положительными.

Пример: две кнопки высотой 100 и соотношением сторон 1:1.

 left.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)
right.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)

 left.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)
right.imageEdgeInsets = UIEdgeInsetsMake(45, 0, 45, 0)

 left.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)
right.imageEdgeInsets = UIEdgeInsetsMake(60, 0, 60, 0)

Примеры 1 и 3 идентичны, поскольку ABS(100 — (40 + 40)) = ABS(100 — (60 + 60))

Обновлено для Swift > 5 .frame = CGRect(x: 0, y: 0, ширина: 44, высота: 44)

установить поля:

 button.imageEdgeInsets = UIEdgeInsets (сверху: 10, слева: 10, снизу: 10, справа: 10)

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

 пусть targetHeight = CGFloat(28)
let newImage = resizeImage(image: UIImage(named: "Image. png")!, targetHeight: targetHeight)
button.setImage(newImage, для: .normal)
fileprivate func resizeImage (изображение: UIImage, targetHeight: CGFloat) -> UIImage {
    // Получить текущий размер изображения
    пусть размер = изображение.размер
    // Вычисление в масштабе, новый размер
    пусть heightRatio = targetHeight / size.height
    пусть newSize = CGSize (ширина: size.width * heightRatio, высота: size.height * heightRatio)
    let rect = CGRect(x: 0, y: 0, ширина: newSize.width, высота: newSize.height)
    // Создаем новое изображение
    UIGraphicsBeginImageContextWithOptions (newSize, false, 0)
    image.draw(в: прямоугольник)
    let newImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    // Возвращаем новое изображение
    вернуть новое изображение!
}

Swift 3

Я установил ширину и высоту myButton на 40, а мой отступ от EdgeInsetsMake равен 15 со всех сторон. Я предлагаю добавить цвет фона к вашей кнопке, чтобы увидеть фактическое заполнение.

 myButton.backgroundColor = UIColor.gray // образец цвета для проверки заполнения
myButton.imageView?.contentMode = .scaleAspectFit
myButton.imageEdgeInsets = UIEdgeInsetsMake(15, 15, 15, 15)

Обновлено для Swift 3

 yourButtonName.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10)

Если вы не хотите играть со вставками изображений и используете автоматическую компоновку (что, как я полагаю, вы делаете), другое решение — добавить ограничения размера в представление изображения. Убедитесь, что ограничения имеют приоритет 999, иначе автоматический макет будет жаловаться.

 охранник пусть imageView = button.imageView else { return }
пусть размер = CGSize (ширина: 20, высота: 20)
пусть sizeConstraints = [
    imageView.widthAnchor.constraint (equalToConstant: размер. ширина),
    imageView.heightAnchor.constraint (equalToConstant: size.height)
]
imageView.translatesAutoresizingMaskIntoConstraints = false
sizeConstraints.forEach {$0. priority = UILayoutPriority(rawValue: приоритет)}
NSLayoutConstraint.activate (ограничения размера)
imageView.contentMode = .scaleAspectFit

я думаю, что размер вашего изображения также совпадает с размером кнопки, тогда вы помещаете изображение в фон кнопки, например:

 [myLikesButton setBackgroundImage: [UIImage imageNamed: @"icon-heart.png"] forState:UIControlStateNormal];

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

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Форматирование кнопки изображения

WPF –

спросил
12 лет, 10 месяцев назад

Изменено
8 лет, 7 месяцев назад

Просмотрено
61к раз

Если я создам кнопку с изображением внутри, она увеличится до размера, намного превышающего размер изображения.

Если я попытаюсь ограничить размер изображения и кнопки контейнера, изображение будет обрезано:

Исходный размер изображения 16×16. Здесь кнопка 18×18 с отступом 0, но изображение по-прежнему обрезается справа/снизу.

как я могу сделать всю кнопку размером с изображение без каких-либо обрезаний?

Прелесть (и проклятие?) WPF заключается в возможности изменять шаблоны элементов управления.

Вы можете установить шаблон кнопки примерно следующим образом (это свободная рука, поэтому вам нужно будет немного настроить его по своему вкусу):

Вы должны удалить все настройки Width и Height и установить кнопки HorizontalAlignment и VerticalAlignment на Center (или Left / Top Right ). снизу соответственно) . По умолчанию для этих свойств установлено значение Stretch , что заставляет кнопку растягиваться до доступного места. Поскольку изображение является содержимым кнопки, оно также растягивается. Что-то вроде этого должно работать:

Возьмите этот пример кода:

Следующее было просто задумано как

альтернатива с другим результатом, который очевидно (учитывая ваши комментарии) не то, что вы хотите.

Если вы хотите, чтобы растягивалась кнопка, но не изображение, вы также можете установить Свойства выравнивания изображения для чего — то отличного от Stretch . Или вы можете установить для свойства Stretch значение None . Это сделало бы кнопку как можно больше, но сохранило бы исходный размер изображения (16×16). Это будет работать следующим образом:

В качестве примера можно использовать Button.Background и ImageBrush :

Posted:

Comments: