6 rules for a good user interface
Sites and applications today are dynamic and interactive. The task of designers is to make the site interface as close as possible to the ideal. Fortunately, there are rules that…

Continue reading →

Typography for web
There are many books and articles on typography, but only some of them reveal the choice and combination of fonts. Due to the emerging opportunities and prospects for free use…

Continue reading →

6 main stages of site development
I was recently told in the comments that some posts do not match the format of the blog, which is positioned as a useful resource for web designers. On the…

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.

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…

...

Social networks for designer career
Today's topic, as you already understood, will be connected with the use of social media by employees of the sphere of design and not only. Moreover, unlike the article on…

...

How to overcome the creative crisis of designers?
Today we have another guest post from Evgeny Ignashov, who represents the project Candysign: creating websites, icons, networking, programming. Are these lines read by creative people or those who identify…

...

6 main stages of site development
I was recently told in the comments that some posts do not match the format of the blog, which is positioned as a useful resource for web designers. On the…

...