Game hats for VK group. Designing the VKontakte community: the most detailed guide in RuNet for a group or public page

Do you want to decorate your group on VK (Vkontakte) and create a unique header (cover) for it? In this article I will talk about what size and format it should be, how to add a header to VK, and I will also post the PSD source (Photoshop format) of the template of the required size.

How to make a header (cover) for a group in VK?

What is a hat in a group on VK? This is just a picture, size 1590x400 and format - JPG, GIF or PNG. It is located at the top in the VK group and looks like this:

Step 1. Create an image of the required size.

First, we need to create the picture itself, for this I used Photoshop (You can download the finished template in PSD format). Open Photoshop, select “File” -> “Create” from the menu.

A window will appear where you need to change the dimensions of the image, the width will be 1590 px, height 400. Color modes can be left at default. Click "OK"

I would like to note that the image can be larger in size; when adding an image, VK will offer to cut it to the size it needs. I don’t recommend adding anything above a width of 400 px; VK will cut off part of the picture.

As a result, we will get a blank sheet of the size we need. Next, we draw what we want to see in the header and save our creation. My template looks like this:

Step 2. Change the header in the VK group.

Next, we need to upload our image to the VK group. To do this, go to our group, in the upper right corner (under the group avatar) click “three dots” (...), from the drop-down menu select “Community Management”.

A window will appear asking you to upload an image, click “Select file”

We select our image and a window appears with the option to crop the image, since everything corresponds to the required dimensions, click “Save and Continue”

As a result, we will see a message stating that the cover was successfully loaded, then we simply go to our group and admire the resulting effect.

You can change the header (cover) as many times as you like.

So we created our own hat for the group on VK.

You can also take one of the suggested templates in this article:

Will always be relevant. After all, every year we are pleased with new opportunities and tools that help not only decorate our group, but also attract more subscribers. Our topic in this article is how to make a group hat in VK. Let's touch on the main points of working with it, what it means, what they are and how it is installed.

Many people, when they hear the word “hat,” immediately remember the cover and believe that they are one and the same thing. In part, this is true. But the fact is that the cover is only part of the header, or, to be more precise, part of one of the varieties.

The header is the top part of the site, which is present on all pages. Sometimes it is made pinned, and when scrolling the page it remains on the screen. As was done with the VKontakte website. The blue stripe on which the logo, search bar, “Notifications” button and music player are located - this is the header of the VK website.


In groups it’s the same – the header is the top part of the group. Therefore, considering just the cover as a header is not entirely correct. In addition to it, it also includes an avatar, name, status, “write”, “subscribe” buttons and others.

You cannot change the font or button design. But perhaps it’s for the better, since they fit into the overall design of the VK website. You can only change the avatar/cover.

What is the role of the hat in the life of the group?

The first task of a hat is to please the human eye. After all, you must admit that if a group is designed without taste, then the chances that the user will be a user are much less.

Many public page creators don’t think about this issue at all and install the first picture they come across from Yandex or Google. This is especially true at the initial stage of the community. Never do this!

Your group should have its own original style and stand out from the rest. This not only helps to make the page look beautiful, but also helps to attract users. This is the second task of the hat - attraction.

As an example, in the header you can indicate the nature of the published content (using various methods). In other words, what can a person find here? If you do this in an original and stylish way, then believe me, most people will want to stay and subscribe to you. The screenshot shows a great example.

What are they?

There are two types of headers for VK public pages:

  • Standard header (using an avatar);
  • Horizontal header (using cover).

It turns out that the whole difference lies in what type of image is installed. Below are examples where you can see the difference:


  1. The picture you choose must match the theme of your group.
  2. Always use high quality and appropriately sized images.
  3. Do not overload the header with various details, especially those that the subscriber is unlikely to use (for example, he is unlikely to enter the site address manually, so you can remove this point and indicate your site in the community links).
  4. When using horizontal headers, choose the photo so that it matches the miniature.
  5. Do not violate copyright. With a small community, this may not be noticed, but if the public becomes popular, then you will most likely have problems with this.
  6. [Total votes: 1 Average: 5/5]

The cover for VKontakte groups appeared back in 2016. It has become an alternative to a vertical avatar. According to representatives of the social network, community covers provide more opportunities for creative experiments. On them you can place not only attractive photographs, but also inscriptions, a logo, and additional calls to action.

Thanks to this material, you will learn how to make beautiful and memorable covers for the VKontakte group. You don't have to master the intricacies of graphic editors, download software and buy a license. A striking design for the VKontakte community is easy to create using free online tools.

The recommended cover size for a VKontakte group is 1590×400 pixels. However, community owners can use graphics in other sizes. For example, when viewing a public page from a computer, the cover is displayed in size 795x200 pixels. For mobile device users, the community header adjusts to the screen size.

A universal cover that will be displayed equally on both computers and mobile devices.

Smartphone users see a “cropped” version of community covers - 190–200 pixels are cut off on the sides. When creating graphics for the VKontakte public page, do not forget about this feature, otherwise the call to action or logo will be cut off, and this will negatively affect both the brand and conversion.


When creating a cover for my VKontakte community, I did not take into account the recommendations of the social network, so on smartphones the cover is cropped.

If you took a photo or found a picture in a photo bank that perfectly describes your business, but does not correspond to the recommended VKontakte sizes, do not be discouraged. Such graphics can also be placed on the cover of the community - just specify the visible area and crop the image in the built-in editor of the social network.

What should be on the cover of a community

When creating a “header” for a VKontakte group, remember that it should contain only basic information and nothing superfluous. If you receive clients in offices, be sure to indicate on the cover the addresses, telephone numbers and opening hours of the branches. If you are going to sell any goods through the public, for example, original soft toys, demonstrate them in the “header”.

Use the following guide if you are unsure of what elements to place on your community cover:

  • Title. Don't overdo it with creativity. Potential subscribers should immediately understand from the title where they are and what useful information they can get from the public page.
  • Subtitle. With its help, you can decipher or supplement the title. Try to be concise in your wording.
  • Logo. If your company has a beautiful and high-quality logo, place it in the group header. This element will increase awareness of your brand.
  • Contact details. You can also indicate your phone number or email on the cover of the group. For example, if you deliver food to your home and your company has a single phone number for receiving orders, place it in the header.
  • Photo by target audience. Another way to convey to a future subscriber that the group will be useful to him. However, before posting a photo or picture with your target audience, do not forget to conduct an analysis and draw up portraits of potential clients.
  • Product photo. If you are going to sell products through public, use high-quality photographs of the products in the header.

To help you better understand how to properly design the cover of a VKontakte group, look at successful and unsuccessful examples.

Examples of good and bad covers for a VKontakte group header

Let's start with successful examples. The owners of this public have done a great job with the graphics - the cover contains a title, subtitle, logo, contact information, and a call to action.

Another example of a successful cover. The “header” is not overloaded with information - it only contains the title, logo and product photos. Detailed information about the community's activities is posted in the status.

Laconic, simple and tasteful. There is nothing superfluous on the cover. All the necessary data - hours and work schedule, address, contact numbers - are indicated in the community information.

Not a very good example of a VKontakte group cover. Yes, the header contains contact numbers, a title and subtitle, a logo and a USP. It’s just not entirely clear in which cities the company operates and what services it provides. There is no decoding in the community status either. Future subscribers will have to read the text in the public information to understand whether they need the company’s services or not.

Another example of a bad cover. The community administrator decided to put all the information in a “header” and ended up with a deadly mixture. Moreover, on a smartphone the cover is cut off on the sides - the user will not see the list with the assortment, contact information and part of the logo.

Now that you roughly understand how to make a VK group cover and what to place on it, it’s time to move on to practice. And the simple and free online editor Canva will help you with this.

To make a cover in , you don’t need to go through a lengthy registration process or buy a license. You can use your Google account or Facebook profile to log in.

Step 1.Once you're logged into Canva, start creating your cover. This can be done in two ways - manually, indicating the size of the “cap”. When you click on the “Create VK Group Cover” button, Canva will open a new template with recommended dimensions - 1590x400 pixels - and layout options.

Step 2.If you don't know what to put on your cover, experiment with free layouts. Try out cover options, try changing the background color, position of inscriptions, frames and logos.

Step 3.To change the cover background, upload your image to the editor by clicking on the “Downloads” icon and clicking on the “Upload your own images” button.

After uploading the image to the service, click on the picture. It will “fall” on top of the design. To make it the background, hold down the left mouse button and drag the image down. If you are not happy with the visible area on the cover, double-click on the background and move the image the way you want. Click the checkmark at the top to save your changes.

Step 4.To add text to the cover, click on the “Text” icon and familiarize yourself with the types of inscriptions and fonts.

For any inscription you can define the font, size, color, letter and line spacing. Don't be afraid to experiment - all changes can be easily removed using the Ctrl+Z key combination.

Step 5.When the cover is ready, save the image by clicking on the “Download” button at the top of the menu.

The service will offer to choose a format - PNG, JPG and PDF (standard and for printing). For VKontakte it is better to use the first two formats.

All you have to do is click on the “Download” button, and in a few seconds the finished cover will be on your computer.

If you are the owner of a group on VKontakte, then you definitely want to see it beautiful and attractive, with a large number of active subscribers. A colorful cover can help with this. Despite the fact that VK has provided the ability to add headers to groups for a long time, many group owners still do not use them, and in vain. In this article I will tell you how to make a header in a group in VK and what nuances should be taken into account.

Creating a header

To create a header, it is best to use the graphic editor Photoshop, since it can save image templates, which can be useful in the future. Open the program and in the top menu click “File” - “New” (or you can just press Ctrl+N if you are impatient).

In the window that opens, you need to specify the size of the image to be created. VKontakte requires a size with a width of 1590 and a height of 400 pixels. Specify it and make sure that in the right field next to the height and width you select “px” and not “cm”, otherwise the image will not fit on three monitors. Click OK.

The blank canvas is ready, now your creativity comes into play. Add each new image element as a different layer. Once finished, save the header template as a psd in case you need to edit the header in the future. For VK, save the header in jpg, png or gif format.

Adding a header to a group

To install the created header, go to the main page of your group. On the right, under the avatar, click on the ellipsis next to the words “Actions”. A drop-down list will open in which we are interested in the “Management” item.

You will find yourself in the group settings. Find "Group Cover" and click "Upload".


A window will pop up with recommendations from VK about the recommended hat sizes, but we already know that, right? Click on “Select file” and select the created image. VK will offer to select the area of ​​the picture for the header, but if you did everything according to the instructions above, the selection will be automatic, just click “Save and Continue”.

VKontakte should automatically redirect you back to settings and show you a notification that the image has been successfully uploaded. But don’t rush to exit the settings, otherwise nothing will be saved! To save everything, you need to additionally click on the “Save” button at the very bottom of the page. This strange design decision has spoiled a lot of nerves for community owners, be careful.

By going to your group's home page, you can rate your header online. Take a closer look at how clearly all the elements on the header are visible. “Play” with the page scale by pressing Ctrl+ and Ctrl-. Typically, users set the scale to no less than 70 and no more than 120 percent.

Do you want to change or remove the header? To do this, you no longer need to go into the settings; just hover your mouse over the header to see 3 hidden buttons on the right. The first is responsible for replacing, the second for changing the selection, the third, with the image of a trash can, for deleting. If you forget which one is responsible for what, just hover your mouse cursor over the desired button and you will see a hint.


Adding a header through the official client on Android is practically no different from the method described above. The only difference is the application's ribbon interface, in which everything is displayed as a vertical ribbon. Accordingly, the “Community Management” item here is located not on the right, but in the center.

How does having a hat contribute to the success of a VK group?

A beautiful and high-quality hat will attract new subscribers to the group. Due to its position at the center and at the top, it is the first thing a user sees when they land on a community page. On the header you can (and should!) indicate the logo of your group/brand/product and contact information. But it’s better not to overdo it with the latter - a small logo, hung on all sides with huge phone numbers and addresses, looks completely unattractive. Also use a harmonious color combination. Blue text on a red background will force potential subscribers not only to close the page with the group, but also to blacklist it.

Possible problems and their solutions

Creating a header can be challenging. Let's look at the most common problems:

  • The hat looks blurry. Check the image resolution. If it is less than recommended, then VK will automatically stretch the image, making it “blurry”.
  • When I try to put a header, it says “invalid format”. VK only accepts images in jpg, png and gif format. If you have an image with a jpeg extension, then simply rename the file to jpg. This is the same thing, but VK requires jpg.

The image is loaded vertically. Perhaps the image meta tags are set to display vertically. But you don’t need Photoshop to change it - pay attention to the arrows at the bottom of the loaded image. By clicking on them, you can rotate the image 90 degrees left and right. See also, which is better, a cover or a banner in the article “

We've released a new book, Social Media Content Marketing: How to Get Inside Your Followers' Heads and Make Them Fall in Love with Your Brand.

The appearance of any service is very important to create a positive mood, attract people, convenience, etc. Social networks cannot be considered an exception either. Several years ago, new design options appeared in VK groups - covers. Moreover, some developers propose creating dynamic blocks at the top of public pages with exchange rates, time, changing data, weather, etc. CRM and other modules.

Many users ask questions: how to make a header at the top of a VKontakte group, what size should it be, are there ready-made templates, can they be found in PSD, how to add (install) it? Let's sort it out in order.

Some administrators still prefer the old view at the top of the public page - an avatar with one pinned post. When using an image with a maximum size of 200x500, the image size in the pinned post should be 510x308 pixels. Instead of a picture, you can attach a video that will continue the avatar stylistically.
If a separate header is installed, the avatar will become a miniature (a round picture cropped from the avatar).

  • The header (cover) must have one of two sizes - 795x200px or 1590x400 pixels.
  • The second format allows you to beautifully design a VK group for viewing on large monitors.
  • The upper part is created in any graphic editor, which we will talk about a little later.
  • To prevent the image from being distorted, when saving it in Photoshop, you need to use the “Save for WEB” tool, where you select sRGB. This manipulation will get rid of the ripples.

How to upload a finished image

  • If you log into a public page under the administrator's login, then when you hover your mouse over the top part of it, the symbols appear - an up arrow, a cage and a trash can. When you select the arrow, you can load a picture, when you click on a cell, you can edit it, and on the ballot box, you can delete it.

  • At the time of downloading, recommendations for file sizes and formats appear. You can also upload an image by going to settings. Under the public type there is a link to download the main image.

  • Please note that for mobile versions, key graphic elements should not be on the right edge of the image, nor on the left or top. It is necessary to retreat 197 px from the sides, and 83 from the top.

Graphic editor

So, how to develop a graphic block and what software can be useful?

First of all, this is the well-known powerful Photoshop. Select “Create file” and set the required dimensions. Then we load an image from the template (to edit it) or draw a new one. After finishing the work, we save it for WEB.

The second option is the Paint editor preinstalled in Windows.

Among online services, Canva is known as the easiest free tool for creating images.

You can choose a ready-made template. Then point to social media graphics.

When working, you need to change sizes, backgrounds, and add text to the cover. The program is paid, its trial period is 30 days.

How to choose (create) an attractive cover

The header in VK can belong to one of the types, depending on the display.

  • Delivers a message about an event, promotions, new products, etc.
  • Shows a special offer or the most popular product.
  • Changes every month (week, quarter, for some event, etc.).
  • With a famous person in a collage.
  • Sends visitors to the site or invites them to join a group.

Requirements for graphics and texts

  • Header images must be of good quality.
  • There should be no clutter of elements.
  • The cover should look good on both PCs and phones.
  • It must correspond to the design of the public.
  • Must be individual.
  • Contrast with the VKontakte background.

What images and texts should you use?

  • Emotional - any feelings prompt a person to action.
  • Relevant - must correspond to the interests of subscribers.
  • Nice colors - they increase conversion. Orange and yellow improve your mood, green speaks of money and the environment, blue speaks of reliability, red speaks of stocks.
  • It is not recommended to use more than 3 colors, as a color boom occurs.
  • The right font conveys the theme of the public at first glance.
  • Words convey the main idea to the audience.
  • Faces and images of people in a collage (1-2 people) attract attention and are catchy.
  • Contact Information.
  • Call to action.
  • People always look straight at the arrow, so feel free to draw it and point it to the “Join” button.

Header templates

You can download ready-made covers from different sites (You-ps, Vk-oblozhki). There are public pages on VK that offer downloads of PSD headers. Among them are Psdboxteam, Bankshab, Covertovk, Psdforvk.

Dynamic header

We are all accustomed to static images. Adding dynamics to the cover is very simple. There are special services on the Internet that allow you to do this in a couple of minutes.
For example, LETSCOVER (paid). After registration, the user gets to his VK page, clicks “Create cover” and goes into a special editor.

Loads the previously created ready-made header into the editor. Then selects the desired widgets.


You can change fonts, avatars, widget positions, etc. Once configured, a preview of the actual cover becomes available. Then you should save the changes. A similar service is Dycover and others like it.

Another way is to create dynamics through PHP code. For example, the Callback API from VK can provide extensive capabilities for counting users, likes, displaying exchange rates, traffic jams, etc.

We hope our tips will help you create a well-attended, interesting group that will become a worthy addition to a well-known social network.



error: Content is protected!!