Banner sizes for promotional posts on VKontakte. Which to choose? How to create an effective advertising banner for VKontakte

VK Banners

from 900 rub.

RUB Order

With the right, comprehensive approach, to place VKontakte banners, you can use all available positions for publishing posts and graphic design of the page, namely:

Targeted paid posts and VK advertising banners, promotional posts in communities.
Posts in your community (group) feed.
Design of the group page - top banner of the VKontakte community (cover), avatar, top menu banner with wiki markup.

Currently, VKontakte allows you to post static image banners, GIF animations and videos. HTML5 animated banners are not yet used on web pages.

Let's look at the different types and features of creating banners for VK in more detail:

Banners for targeted paid advertising on VKontakte.

Text and graphic blocks on the left side of the site.

Small advertisements (teasers), including a picture and text. The two types most commonly used are:

Picture + text up to 70 characters long.
Big picture.

Both options can include a title of up to 33 characters.

The image dimensions for the banner with text are 145x85px.
For a large picture – 145x165px.
You can post JPG, PNG, BMP or GIF (without animation) weighing no more than 5MB.

Essentially, this gives you the choice to place more text under the banner image or on the image itself. It is worth considering that according to VKontakte requirements, the text should not occupy more than 50% of the image area. Considering the small size of the banner, it is recommended to use short and succinct texts that convey the main meaning of your offer.

Note: It is worth considering that these small banners on the left side of the site are not shown in the mobile version of VK on smartphones.

Advertising posts in the VKontakte news feed

Record with a button.
Universal recording.
Carousel.

One of the most popular advertising formats by customers, largely due to the presence of a motivating button with a call to action highlighted in the design.

Includes:

image (JPG, PNG or GIF image (without animation) with a minimum size of 537x240px (it is recommended to upload a size of 1074x480px for high-definition displays);
entry text up to 220 characters;
description text next to the button up to 80 characters;
a button with a call to action (“Go”, “Buy”, “Order”), which can be selected from the proposed list.

Advertising post with image.

Advertising post with GIF animation.

In such a post you can include an animated GIF banner up to 1000px wide.

A useful bonus for the advertiser is that the VKontakte GIF banner plays automatically, without pressing the “Start” button, in autoplay mode. Such an animated banner on VK attracts additional user attention and stands out on the page.

The weight restrictions for GIF animations for display in autoplay mode are set at 10-12 MB. It is possible to place a GIF banner weighing up to 50MB, but it will only be played after the user presses an additional button.

Advertising recording with video.

A video banner for VK is a video embedded in an advertising post. It is possible to upload videos to the VKontakte server or embed them from third-party video hosting sites (YouTube, Rutube, Vimeo).

The video size limit is 2MB, duration is up to 30 minutes. The maximum resolution is 1080p.

Carousel

The carousel is a horizontal slider of product cards that the user can scroll through.

Each card contains:

square product image (minimum size 400x400px).
product description up to 25 characters long.
motivational button, the text of which can be selected from the proposed list (“Open”, “Buy”, “Go” and others).
if desired, the price of the product (old and new).

The total number of cards can be from 3 to 10. The amount of text on the product image should not exceed 50% of the area of the image.

The carousel was conceived as a showcase of goods for ordering. However, with a creative approach, if you perceive product cards as a series of frames, you can design the carousel as a series of interconnected banners or tell a graphic story on the cards, encouraging the user to scroll through the frames and thereby involving him in interaction with your advertising.

General requirements and moderation.

All advertising posts and announcements placed on VKontakte on a paid basis undergo mandatory moderation.
They are subject to the general requirements of advertising laws. Limited circulation goods and services require additional legal information and warnings (disclaimers). If necessary, the VKontakte Advertising Office offers to indicate the age limit for advertising. In addition, there are requirements of the VKontakte network for the design of advertisements, which should not be neglected.

The moderator is more likely to reject banners that contain:

grammatical errors;
too many exclamation marks and emoticons;
phrases written in capital letters of different case (CAPS LOCK);
vulgar and disgusting photographs.

If the moderator rejects an advertising post, you will receive a notification about the reasons for this decision and will be able to make changes.
However, it is better to rely on the experience of our specialists, who will ensure that the design of the VK banner exactly meets all the requirements of the network and will not allow a delay in the start of the advertising campaign.

Banners in your community (group) feed posts.

Your community posts (just like generic promotional posts) can include different types of banners.
The main difference from the Universal advertising post in the Advertising Account is that such banners are placed in your own feed for free. (Unless you decide to promote one of your paid posts as a promotional post, of course).

Banners are static images (in JPG, PNG, BMP, GIF formats) with a minimum width of 510px.
It is recommended to upload larger images to preserve their quality when compressed. VKontakte does not give precise recommendations, but 2x image magnification is often used to maintain clarity.

It is possible to place not only rectangular, but also square images, in the style of banners for Instagram. Square banners look especially good in the mobile version of VK. Please remember that the image size will be smaller on mobile devices. Therefore, you should not use small fonts, trying to contain as much information as possible.

The best choice is short and concise texts that are easy to read by the user. You can always provide the client with detailed additional information in the text of the post, on the community page or the company website.

Animated GIF banners (up to 10-12MB for automatic playback, up to 1000px wide (will be reduced to the recording width when loading).

Video banners (videos with resolution up to 1080p). They can be viewed both in the community feed and in the VKontakte video player window.

It's a good practice to create banner templates for your community where you can customize the information and images. This solution allows you to maintain a single, recognizable style for your SMM advertising. Our specialists will be able to choose the right solution.

Banners in the design of a community (group) page.

At the moment, the owner of the VKontakte community is offered a choice of two page design options:

Horizontal top banner of the VKontakte menu (“cover” or “page header”).
Side vertical banner-avatar in the upper right part of the page (the round fragment of which is used as a small avatar, more about it below).

The horizontal cover banner is located across the entire width of the group page – 795px. It is recommended to upload an image with a size of 1590x400px; visually it will be reduced in size by half without loss of quality.

Such a banner can be used both as the main visual banner of the page, presenting general information about the company, its activities and contact information, and for prompt information about current promotions and discounts. Since the banner for the VKontakte group is located above the “Subscribe” menu button, you can place an additional motivating call “Join the group!” in the banner itself above the button. “Be the first to know about discounts!” and the like. All important and significant information should be grouped in the center of the VKontakte community banner to avoid losses due to cutting off edges on mobile devices.

The side vertical avatar banner can also contain any advertising graphics; you just need to provide a round area in its design, which, when uploading a picture of a large avatar, will need to be selected for use as a small round community avatar.

The minimum size of an avatar image is 200x200px. Maximum – 200x500px. Visually, the size of the small round avatar will be reduced to 50px, so you need to make sure that the avatar is clear, understandable, and most importantly, easily recognizable and memorable.

Among the additional elements of advertising page design, you can pay attention to the possibility of including your own graphic elements in the Menu section using Wiki Page Layout. A Menu tab is added to the top pinned News section, accessible to groups. Using Wiki markup, you can design a menu in the style of a page and fill it with additional information and links.

An integrated approach to placing advertising banners and designing the VKontakte community in a single style allows you to increase the recognition and attractiveness of the company’s brand. And the combination of various formats of VK banners allows you to realize any creative idea and make your SMM advertising campaign truly productive.

In this article, I would like to systematize all my knowledge on designing VKontakte groups based on my experience of interacting with clients and their preferences. Moreover, over the past six months, VKontakte has made many changes that many are not even aware of. I wanted to dwell on some of the innovations in more detail, because among them there are really worthwhile and useful things. We all seem to have recovered from some shock after the redesign of VKontakte, and behind the visible changes we discovered the multivariate functioning and content of the group. So now the design of groups involves a complex procedure that is not limited solely to the graphic component in the form of beautiful pictures. Now owners need to take into account many nuances of building a group structure, depending on the topic of the business and the convenience of users.

This mainly concerns choosing a graphic design from two mutually exclusive options, developing an internal menu, choosing an entry point to the internal menu, understanding the difference between a catalog and a product display, preparing promotional materials to promote the group, and using useful applications. But first things first. First, we will look at the basic design elements of the group, then we will move on to their interaction in the form of various combinations and then we will talk about some useful features and subtleties.

1. Horizontal cover (header)
Let's start with a horizontal cover or header. VKontakte developers assure us that the cover, due to its size, provides greater maneuverability in providing and visualizing information. Usually, in addition to a beautiful picture, the header contains a logo, accompanying information, contacts, a call to join the group, and a website address. I have a suspicion that someday covers will become the only possible design option for the group, so I would recommend switching to them immediately in order to avoid force majeure redesigns later.

How to upload a cover
To download the cover, you need to go to Community Management >> Basic Information block >> Community Cover >> Upload. Recommended cover size is 1590x400 pixels. There cannot be any working buttons in the header that can be clicked - essentially it’s a picture and that’s it. Today, the cover is visible on mobile devices, and seems to be already visible in applications and clients.

Wiki tab Latest news
In the top block under the header there can now be three tabs: pinned post, information about the community and wiki menu (only in groups, there is no such tab on public pages). The emphasis is still on the pinned post, but even with its presence, the user will now always have access to information about the community by switching between tabs. For the wiki menu tab to appear (it is initially called Latest News), you need to go to Community Management » Sections » Materials » Restricted (or Open) » Save.

2. Vertical avatar
Now let's turn our attention to the good old avatar for a group measuring 200x500 pixels. For now, it is also a way to design a group. Typically, the avatar contains the following information: logo, accompanying text or slogan, contacts, call to join the group. On mobile devices, the entire avatar is not visible, only part of it is visible—the thumbnail. To design a group, you can use either a horizontal header (cover) or a vertical banner. If there is a header, the vertical avatar is not visible. There cannot be any working buttons on the avatar that can be pressed - essentially it’s a picture and that’s it.

3. Miniature
Currently, a vertical avatar is used to create a thumbnail, the minimum size of which is 200x200 pixels. The thumbnail is used in posts and entries in the form of a small circle near the title and in the form of a larger circle in some selections and community mentions. In connection with the transition to a round shape, the requirements for miniatures have become more stringent. In order for the text on the miniature to be fully readable, it must visually not extend beyond the boundaries of the circle.

How to upload a thumbnail
The miniature has become a completely independent element, and when using the cover (header) in the design of the group, you now have to make a separate miniature, keep in mind. If the group does not have a header (cover), then to upload a thumbnail you need to click “Upload photo” in the avatar block (top right). If the design contains a header (cover), then to upload the thumbnail you need to click on the circle immediately under the header and select “Upload photo” there.

4. Banner
Banner (English banner - flag, banner) is a graphic image of an informational, advertising or incentive nature. The banner is attached as a picture to the post and can only have one internal link. Many are still convinced that several links can be made from a banner on the main page. This is not true, just one link and that's it. I would highlight the following types of banners.

4.1 Informational banner
A common type of banner containing general information about a company, group, service or event with a detailed list of benefits and other accompanying materials. Often used as a pinned post in a group. The size of this banner is 510x307 pixels. At this size, the bottom of the banner coincides with the avatar. If there is no connection with the avatar, then you can use any size. For example, I use the size 600x350 pixels. The square format of 510x510 pixels is also convenient and gaining popularity now - with this size, the banner occupies the largest possible area in the news feed.

4.2 Banner to enter the internal menu
If we add the catchy inscription “Open menu” to the banner from the previous paragraph, then we will get a banner whose main task is to serve as an entry point to the internal menu. Sometimes they create a decoy in the form of several buttons on a banner, but this is an illusion; when clicked, the user still gets to the internal page, and there each button has its own link. The size of this banner is 510x307 pixels. With this size, the bottom of the banner coincides with the avatar. If the entrance to the menu is not tied to the avatar, then you can make the banner any size, even a narrow button with the inscription “Open menu”. The main thing is that the banner width is at least 510 pixels.

4.3 Card for repost, promotions
Recently, cards for reposts or promotions have become especially relevant. Its task is a call to specific action. Basically it’s “Join the group, repost or like and win a prize.” Such banners are used as part of advertising campaigns or promotions both in their own groups and for promotion in other groups. I usually use 600x350 pixels.

4.4 Banner with gif animation
After VK developers made larger sizes for gif images at the beginning of the year, gifs immediately stood on par with information banners. For example, on a GIF banner you can show images of several changing products or texts - movement immediately attracts attention. And when the function was added in June autorun gif animations in the news feed, GIFs have become the object of close attention of advertisers and marketers.

5. Avatar+fixed banner design
Until recently, this modular design, consisting of an avatar and a pinned banner, was the most popular way to design groups. More details on how to do this design are described in the lesson. With the advent of the header (cover), the popularity of this design may decrease slightly.

Plus, there is a possibility that VKontakte will again change some parameters of the blocks and then the entire design will fall off, as has happened twice in the last six months. So, dear group owners, when choosing a design for your group, take this fact into account. Yes, and one more thing, in mobile devices all the beauty of a single picture is not visible, since the avatar is not displayed, but only a thumbnail, and the pinned post is located just below.

6. Internal navigation menu
The menu in the form of active links is located on the internal VKontakte page and is written using wiki markup commands. How to create the inner page itself is described in the lesson. Using the menu, the user navigates through the group. Below you will look at the types of internal menus, but for now we will focus on several important points.

Entry points to the internal menu
I would like to point out one subtle point that is often not given importance. Sometimes clients order an internal menu from me, but they have absolutely no idea how the user will get to this internal menu. And you can get to it in two ways: either through a pinned banner (see paragraph 4.2), or through a text link in the top tab under the status line (see figure below). Sometimes a text link is also placed in the “Links” block in the right column of the interface.

Internal menu links
Typically, when ordering, customers indicate the following menu items: About us, Our products (catalog), Delivery methods, Payment, Guarantees, Reviews, Contacts, Promotions, Discounts, Schedule, How to order, Portfolio, Questions and answers, Info, Place an order. Links from menu items can go to the corresponding sections of the external site. Then the link automatically opens in a new window. Most of the points lead to internal VKontakte pages. In this case, the page opens in the same window and you have to make a link or a “Return to main menu” button.

Links to albums with photos and videos open in a new window. Links to topics with discussions (for example Reviews), to a dialog box for writing messages, to applications (see point 10), to selection by hashtags (see point 12) open in the same window and in this case you can get back to the menu only through the main page of the site, or through the “Back” button in the browser. This is perhaps the most inconvenient moment with such links.

Editing the menu
Clients often ask me if it is possible to edit the internal menu. My answer is, if you are a confident user and are familiar with wiki markup and editing modes, then you can edit. But if you are not familiar with all this, then absolutely not. In this case, you will simply ruin all the settings.

I will quote the words of the VKontakte developers themselves. “One simple piece of advice will save you a lot of effort and nerves: work in only one mode. Either it is visual mode or wiki markup mode. It is switching between these two modes while working on the markup that brings most of the problems: pictures may become smaller, various parameters may disappear. This is one of those things that will definitely be corrected in the future, but for now we need to keep this fact in mind.”

Mobile responsiveness
And one more thing about adaptability. To make the internal menu look the same on mobile devices, you need to layout it on tables. Then the image will be rigidly fixed. Otherwise, when the screen size is reduced, the pictures tend to move one under the other, violating the originally intended order.

Here, again, are the words of the developers about adaptability. “The wiki menu appears in mobile browsers, but does not adapt to screen size, which means images may not look the same as on a computer. You can find guides online on how to adapt wiki markup for mobile devices, but even they do not guarantee 100% performance on all devices.”

7. Types of internal navigation menu
Below are the most common types of internal menus. There are simpler and cheaper solutions that have a high degree of reliability. And there are more complex and labor-intensive designs in terms of graphics and layout. But they look more impressive.

7.2 Large graphical menu
In this case, a vertical row of links is located on a large background image and has a rigidly fixed structure. Here's the lesson.

7.3 Menu in the form of icons, tiles
This design involves several rows and columns in the form of graphic icons and inscriptions for them, or graphic multi-colored or monochrome tiles.

7.4 Dynamic menu with navigation effect
A very impressive design that simulates site navigation with the effect of button clicks or other markings of visited links. Such a menu is quite difficult to manage and requires skills in communicating with wiki markup, since you will also have to edit information on pages in wiki markup. Here is a lesson on this topic.

Recently, specialists in closed chats, newcomers-targetologists, SMMers, as well as entrepreneurs who are trying their hand at V promotional posts, very often they ask the question “what size is needed? for a promotional post?. That is why, using examples, I decided to describe in detail what format should be banner for promotional post, so that it is displayed beautifully and as voluminously as possible on PCs, mobile phones and tablets. Well, let's go :)

For a clear example, I will compare two banners with sizes 1280*720 and 800*525. Yes, by the way, the size and quality of the banner can be different - the most important thing here is the proportions. So, here's what such a banner looks like in the news feed on different devices:

PC - OLD DESIGN VKONTAKTE

As you can see, a banner with a size of 800*525 on the right has a much larger indentation than when using a size of 1280*720. Although it is wider and covers a larger area for viewing through the news feed. Let's see how these banners will look in the new VKontakte design.

PC - NEW DESIGN VKONTAKTE

Well, in the new VKontakte design, both of these sizes differ only in height, while the width remains the same. And, unlike the old version of VK, we do not see a large indentation on the right. But the 800*525 banner captures a much larger visible area in the news feed than the 1280*720 size - the picture is higher and larger!

Now let’s see how these banners will look in the mobile version of the VKontakte application on iOS.

MOBILE - NEWS FEED

Just like in the new VKontakte design, a banner size of 800*525 looks much larger (taller) than a banner with a size of 1280*720. And this is a very big plus for the mobile version, because the news viewing area there is small and advertising with this banner size will take over most of it!

Well, now let's see what a square image will look like in the news feed! For clarity, I will make a table.

PC - old VKontakte design	PC - new design of VKontakte	Mobile - VKontakte application

Well, now we have clearly seen that pictures with a size of 800*525 and higher get a better view, approaching a square shape. But! Don’t forget that promo posts also contain text, so when you choose the size of the picture, don’t forget that to view the text on different devices, the picture shouldn’t take up all the visible space in the news feed! It is important!

Since now part of the audience “sits” on VKontakte through the new design, and most through the old one, it is better to use the size 800*525. Yes, we tried and tinkered with other sizes, trying to reduce the indentation from the right edge, but it only increased and the smallest indentation (taking into account larger viewing via mobile) turned out to be 800*525.

Well, that's all for today. Thank you for your attention and quality promotions! 😉

Thank you for your attention!

Despite its relatively low CTR, many companies will continue to invest their budgets in banners. And there are reasons for this. Display advertising allows you to increase brand awareness and expand its reach.

Banner advertising on VKontakte

The site offers several promotion formats, one of which is a text-graphic block. It is displayed only in the full version of the social network on the right.

A banner can link to any external resource, VKontakte group or community, as well as an application. There are 3 main types of blocks:

Image and text (145x85)
Large image (145x165)
Community promotion (145x145)

How to create a VKontakte banner

You can make a banner in any graphic editor. Create an image of the appropriate size and let your imagination run wild.

You can also use online services and ready-made templates that will make your banner look more professional. For example, Canva or Easil.

How to place a VK banner

Select the format that suits you best and create a banner.

Set your target audience. The narrower the sample, the greater the chance of attracting the attention of interested users.

Set payment for 1000 impressions or for conversions. The choice will depend on your goals: increase brand awareness or drive traffic? Don't forget to name your campaign.

Check all the details and click Create ad. After this, in the Advertising campaigns section you will be able to start and stop displaying the banner, as well as track statistics.

Examples of VKontakte banners

Creating and placing a banner is not difficult, but how to make it visible and effective? Below we look at 50 examples of advertisements that attract attention.

FOR FREE

The most tempting and eye-catching ad is an offer to receive something valuable for free. Users actively react to this “magic” word and advertisers take advantage of it.

CALL

Another effective technique is the challenge: “Become!”, “Find out!”, “Weak?” Such formulations motivate action.

VALUE

The most obvious strategy to attract traffic is to communicate the value you offer.

INTRIGUE

PERSONAL BRAND

On a large number of banners you can see the faces of specialists who offer to make your life better. An effective technique for building trust.

ILLUSTRATIONS

If personal branding isn't your thing, grab attention with a strong illustration and character. See how it works.

MEM

Many of us use social networks because they make us a little closer to family, friends and acquaintances. On these sites there are groups and communities in which we can communicate with people similar to us, so this article will talk about how to make a banner in the VK group, why this banner is needed at all and when it appeared. This information will help those who want to realize themselves in creating communities and groups. Many people most often pay attention to the banner, because it is the face of the page.

What you need to know to create a VK banner

First, you need to understand what groups are - these are special communities that people can join solely of their own free will. Communities are divided into two types: closed and open. It is clear that you can get into closed ones only by invitation or direct link to the community, after which the project administration will consider your application for membership for some time.

For the first time, large banners in groups appeared in 2016, after the next big update of VK, but users even liked it, unlike the previous ones, which were associated with a complete change in the site’s colors, design, and much more. After the update, messages to moderators immediately began about how to make a large banner in the VK group. This request was of interest to many, because a banner is an additional place for advertising, but there was little information on how to make one at that time.

If you do not know how to create your own pictures using popular image processing applications, such as Adobe Photoshop, then we recommend that you read the next paragraph of the article, where we will tell you in detail how to make a banner. If you are an experienced user, then it is worth saying that the requirements for the image are as follows: 1590 x 400 px, and the image format is JPG.

How to make a banner in the VK group at the top

First, you will need to create an empty canvas; it is advisable to use an application that you are more or less versed in, but it is advisable to learn how to use Photoshop. It implements many functions that can create a masterpiece, but it’s not essential. The main thing is to make the canvas strictly 1590 x 400 pixels, that is, 1590 wide and 400 high - these proportions will look good on any monitor. If you don't know how to do this, there are instructions below.

How to make a banner in the “VK” group in Adobe Photoshop:

Open the photo editor and click the “File” button, then “Create”.
In the "Width" field enter the value 1590, and in the "Height" - 400, then click OK.
Now you can place any image in this canvas and adjust it using the Alt+T key combination.
In the “File” field, find the “Save As” button and select JPG as the format type.

You can make a picture in a similar way in any photo editor, but the location of the functional buttons may vary. Now you should upload this picture to your group.

How to make a banner in the VK group:

Login to your group. Under the avatar there will be an inscription “Actions”. After clicking it, a window will open where you need to select “Management”.
Among all the possible options, you need to find “Community Cover” - this is what we need. There you will find the “Upload” field, in which you need to upload our finished JPG image.
Done, now the banner will be placed on the main page of the community.

Finally

We hope that you understand how to make a banner in a VK group, because this knowledge is required for those who are going to create their own group. Don't forget that you can place an advertisement in a banner and get paid for it.