Creating avatars for groups in contact. Secrets of VKontakte. Creating a single block “Avatar and Menu”

Quite a lot of people work on the Internet, where at every step a new idea, fresh thoughts, and a desire to create are required. When the business begins to gain momentum, the logical continuation would be to create a group on one of the social networks, where each user can contact you, learn about your product from another person, etc.

Later in the article we will tell you what sizes are needed for a VKontakte group avatar and what you should focus on when creating an avatar.

Cover

Typically, this VK design element has a size of 1600 by 400 pixels. But on the mobile version only part of the image will be displayed - 1200 by 400 pixels. The cover cannot be clicked and is not a required design element.

If you don't upload a cover photo, a full-length avatar will appear on the right. Take into account the features of displaying the cover on a smartphone: the visible area in the mobile version is 1200 by 400 pixels, and this “section” is located in the center. On top, almost 100 pixels are eaten up by smartphone data. A diagram with the exact dimensions of the cover is shown below.

Cover size chart

Sometimes, for the convenience of users, you can draw an arrow on the cover that points visitors to the subscribe button (in the photo below the arrow points to the button to go to the site, which is also convenient).

The arrow points to the button to subscribe or go to the site

Please note that on smartphones this arrow moves. So before creating a cover, it’s worth finding out on what devices the audience views public posts. For example, in a group the vast majority of visitors use mobile devices, so the arrow is not required in this case.

Otzyvmarketing group statistics

Cover size for VKontakte group

A new format that allows you to change the design of the group as a whole. How to install VK cover? You need to go to 'manage - settings', there will be an item 'Community cover' - click, load. The recommended cover size is 795x200px, but should be added at 1590x400px for optimal display on larger screens.

Dynamics

A dynamic cover is more effective than a static one. It will change regularly so additional information can be conveyed to visitors. For example, in a city group you can show the weather, report important events and promotions, and display avatars of distinguished subscribers.

To create dynamics, you can use a regular image. Its dimensions were mentioned above.

Scripts that need to be written and added to the cover will be directly responsible for the dynamics. We won’t talk about how to write scripts for the cover. If you don't have good programming knowledge, you won't be able to write a working script. However, there is a way out: you can hire an experienced freelancer or use paid designers.

If you want to update the cover every minute or more often, you will have to add an anti-captcha service. The scripts will be installed on a third-party site, so a domain will be needed for the dynamic cover to work. You can also use the designer service.

A dynamic cover has a lot of possibilities. For example, it can be completely changed when the user clicks on the subscribe button. Thanks to this, visitors and random guests see different covers. This turns out to be the simplest targeting.

Create an avatar

Finally, after we answered the question “How to make an avatar for a VKontakte group?”, it’s time to think about what will be shown in the photo in the group. As already noted, it should be something thematic, attractive and informative. We invite you to take a piece of paper and a pen and sketch out a logo for your community. After this you can start creating the image.

This can be done using one of the methods indicated above. If you don’t know which avatar is better, you can resort to a simple but effective method of determining: voting in the group itself. Let people decide which photo is better.

Instructions

Open Adobe Photoshop and create a new document. Immediately set the desired width to 200px and height to 500px. Set the resolution higher, but the bit depth of the color mode is not so important, you can leave it at the default 8 bits.

Start with the background. You can simply fill it with color using the Fill Tool in the left panel, or by applying a Gradient. In this case, a picture was used as the main background. To prevent it from being distorted when fitting, hold Ctrl and drag a corner, enlarging or reducing the image to the desired size.

Insert a photo that best reflects your essence or who you want to appear to visitors to your page. Still, it is by your avatar that people will judge you first. If you don’t want to put a photo, you can write your nickname in the background. In this case, it’s worth playing with the text - use additional fonts, change the transparency and fill level, and the properties of the layer itself. In this case, shadow and inner glow effects were used, and darkening was selected in the layer overlay.

Add artistic effects with brushes. You can use standard ones or find sets on specialized sites. Before using the brush, create a new layer by pressing Shift+Ctrl+N.

Create another layer to add a frame. Then select the “Rectangular Selection” tool and use it to select not the entire picture, but stepping back from the edges a couple of millimeters. Press Shift+Ctrl+I, the selection is inverted. Fill it with white and set the Blending Mode to Soft Light.

If you want to get a high-quality image, work in a professional graphics editor. If you don’t know how to use it, then open a photo or picture in Paint and crop it approximately so that the image fits into the required frames. The inconvenience of the built-in editor is that you will not be able to accurately set the required dimensions.

Elongating a photo is a simple procedure, but it still requires some skill. In particular, when doing this in Adobe Photoshop, it is worth knowing about the existence of the “Free Transform” command.

You will need

— Russified version of Adobe Photoshop CS5

Instructions

Launch Adobe Photoshop CS5 editor and add the required photo

: Click the menu item “File” > “Open” (or press the hot keys Ctrl+O), select the desired file and click “Open”. Let's verbally designate this document as D1.

Click the Image > Image Size menu item. In the window that opens there will be fields “Width” and “Height”, remember these values - these are the dimensions of the image that you added to Photoshop.

To open the window for creating a new document, click the menu item “File” > “New” (or use the hot keys Ctrl+N). Leave the height the same as the photo, the dimensions of which you determined in the second step of this instruction, and make the width about one and a half times larger. Click OK. Let's verbally designate this document as D2.

Select the Move tool (hotkey V), drag the image from D1 to D2 and align it to the left.

Call the free transformation command. There are two ways to do this. The first is to click the Edit > Free Transform menu item. Second – click the hot keys Ctrl+T. Transparent square markers will appear on the sides and corners of the layer. Hover your cursor over the marker that is on the right side of the image. The cursor will turn into a double arrow. Hold down the left button and drag the mouse to the right to the very edge, thereby stretching the image. Press Enter to save the result.

To save the result, click the menu item “File” > “Save As” (or use the hot keys Ctrl+Shift+S), select the path for the future file, enter its name, specify Jpeg in the “File type” field and click “Save”.

To undo the previous action, use the hotkeys Ctrl+Z. To undo more than one action, use the “History” window (menu item “Window” > “History”).

Video on the topic

Today it is difficult to find a student who is not registered in Russia’s largest social network, VKontakte. Not to mention the entertaining component of this resource, it often turns out to be useful for connecting with friends and acquaintances at the university, communicating with them and resolving joint issues. How to indicate on VKontakte which higher educational institution you are studying at will be discussed further.

You will need

Internet access

Instructions

Log in to your VKontakte account. To do this, enter vkontakte.ru in the address bar of your browser, enter your e-mail (or login) and password in the page that opens, and click “Login.”

To go to the page for editing your higher education, click on the “Edit” inscription located opposite the “Education” heading on the right side of the page, or click on the “Edit” button located next to the “My Page” inscription in the upper left corner and select the “Education” section. Then click on the “Higher Education” tab located to the right of the active “Secondary Education” tab.

Now you can proceed directly to choosing your university. To do this, select one by one: the country in which you are studying, the city in which your university is located, the higher education institution itself, the form of study, your status and graduation date. After that, click "Save"

If necessary, you can list more than one higher education institution on your page. To do this, after saving the first university, click on the inscription “Add education” and again perform all the steps described in the previous paragraph.

Once you have completed selecting the universities where you studied or are studying, return to your page and make sure that the information you added appears under the “Education” heading.

note

In order to add a higher educational institution on VKontakte, you need to know its abbreviation.

Helpful advice

Remember the login details for your VKontakte page.

You can attract many visitors to your social network page or make yourself known on the forum with the help of an impressive avatar or a loud nickname

.
Skillfully selected, these attributes will be able to express your attitude towards the world around you; without your participation, they will tell your virtual interlocutors about
what you are like as a person. Using programs for generating nicknames, it is possible to make a new nickname memorable and original.

Greetings, friends.

In this article I will show you how to make an avatar for free

using three services (which, in my opinion, are the best).

But, first, a few words about what an avatar is, why it is needed, and why, in fact, it is needed on the blog.

Avatar

– this is a graphic image (most often not animated) that “represents” you on the Internet (on social networks, on a blog, etc.). Most often, a photograph is used as an avatar, as well as cartoon and movie characters.

Why do you need an avatar?

An avatar is needed primarily to identify you as a real person, and not a bot. All the same, a person with an avatar is perceived better, there is more trust in him (at least for me). Bots (robots, “non-living” network participants) almost never have an avatar.

If you make yourself an unusual, memorable avatar, this will also make you stand out from others.

So, I want to introduce you to three services that will help you make an avatar online.

Service for creating ava in the style of South Park. Previously, and even now, avatraks in this style are very popular. The created images look pretty good and interesting. This is what my avatar looks like.

In order to make an avatar online using the Sp-studio service you need:

1. Go to the website

2. Click on the person's image

3. In the character creation menu, select the background, skin color, hair, etc.

Faceyourmanga

Another service for creating a cartoon character. It’s also quite an interesting service, the avatars turn out beautiful and unusual. Here is my avatar made in this service.

So, in order to make an avatar online using the Faceyourmanga service you need:

2. Register on the service (to do this, click on the big green button in)

3. After registration, select “Create”

4. Choose which avatar you will create, male or female.

5. Now choose the avatar values that suit you (everything is easy here)

6. After creating the image, save it by clicking the “Save” button

Service for photo processing. Using this service you can create a beautiful “drawn” avatar. Here, for example, is mine (as if painted in oil).

In order to make an avatar for free using the Fotosketcher service, you need:

1. Go to the service website -

2. Go to the “Download” section, download a special program for creating effects

3. Download and install the program

4. Launch the program, open your photo or any other image in it

5. Click the “Drawing Options” button, and select the appropriate effect, click the “Draw” button

6. Save the resulting image.

Using my instructions, you can easily make an avatar for free

, with the help of useful services.

Animated cover on smartphones

Any image measuring 9 by 16 is suitable for an animated cover. You can add several photos (up to five) to show the visitor a slide show. Instead of images, you can add a short video that will play without sound. You can add pictures in the group settings menu.

Group settings

After clicking the “Save” button, a form for setting up a cover for smartphones will appear in the next window.

How to add a cover to a group

Image Options

The VK administration is constantly improving the appearance of its services, making it more beautiful and convenient for users. Thus, vertical avatars were replaced by horizontal background images in the community header. Moreover, now it is possible not only the classic static display, but the use of dynamic blocks with timers, exchange rates, CRM data and other modules.

For the two options, the size of the group cover in VK is the same. Minimum width and height 795 x 200 px. But the developers advise doubling the parameters of the source file - up to 1590 x 400 px. This allows the public to look equally good on a phone and a widescreen PC monitor.

When developing a design, you need to consider the location of the navigation buttons. The distance from the right edge is 66 px, the distance between them is 10 px, and the size of each is 157 px.

When searching for a picture, it is not necessary to maintain the specified proportions. It is important that the resolution is not less than specified. Below we describe how to adjust it to the required parameters.

Navigation elements should be positioned so that they are visible not only on the PC, but also on the phone. Therefore, let’s look at how to make a cover in a VK group for the mobile version. There are some size features:

196 px on each side simply goes beyond the limits of visibility.
The upper 83 px are occupied by service icons, where the clock, mobile operators and other information are displayed.
140 px on the sides are occupied by pop-up menu and message icons.

Only the 918 x 317 px area remains untouched. This is what you need to focus on.

The exact layout of all elements simplifies the work. But before approving the final version, it is better to publish the image and make sure that important parts are not overlapped by pop-up icons and panels. This helps make the community attractive to users of any device.

A regular menu already has buttons, a “wiki menu” will only be useful if you need to add more than 7 buttons or links to third-party sites. The Ideal Post For regular posts on a page, you should choose images that are at least 700 pixels wide, and for articles, you should choose images that are at least 500 by 300 pixels wide.

VK has introduced a “smart” ranking of articles, so for better placement in the feed, you should choose high-quality pictures. We recommend selecting images with dimensions greater than 1000 pixels. The minimum width is 700 pixels.

The aspect ratio of the image should be standard. You should not add pictures that are too horizontal or vertical to your posts and articles. It is better to use images that are close in proportion to a square.

Pictures for desktops

On personal computers and laptops, the image in a VK post is aligned in width. If the image is unique and of high quality, it is better to make it square - this way it will take up more space on the screen. To do this, use horizontal orientation. The situation is the same in the mobile version.

The vertical orientation is worse - the picture shifts to the side, and alignment to the center does not occur. In the mobile version, the picture is aligned to the center, but white fields appear around it.

Try to use horizontal images in your articles. They are best placed on the wall.

Do not add pictures with text; they interfere with the title, which will already appear in the center of the picture. We recommend using dark images as the title on the image is white. However, the title text has a shadow, which allows you to clearly distinguish the letters in light-colored photographs.

To avoid VKontakte sanctions, do not add begging words like “like” or “repost” to your images. Social networks are struggling with cheating, so they can pessimize an article for being too intrusive.

What size should images of external links on VKontakte be?

As is the case with regular images for posts, downloaded images that are inserted along with links to external resources are also automatically compressed to certain sizes. VKontakte recommends using the following sizes for these pictures:

The width should be 537 pixels;
The height should be set to 240px.

Moreover, when publishing such an image along with an external link, VKontakte will offer to crop a certain area in the image with these dimensions, which will be used for display. At the same time, if the image has completely different dimensions that are in no way compatible with those installed on this social network, in the end this image simply cannot be uploaded to the site. This applies to pictures that are much larger and much smaller than the specified sizes.

Goods

Product image sizes must be greater than 600 pixels. It is necessary to add a photo; without this, you will not be able to publish the product. Any sufficiently high-quality picture will do. In a row of products, only the square selected in the image will be shown; when you select a product, a card with the entire picture will open.

It is better not to use horizontal pictures for illustration, as they create empty fields. We recommend preparing pictures for products in the same style, so they will look more advantageous in the general list.