Думаю, нет смысла говорить о том, что фавикон должен быть хорошего качества, ведь он является в какой-то мере лицом вашего сайта.
Прежде чем приступать к созданию самого фавикона, было бы неплохо остановиться на том, какими они должны быть в идеале. Итак, идеальный фавикон:
- Является четким и понятным
- Сделан в хорошем качестве
- Передает смысл вашего сайта
- Имеет общую стилистику с вашим сайтом
- Выделяется на фоне значков других сайтов
Вышеперечисленные параметры можно отнести к идеальному фавикону. И нам необходимо создать именно такой значок для нашего сайта. Однако, существуют споры о том, что именно должно быть изображено на фавиконе. Я считаю, что в этом вопросе нужно исходить из общей стилистики и тематики вашего сайта. На нем может быть изображена какая-нибудь картинка или текст. В случае размещения на фавиконе текста, он должен состоять не более чем из 2-х букв. Иначе, никто не сможет разобрать подобный текст, ведь размеры фавикона в основном составляют 16*16 пикселей.
Каких размеров бывают значки сайтов
Как Вы знаете, сейчас существует огромное множество браузеров, мониторов и устройств. И их требования к размерам фавиконов отличаются. Существуют следующие варианты размеров, которые следует учесть:
- 16*16px — стандартные размеры фавиконов, подходящие для большинства браузеров и устройств
- 32*32px — используются в некоторых случаях в Internet Explorer и Safari
- 57*57px — используются при отображении на iPhone
- 72*72px — используются при отображении на iPad
- 114*114px — используются при отображении на ретина дисплеях (57*2=114)
- 144*144px — используются при отображении на ретина дисплеях iPad (72*2=144)
Какого формата должны быть фавиконыРаньше браузеры воспринимали фавиконы только в формате «ico». Сейчас они научились понимать и другие форматы, в том числе и «png». В нашем случае, мы убьем 2-х зайцев одним выстрелом. Вначале мы создадим фавикон в формате «png», а затем сконвертируем его в «ico».