5 new fashion trends
I continue to translate an article on web design trends. The first 5 new fashion trends look like this: Printed letters Advanced User Interfaces PNG transparency Huge typography Font replacement…

Continue reading →

Design in the browser for beginners
Read it! It will be quite enough to begin. Make your first, most likely clumsy site. Go back and read again. Correct errors. Repeat. No, you probably do not want…

Continue reading →

7 popular typography trends in web site design
Typography is the style, location and appearance of printed letters / texts on a page. Currently, it has already become an integral element of web design. A lot of interesting…

Continue reading →

How to make a favicon with your own hands?

A site without favicon, like a ship without a flag. Favicon is an integral part of the site brand, its image and identification. By the way, look at the issuance of any search engine (for example, Yandex). You will definitely find next to the titles of found pages and favicon documents. Those. Favicon, it is also a factor that increases the clickability of your site in search results. Therefore, without a favicon anywhere!

How to make a favicon? The process can be divided into 2 stages:

Making a favicon or finding a finished one;
Installing it on the site.
To the first task, as indicated, there may be several approaches. If for some reason you don’t want to make favicons yourself, you are too lazy, you don’t have time, or you don’t know how to try and experiment, you can find it on one of the ready-made favicon site libraries. The main disadvantage of this option is hardly your icon will be original. Most likely it is already used on dozens or even hundreds or thousands of sites. Therefore, in this case, the actual question: “Do we need such a favicon at all?”. For me, this element must be unique, even if it is simple as “3 kopecks”.

Therefore, this option was better refused and made a favicon with his own hands. Let’s dwell on this process. During the work you can use:

GRAPHIC EDITOR
You can start making favicon in the desktop program or using a special service. In the first case, it is not necessary to resort to using a desktop application (for example, Photoshop), you can use the free online raster graphic editor. All you need to do is create a 16×16 pixel document and draw something on this “canvas”. Pour the background, try to draw something “pencil” or put some character or letter.

ONLINE SERVICE FAVICON.CC
For me, using a graphic editor as a tool is the most organic option, but it’s not the only one because there are special web projects with which you can draw favicons. An example would be the site Favicon.cc, which allows you to create an icon by pixels:

This is just one example, in fact there are so many websites – services to create favicon online – free, with different functionality and for every taste.

ONLINE FAWIKONKI GENERATORS
Another solution to the problem is web services that automatically generate a picture. For example project Logaster.

Logaster service
Since the site was originally sharpened on the development of logos, then you first have to start with it. Then a special tool will select different options favicon for your case. The editor allows you to change the appearance of image objects, texts and design. Read more about this in the article about creating a favicon in the Logaster. The note is useful for beginners, if it is difficult to figure out right away.

INSTALLING FAVICON
Whichever of the options you choose, creating a favicon is not very complicated and interesting. Installation also will not cause problems. After you save the finished icon on your computer, you can convert it into “.ico” format, or use the “.gif” or “.png” files. There will be no fundamental difference; almost any option can be animated later. The last thing to do is to upload the favicon to the “root” of the site (with the name favicon) and add the code fragment to the head section /

This process of creating and installing a favicon can be considered complete. If you need any additional information on the icons, then you can look at my article 2 years ago in another blog – all about favicon.ico icons – most of the data is still relevant there.

P.S. Postman. We read and look at the Web-design in retro style – an interesting article!
An important step in the promotion of this site is a search engine or blog.
Useful online magazine handmade – everything that is done by hand.

Get rid of guesswork in design
Creativity breathes life into successful sites. However, creative ideas and solutions often resemble guessing - a dangerous business, I tell you. So what can designers do to convince the customer,…

...

How to choose the best illustrations for your site
I somehow had a publication about the best free photobanks and photo stocks in which the question was raised where to look for images for the site. Today I want…

...

Effective methods of split-screen design
One of the most notable trends in web design in 2017 can be called the division of the screen into two parts. More and more web projects use a similar…

...

Effective methods of split-screen design
One of the most notable trends in web design in 2017 can be called the division of the screen into two parts. More and more web projects use a similar…

...