Π‘Π°ΠΉΡ‚

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта – ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство ΠΏΠΎ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρƒ для сайта

07.12.2018

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ΅ руководство ΠΏΠΎ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρƒ для сайта

БСсплатный Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° ΠΈ совСты: ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½, ΠΊΠ°ΠΊΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π½ΡƒΠΆΠ½Ρ‹ ΠΈ ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° сайт.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½

Favicon (сокр. ΠΎΡ‚ Π°Π½Π³Π». FAVorites ICON β€” Β«Π·Π½Π°Ρ‡ΠΎΠΊ для ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎΒ») β€” Π·Π½Π°Ρ‡ΠΎΠΊ сайта ΠΈΠ»ΠΈ страницы. ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ΡΡ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ Π² адрСсной строкС ΠΏΠ΅Ρ€Π΅Π΄ URL страницы, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² качСствС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ рядом с Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΎΠΉ, Π² Ρ‚Π°Π±Π°Ρ… ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтах интСрфСйса. Π›ΡƒΡ‡ΡˆΠ΅ всСго смотрится ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ β€” 16Γ—16, 32Γ—32, для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ ОБ Π½ΡƒΠΆΠ½Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ 60Γ—60, 120Γ—120, 192Γ—192.

ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO, Π½ΠΎ Π΅Ρ‰Π΅ доступны PNG, GIF, JPEG, SVG. Π€Π°ΠΉΠ» Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ICO содСрТит нСсколько вСрсий Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π΅ Ρ‚Ρƒ Π²Π΅Ρ€ΡΠΈΡŽ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, поэтому Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π΅Π±-мастСра ΡΠΎΠ²Π΅Ρ‚ΡƒΡŽΡ‚ PNG.

Π€Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρƒ ссылки Π² Π²Ρ‹Π΄Π°Ρ‡Π΅, Π½Π° страницС Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΌ экранС смартфона, Ссли ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ€Π΅ΡˆΠΈΡ‚ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ссылку Π½Π° Π³Π»Π°Π²Π½Ρ‹ΠΉ экран для быстрого доступа.

Π’ России Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ЯндСкс:

Π‘Π°ΠΉΡ‚Ρ‹ с Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°ΠΌΠΈ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ ЯндСкса

Π’ российских Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска Google Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² ΠΏΠΎΠΊΠ° Π½Π΅Ρ‚. Π’ ΠΏΡ€ΠΎΡˆΠ»ΠΎΠΌ Π³ΠΎΠ΄Ρƒ Google тСстировал Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈΠ· Π’Π΅Π»ΠΈΠΊΠΎΠ±Ρ€ΠΈΡ‚Π°Π½ΠΈΠΈ, это Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ» ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ‚ΠΎΡ€ Π ΠΈΠΊ РодригСс ΠΈ Π²Ρ‹Π»ΠΎΠΆΠΈΠ» ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ Π² свой Π’Π²ΠΈΡ‚Ρ‚Π΅Ρ€:

Π’Ρ‹Π΄Π°Ρ‡Π° Google Π² Π’Π΅Π»ΠΈΠΊΠΎΠ±Ρ€ΠΈΡ‚Π°Π½ΠΈΠΈ

Π₯отя Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… иностранного поисковика Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² Π½Π΅Ρ‚, ΠΎΠ½ΠΈ всС Ρ€Π°Π²Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ….

Π‘Π°ΠΉΡ‚Ρ‹ с Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°ΠΌΠΈ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ

Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ΅Π½ Ρ„Π°Π²ΠΈΠΊΠΎΠ½

Иногда Π½Π° Ρ„ΠΎΡ€ΡƒΠΌΠ°Ρ… Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΈ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΡŽΡ‚, Π΄Π°Π΅Ρ‚ Π»ΠΈ использованиС favicon.ico бонусы ΠΏΡ€ΠΈ раскруткС. ИспользованиС Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π½Π΅ влияСт Π½Π° ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΊΠΎΠ΄Π° сайта, поисковики Π½Π΅ ставят сайты с Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ ΠΈ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΆΠ°ΡŽΡ‚ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π·Π° Π΅Π³ΠΎ отсутствиС. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Ρƒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π΅ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»ΡŽΡΡ‹.

Π Π°Π·Π±Π΅Ρ€Π΅ΠΌ, для Ρ‡Π΅Π³ΠΎ Π½ΡƒΠΆΠ΅Π½ Ρ„Π°ΠΉΠ» favicon.ico ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ.

  • ВыдСляСт сайт Π² Π²Ρ‹Π΄Π°Ρ‡Π΅

Favicon

ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ сайту. Π‘Π΅Π· ΠΈΠΊΠΎΠ½ΠΊΠΈ сниппСт мСньшС Π·Π°ΠΌΠ΅Ρ‚Π΅Π½ взгляду, каТСтся, Ρ‡Ρ‚ΠΎ Π΅ΠΌΡƒ Ρ‡Π΅Π³ΠΎ-Ρ‚ΠΎ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚.

Π‘Π°ΠΉΡ‚ Π±Π΅Π· Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ срСди ΠΏΡ€ΠΎΡ‡ΠΈΡ…
  • Π‘ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠΌ сайт запоминаСтся Π»ΡƒΡ‡ΡˆΠ΅

Иконка для сайта β€” элСмСнт Π±Ρ€Π΅Π½Π΄Π°. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π»ΡƒΡ‡ΡˆΠ΅ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ· Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° ΠΈ свяТСт Π΅Π³ΠΎ с Π±Ρ€Π΅Π½Π΄ΠΎΠΌ, Ссли Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π° сайтС ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ°Ρ….

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π² Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π΅
  • Π£ΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ поиск Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ сайта

Π’ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΈ истории ΠΏΡ€ΠΎΡ‰Π΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹ΠΉ сайт Π½Π΅ ΠΏΠΎ тСксту Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Π° ΠΏΠΎ ΠΎΠΏΠΎΠ·Π½Π°Π²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ β€” Π·Π½Π°ΠΊΠΎΠΌΠΎΠΌΡƒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρƒ.

Π—Π°ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Google Chrome
  • Π˜Π·Π±Π°Π²Π»ΡΠ΅Ρ‚ ΠΎΡ‚ ошибки Π² Π»ΠΎΠ³-Ρ„Π°ΠΉΠ»Π°Ρ…

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°ΡŽΡ‚ Ρ„Π°ΠΉΠ» favicon.ico ΠΈ Ссли Π½Π΅ находят строку с ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°, сСрвСр ΠΎΡ‚ΠΌΠ΅Ρ‡Π°Π΅Ρ‚ Π² Π»ΠΎΠ³Π°Ρ… ΠΎΡˆΠΈΠ±ΠΊΡƒ 404.

К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Ρ‚Π°ΠΊΡƒΡŽ:

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network) at http://localhost:8383/favicon.ico

Π€Π°Π²ΠΈΠΊΠΎΠ½ ΠΈΠ· ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ: ΠΊΠ°ΠΊΡƒΡŽ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ

Если сайт прСдставляСт компанию, Π² Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π±Ρ€Π΅Π½Π΄Π° ΠΈΠ»ΠΈ Π΅Π³ΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚, Ссли Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ слоТный, Π΄Π΅Ρ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΈΠ»ΠΈ вытянутый. Если Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π½Π΅Ρ‚, ΠΏΠΎΠ΄Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΡƒΡŽ Π³Π°ΠΌΠΌΡƒ ΠΏΠΎ ассоциации с Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΎΠΉ сайта.

Π€Π°Π²ΠΈΠΊΠΎΠ½ с Ρ‡Π°ΡˆΠΊΠΎΠΉ для сайта ΠΎ ΠΊΠΎΡ„Π΅ выглядит Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½Π΅Π΅

РаньшС любая ΠΈΠΊΠΎΠ½ΠΊΠ° Π±Ρ€ΠΎΡΠ°Π»Π°ΡΡŒ Π² Π³Π»Π°Π·Π°, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅ всС сайты ΠΈΡ… ставили. БСйчас Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ слоТнСС, ΠΏΠΎ запросу Β«ΠΊΠ°ΠΊ Π²Π°Ρ€ΠΈΡ‚ΡŒ ΠΊΠΎΡ„Π΅Β» сайт Π±Π΅Π· Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° нашСлся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° восьмой страницС. ΠŸΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π»ΡƒΡ‡ΡˆΠ΅ яркой контрастной ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ, ΠΈΠ½ΠΎΠ³Π΄Π° для этого ставят стрСлку, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ Π½Π° сайт.

Π€Π°Π²ΠΈΠΊΠΎΠ½ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅, Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΎΡ‡Π΅Π½ΡŒ малСнького Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π΄Π΅Ρ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ разглядит. ΠŸΠΎΠ΄Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Π³Π΄Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ, Π΄Π²Π°-Ρ‚Ρ€ΠΈ Ρ†Π²Π΅Ρ‚Π°, ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½ΠΎΠ΅ ΠΏΡ€ΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ смысла.

Π€Π°Π²ΠΈΠΊΠΎΠ½ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ сайт Π² Π²Ρ‹Π΄Π°Ρ‡Π΅, Ссли Ρƒ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ² Π±ΡƒΠ΄ΡƒΡ‚ Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π‘Π°Π½Π°Π»ΡŒΠ½Ρ‹Π΅ популярныС ΠΈΠΊΠΎΠ½ΠΊΠΈ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ favicon для сайта

Π•ΡΡ‚ΡŒ Ρ‚Ρ€ΠΈ самых распространСнных способа:

  1. Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для Photoshop
    ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ этому популярному Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ico.
  2. Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для изготовлСния Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ²
    Они ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Β«Π·Π°Ρ‚ΠΎΡ‡Π΅Π½Ρ‹Β» для изготовлСния ΠΈΠΊΠΎΠ½ΠΎΠΊ для сайта.
  3. Онлайн Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ favicon
    Π‘Π°ΠΌΡ‹ΠΉ простой ΠΈ доступный способ β€” Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сдСлаСт ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта ΠΈΠ· любого изобраТСния. Иконка получится красивСС, Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅-Π΄ΠΎΠ½ΠΎΡ€ ΠΊΠ°Π΄Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π°.

RealFaviconGenerator сдСлаСт Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ для Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ². Если Π²Π°ΠΌ достаточно ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π·Π½Π°Ρ‡ΠΊΠ°, Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΎΡ‚ PR-CY ΠΎΡ‚ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„Π°ΠΉΠ» ICO 16Ρ…16.

ПанСль бСсплатного Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π° Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°

Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π° сайт

Π‘ΠΎΠ·Π΄Π°Π½Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ для Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π΅ Π² ΠΊΠΎΡ€Π½Π΅ сайта ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ссылку Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π² HTML-ΠΊΠΎΠ΄ Π³Π»Π°Π²Π½ΠΎΠΉ:

    ...
    <link rel="Ρ‚ΠΈΠΏ рСсурса" href="http://ΠΏΡƒΡ‚ΡŒ-Π΄ΠΎ-Ρ„Π°ΠΉΠ»Π°" type="Ρ‚ΠΈΠΏ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Π΅ΠΌΡ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…">
    ...

Атрибут Β«relΒ» ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ‚ΠΈΠΏ рСсурса. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Ρ€Π°ΡΠΏΠΎΠ·Π½Π°ΡŽΡ‚ Β«iconΒ», для Internet Explorer Π½ΡƒΠΆΠ΅Π½ Β«shortcut iconΒ».

ΠžΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Ρ„Π°ΠΉΠ»Π° зависит Ρ‚ΠΈΠΏ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Π΅ΠΌΡ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…. Для ICO это Β«image/x-iconΒ» ΠΈΠ»ΠΈ Β«image/vnd.microsoft.iconΒ», для PNG β€” Β«image/pngΒ» ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ для Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ².

Для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств часто ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹, указывая, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, rel=Β»apple-touch-iconΒ».

ΠŸΡ€ΡΠΌΠΎΠ΅ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π½Π° Ρ„Π°ΠΉΠ» Π½ΡƒΠΆΠ½ΠΎ Π½Π΅ всСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ, Π½ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π½Π°Ρ‡ΠΎΠΊ Ρ‚ΠΎΡ‡Π½ΠΎ появился Π½Π° мСстС Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°. Π Π°Π·Π½Ρ‹ΠΌ страницам сайта ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π²Π΅Π±-мастСр ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ для Π±Π»ΠΎΠ³Π°, ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° ΠΈ Ρ„ΠΎΡ€ΡƒΠΌΠ°.

Π€Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠ° Π½Π΅ появится сразу послС установки ΠΊΠΎΠ΄Π°, Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠΆΠ΄Π°Ρ‚ΡŒΡΡ, ΠΏΠΎΠΊΠ° поисковик Π΅Π΅ проиндСксируСт.

Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ устройств

Π‘ тСхничСской Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния быстрСС ΠΈ ΠΏΡ€ΠΎΡ‰Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠ΄Π½Ρƒ ΠΈΠΊΠΎΠ½ΠΊΡƒ ICO, PNG ΠΈΠ»ΠΈ SVG для всСх устройств. Π‘ Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ нСсколько для Ρ€Π°Π·Π½Ρ‹Ρ… устройств ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ внСшнС β€” Π³Π΄Π΅-Ρ‚ΠΎ трСбуСтся больший Ρ€Π°Π·ΠΌΠ΅Ρ€, Π³Π΄Π΅-Ρ‚ΠΎ достаточно нСбольшого Ρ„Π°ΠΉΠ»Π°.

Если ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π·Π°Ρ…ΠΎΡ‡Π΅Ρ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ссылку Π½Π° сайт Π½Π° Π³Π»Π°Π²Π½Ρ‹ΠΉ экран смартфона, Π² Android ΠΈ iOS ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ для ссылки станСт Ρ„Π°Π²ΠΈΠΊΠΎΠ½.

Если это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ Π½Π° ΠΊΠ°ΠΆΠ΄ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ сайт.

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ дСсктопныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹

Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΠΎ для Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π΄Π΅Π»Π°ΡŽΡ‚ Ρ„Π°ΠΉΠ» favicon.ico, ΠΎΠ½ поддСрТиваСтся всСми Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ нСсколько Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° для Ρ€Π°Π·Π½Ρ‹Ρ… случаСв: 16Γ—16, 32Γ—32 ΠΈ 48Γ—48.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<link rel="icon" type="image/png" href="/icons/favicon.ico">
<link rel="icon" type="image/png" href="/icons/favicon.ico"> 
<link rel="shortcut icon" href="/icons/favicon.ico">

Π€Π°Π²ΠΈΠΊΠΎΠ½ Π² HTML5

Π’ HTML5 с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ³ΠΎ описания ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Для Ρ„Π°ΠΉΠ»Π° ICO, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ нСсколько Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ², ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ sizes Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π». Для Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π΅ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Β«anyΒ».

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<link rel="icon" href="favicon.png" type="image/png">
<link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="favicon.svg" type="image/svg+xml">


Android

Для Android Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG 192Γ—192, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

Π£ΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ ΠΈ Π΅Π³ΠΎ располоТСниС для Android ΠΌΠΎΠΆΠ½ΠΎ Ρ‡Π΅Ρ€Π΅Π· ΡΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΡŽ The Web App Manifest. Π’ Π½Π΅ΠΉ описан простой JSON-Ρ„Π°ΠΉΠ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Π΅Π±-мастСра ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ для сайта ΠΈΠ»ΠΈ прилоТСния. Π•Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Chrome, Opera, Samsung Internet ΠΈ Firefox.

ΠœΠ°Π½ΠΈΡ„Π΅ΡΡ‚ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ:

<link rel="manifest" href="/icons/site.webmanifest">

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

{
  "name": "My App",
  "icons": [{
    "src": "64.png",
    "sizes": "64x64"
  }, {
    "src": "192.png",
    "sizes": "192x192"
  }],
  "display": "fullscreen",
  "orientation": "landscape",
  "theme_color": "tomato",
  "background_color": "cornflowerblue"
}

Apple

Для iOS Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ PNG Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 180Γ—180. Π’ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Safari Ρ‚Π°ΠΊΠΈΠ΅ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Web Clips, Π² Π½ΠΈΡ… Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ прозрачности, ΡƒΠ³Π»Ρ‹ автоматичСски округлятся ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π½Π° Π³Π»Π°Π²Π½Ρ‹ΠΉ экран. Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΎΠΊ высокого Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">

Apple ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠΊΠΎΠ½ΠΎΠΊ. Для Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π² Safari ΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° Touch Bar Π² MacBook Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΌΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½ΡƒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ маску ΠΈ Ρ†Π²Π΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΅Π΅ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ.

ΠΠ°ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ .

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<link rel="mask-icon" href="mask.svg" color="red">
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5">

Edge ΠΈ IE 12

Π¦Π²Π΅Ρ‚ Ρ„Π°ΠΉΠ»Π° ΠΈ Ρ„ΠΎΠ½Π° для ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… Π² HTML.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/icons/browserconfig.xml">

Π£ Microsoft Π΅ΡΡ‚ΡŒ Β«Browser configuration schema referenceΒ» β€” XML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ пСрСчислСны Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ интСрфСйсу. Π€Π°ΠΉΠ»Ρ‹ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ настройки с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π½Π΅ΡˆΠ½ΠΈΡ… XML-Ρ„Π°ΠΉΠ»ΠΎΠ².

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<browserconfig>
<msapplication>
<tile>
<square70x70logo src="/mstile-70x70.png">
<square150x150logo src="/mstile-150x150.png">
<square310x310logo src="/mstile-310x310.png">
<wide310x150logo src="/mstile-310x150.png">
<tilecolor>#da532c</tilecolor>
</wide310x150logo></square310x310logo></square150x150logo></square70x70logo></tile>
</msapplication>
</browserconfig>

Π—Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ для сайта Ρ…Π²Π°Ρ‚ΠΈΡ‚ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ Ρ‚Ρ€Π΅Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ выглядСли Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ. Но Π»ΡƒΡ‡ΡˆΠ΅ ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ для Ρ€Π°Π·Π½Ρ‹Ρ… ОБ ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ выглядСл качСствСнно Π½Π° любом устройствС Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ поисковика, Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅, ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈ Π½Π° экранС смартфона.

pr-cy.ru

Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° для сайта

Π’ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΊΠ°ΠΊ Π²Ρ‹ навСрняка Π·Π½Π°Π΅Ρ‚Π΅, Π²Π°ΠΆΠ½Π° каТдая Π΄Π΅Ρ‚Π°Π»ΡŒ. Π§Π΅Π»ΠΎΠ²Π΅ΠΊ, ΠΏΠ΅Ρ€Π΅ΡˆΠ΅Π΄ΡˆΠΈΠΉ Π½Π° ваш рСсурс, Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· элСмСнтов ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, Π° воспринимаСт вСсь ΠΎΠ±Ρ€Π°Π· ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ, состоящим ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠ΅Π»ΠΊΠΈΡ… Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ссли Π²Ρ‹ упускаСтС Ρ‡Ρ‚ΠΎ-Π»ΠΈΠ±ΠΎ Π² процСссС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ своСго рСсурса, эта Π΄Π΅Ρ‚Π°Π»ΡŒ Π² дальнСйшСм ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΡ€Ρ‚ΠΈΡ‚ΡŒ вСсь комплСкс, всю ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ.

Π’Π°ΠΊΠΎΠΉ ΠΌΠ΅Π»ΠΎΡ‡ΡŒΡŽ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ„ΠΎΠ½ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ нСбольшого элСмСнта ΠΈ Π΄Π°ΠΆΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½. И Π²ΠΏΡ€Π°Π²Π΄Ρƒ, посмотритС сами- ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅, извСстныС сайты ΠΈΠΌΠ΅ΡŽΡ‚ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ, которая ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π΅Π³ΠΎ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ β€œΠ—Π°ΠΊΠ»Π°Π΄ΠΊΠΈβ€ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π‘Π΅Π· Π½Π΅Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ рСсурса Π½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ Π±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Ρƒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ΠΈ ΡΡ‚Ρ€Π΅ΠΌΠΈΠ»ΠΈΡΡŒ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΈ Π²Ρ‹, создавая Π΄ΠΈΠ·Π°ΠΉΠ½ для своСго сайта, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ·Π°Π±ΠΎΡ‚ΠΈΡ‚ΡŒΡΡ ΠΎ Ρ‚Π°ΠΊΠΎΠΉ Π΄Π΅Ρ‚Π°Π»ΠΈ, ΠΊΠ°ΠΊ Ρ„Π°Π²ΠΈΠΊΠΎΠ½. Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ расскаТСм ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ΄ ΠΎΠ±Ρ‰ΠΈΠΉ ΡΡ‚ΠΈΠ»ΡŒ рСсурса, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρƒ этого изобраТСния.

Иконка сайта

Π‘ΠΏΠ΅Ρ€Π²Π° опрСдСлимся, Ρ‡Ρ‚ΠΎ ΠΆΠ΅ прСдставляСт собой этот элСмСнт. ΠŸΡ€ΡΠΌΠΎ сСйчас взглянитС Π½Π° Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ вашСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, слСва ΠΎΡ‚ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ малСнькоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰Π΅Π΅ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° рСсурса. Вакая ΠΆΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π΅ΡΡ‚ΡŒ ΠΈ Π²ΠΎΠ·Π»Π΅ названия сайта, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поисковой Π²Ρ‹Π΄Π°Ρ‡ΠΈ. ИмСнно Π½Π° Π½Π΅Π΅ ориСнтируСтся ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²ΠΈΠ΄ΠΈΡ‚ Ρ‚ΠΈΡ‚ΡƒΠ».

МногиС вСбмастСра ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ такая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½ΡƒΠΆΠ½Π° β€” Π½ΠΎ ΠΌΠ°Π»ΠΎ ΠΊΡ‚ΠΎ Π·Π½Π°Π΅Ρ‚, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° для сайта Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящим. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Π°Π΄ΠΈΠΌ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΈ ΠΊΠ°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΅Π΅ Π½Π° ваш рСсурс, Π½ΠΎ ΠΈ расскаТСм ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… изобраТСния.

ΠŸΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°

Π˜Ρ‚Π°ΠΊ, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π²ΠΎΠ·Π»Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° сайта слуТит для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ. Π­Ρ‚ΠΎ Π΅Π΅ ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅: Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚ΡŒ сайт, Π½Π°Π·Π°Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² Π³Π»Π°Π·Π°Ρ… ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ…. ДСлаСтся это максимально просто Π·Π° счСт использования Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ: ΠΌΡ‹ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ воспринимаСм ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Ρ… Π³ΠΎΡ€Π°Π·Π΄ΠΎ быстрСС ΠΈ Π»Π΅Π³Ρ‡Π΅, Ρ‡Π΅ΠΌ Π² тСкстовом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. Π€Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ ΡΠΏΠΎΡΠΎΠ±ΡΡ‚Π²ΡƒΡŽΡ‚ Π½Π°ΠΌ Π² этом. Но Π½Π΅ стоит Π·Π°Π±Ρ‹Π²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° ΠΌΠΈΠ½ΠΈΠΌΠ°Π»Π΅Π½ Π² Π³Π»Π°Π·Π°Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π­Ρ‚ΠΎ Π½Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π² β€œΡˆΠ°ΠΏΠΊΠ΅β€ сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свСдСния Π² Π²ΠΈΠ΄Π΅ надписСй, ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ ΡƒΡ‚ΠΎΡ‡Π½Π΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. ВсС, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΎ Π² ΠΈΠΊΠΎΠ½ΠΊΠ΅ Π²ΠΎΠ·Π»Π΅ названия, Π΄ΠΎΠ»ΠΆΠ½ΠΎ максимально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°. А ΠΎΠ½, ΠΊΠ°ΠΊ ΡƒΠΆΠ΅ Π±Ρ‹Π»ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΎ, просто ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½Ρ‹ΠΉ (всСго 16 Π½Π° 16 пиксСлСй).

Как ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½?

Π’Π°ΠΊ ΠΊΠ°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ вСбмастСр ΠΌΠΎΠΆΠ΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для своСго сайта? Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ просто ΡΠΆΠ°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ сайта, Ρ‡Π°Ρ‰Π΅ всСго, Π½Π΅ получится. На эмблСмах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ставят Π² Π²ΠΈΠ΄Π΅ Π»ΠΎΠ³ΠΎ Ρ‚ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠ³ΠΎ рСсурса, Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Π²ΠΈΠ΄Π½Ρ‹ Ρ€Π°Π·Π½Ρ‹Π΅ элСмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ всСгда Π±ΡƒΠ΄ΡƒΡ‚ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. Π›ΡƒΡ‡ΡˆΠ΅ сразу ΠΆΠ΅ ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ Ρ‚Π°ΠΊΠΎΠΉ Π·Π°Ρ‚Π΅ΠΈ.

РазумССтся, Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π½Π΅ позволяСт Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΈ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ просто Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‚ΡƒΠ΄Π° надпись. Π›ΡŽΠ±ΠΎΠΉ тСкст Π±ΡƒΠ΄Π΅Ρ‚ просто Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π΅Π½ ΠΏΡ€ΠΈ Ρ‚Π°ΠΊΠΎΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ. НуТно Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ, которая Π±Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Π»Π° ΡΡ‚ΠΈΠ»ΡŒ сайта. Для поиска Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅, Π΄Π°Π²Π°ΠΉΡ‚Π΅ обратимся ΠΊ ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΠΌ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ°ΠΌ.

МногиС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π² Π²ΠΈΠ΄Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π±ΡƒΠΊΠ²Ρƒ названия сСрвиса. Π’Π°ΠΊ ΠΏΠΎΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Bing, Yahoo, Yandex, Wikipedia, Google. Π•ΡΡ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ β€” Ссли Ρƒ вас ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠ΅ имя сайта, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² качСствС Ρ„ΠΎΠ½Π° своСй ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° (Π² пиксСлях ΠΎΠ½ достигаСт, ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡŽ, 16 Π½Π° 16 Ρ‚ΠΎΡ‡Π΅ΠΊ) позволял ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ эту надпись, ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Π΄Π»ΠΈΠ½Π½Π΅Π΅ 3 Π±ΡƒΠΊΠ². Π’Π°ΠΊ поступаСт, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, сСрвис Aol.

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½?

Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для названия сайта ΠΌΠΎΠΆΠ½ΠΎ нСсколькими способами. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΆΠ΅, самый простой β€” это Ρ€Π°Π±ΠΎΡ‚Π° с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌΠΈ. Π Π΅Ρ‡ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ΄Ρ‚ΠΈ ΠΎ ΠΊΠ°ΠΊΠΈΡ…-Π½ΠΈΠ±ΡƒΠ΄ΡŒ сСрвисах ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½ΠΎΠ³ΠΎ изобраТСния ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ ΠΏΡƒΡ‚Π΅ΠΌ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Π΅Π³ΠΎ. Однако, я Π±Ρ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Π·Π°Π½ΡΡ‚ΡŒΡΡ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° собствСнными силами. Π­Ρ‚ΠΎ, Π²ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, даст Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ‡Π΅ΠΌΡƒ-Ρ‚ΠΎ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ; Π° Π²ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, прСдоставит большСС количСство инструмСнтов. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΌΠ΅Ρ‚ΡŒ для этого -Ρ‡Ρ‚ΠΎ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π΅. О Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта ΠΌΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅, Π° ΠΏΠΎΠΊΠ° ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΠΌ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ тонкости Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ‚Π°ΠΊΠΈΠΌΠΈ изобраТСниями. Π’ частности, Π½Π΅ упоминая Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° для сайта, слСдуСт ΡƒΡ‚ΠΎΡ‡Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ‚Π°ΠΊΠΎΠ³ΠΎ изобраТСния. Как ΠΎΡ‚ΠΌΠ΅Ρ‡Π°ΡŽΡ‚ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ сохранСна Π² Π²ΠΈΠ΄Π΅ .PNG (24-Π±ΠΈΡ‚Π½ΠΎΠΌ), Π»ΠΈΠ±ΠΎ ΠΆΠ΅ ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ».ICO.

ΠŸΡ€ΠΎΠΈΠ·Π²Π΅ΡΡ‚ΠΈ сохранСниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Photoshop, Π³Π΄Π΅ ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒΡΡ эмблСма.

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°

Π˜Ρ‚Π°ΠΊ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, насколько большой Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ рядом с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ сайта Π² поисковой Π²Ρ‹Π΄Π°Ρ‡Π΅. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΊΠ°ΠΊ ΡƒΠΆΠ΅ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΎΡΡŒ, Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ составляСт всСго 16 пиксСлСй (ΠΏΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· сторон). Однако Ссли Π²Ρ‹ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² β€œΠ€ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅β€, сами ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ Π² Ρ‚ΠΎΠΌ, насколько это Π½Π΅ΡƒΠ΄ΠΎΠ±Π½ΠΎ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π² дальнСйшСм ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ просто ΡΠΆΠ°Ρ‚ΡŒ ΠΏΠΎ краям ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.

ΠœΡƒΠ»ΡŒΡ‚ΠΈΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅Π½Π½ΠΎΡΡ‚ΡŒ

Однако говоря ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π½Π° вашСм сайтС, Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ Π²Π΅Ρ‰ΡŒ. НС всС ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ рСсурса ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ. НапримСр, устройства с Retina-дисплССм β€œΠ²ΠΈΠ΄ΡΡ‚β€ ваш Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ 32 Π½Π° 32 пиксСля. А Π² Safari ΠΈ Π½Π° Π½ΠΎΠ²ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ Windows, ΠΈ вовсС, эти ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄ΠΎΡΡ‚ΠΈΠ³Π°ΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° 64 пиксСлСй.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ вСрсии ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ Π² дальнСйшСм просто ΠΏΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΅Π΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π² зависимости ΠΎΡ‚ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ интСрСсный ΠΌΠΎΠΌΠ΅Π½Ρ‚ β€” ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² наибольшСм Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, рассчитывая Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ β€œΡΠΆΠΈΠΌΠ°Ρ‚ΡŒΡΡβ€ Π² зависимости ΠΎΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ΠŸΠΎΡΡ‚ΠΎΡ€ΠΎΠ½Π½ΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρ…ΠΎΡ€ΠΎΡˆΠΎ, Ссли Π²Ρ‹ Ρ€Π°Π·Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ Π² Photoshop ΠΈ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΈ ΠΊΠ°ΠΊ Π΅Π³ΠΎ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ, сохраняя своС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Однако Π΅ΡΡ‚ΡŒ масса Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ просто Π½Π΅ ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡŒ с графичСскими Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°ΠΌΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠ»ΠΎΡ‚Π½ΠΎ Ρ€Π°Π½ΡŒΡˆΠ΅, поэтому Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Ρ‚Π°ΠΊ просто Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Ρ‚Π°ΠΊΠΈΠΌ вСбмастСрам, ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ сСрвисы, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ Π² автоматичСском Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΡƒΡŽ вас ΠΈΠΊΠΎΠ½ΠΊΡƒ. МногиС ΠΈΠ· Π½ΠΈΡ… Π΄Π°ΠΆΠ΅ бСсплатны, Ρ‡Ρ‚ΠΎ ΠΈ вовсС Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΈΡ… Π²Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ со стороны ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ.

Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈΠ½ΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ лишь Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ, Π½ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅, дСлаСтся это Π΅Π΄ΠΈΠ½ΠΎΠΆΠ΄Ρ‹ β€” вСдь Π½Π΅ Ρ‚Π°ΠΊ часто ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΌΠ΅Π½ΡΡŽΡ‚ Ρ„Π°Π²ΠΈΠΊΠΎΠ½. ВзглянитС хотя Π±Ρ‹ Π½Π° Google, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь измСняСт Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Π½ΠΎ Π½Π΅ Ρ‚Ρ€ΠΎΠ³Π°Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΡƒ.

Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½?

Π’ΠΎΠΎΠ±Ρ‰Π΅, Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ свой сайт Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π° Π½Π΅ΠΌ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΎΡΡŒ Π½ΡƒΠΆΠ½ΠΎΠ΅ Π²Π°ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΎΡ‡Π΅Π½ΡŒ просто. Достаточно Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ряд нСслоТных дСйствий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ позволят поисковым систСмам, Π° Ρ‚Π°ΠΊΠΆΠ΅ простым Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ ΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ.

Для этого ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ с ΠΈΠΌΠ΅Π½Π΅ΠΌ favicon.ico ΠΈ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π² ΠΊΠΎΡ€Π΅Π½ΡŒ своСго рСсурса. ВсС, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ станСт Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Π²Π°Ρ‚ΡŒΡΡ автоматичСски, ΠΈ ΠΏΠΎ ΠΏΡ€ΠΎΠΈΡΡˆΠ΅ΡΡ‚Π²ΠΈΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ привязано ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚Π°ΠΊΠΎΠΉ привязки ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄Π½Ρƒ строчку, которая Π±ΡƒΠ΄Π΅Ρ‚ β€œΠΏΠΎΠ΄ΡΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒβ€, Π³Π΄Π΅ находится ваша ΠΈΠΊΠΎΠ½ΠΊΠ°. Выглядит ΠΎΠ½ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

<link rel=Β»shortcut iconΒ»href=»адрСс иконки” />

Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ слСдуСт Π² ΡˆΠ°ΠΏΠΊΡƒ сайта.

Π’Ρ‹Π²ΠΎΠ΄Ρ‹

Π˜Ρ‚Π°ΠΊ, ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π² Π½Π°ΡˆΡƒ ΡΡ‚Π°Ρ‚ΡŒΡŽ, Π²Ρ‹ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Π»ΠΈΡΡŒ с Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ для сайта ΠΈ Ρ‡Ρ‚ΠΎ это Π²ΠΎΠΎΠ±Ρ‰Π΅ Ρ‚Π°ΠΊΠΎΠ΅. Π’Π°ΠΊΠΆΠ΅, я Π΄ΡƒΠΌΠ°ΡŽ, Π²Ρ‹ поняли, Ρ‡Ρ‚ΠΎ поиск подходящСй ΠΈΠΊΠΎΠ½ΠΊΠΈ для вашСго рСсурса β€” это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ, вСдь это ΠΈΠ³Ρ€Π°Π΅Ρ‚ Π²Π°ΠΌ Π½Π° Ρ€ΡƒΠΊΡƒ ΠΊΠ°ΠΊ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ узнаваСмости, Ρ‚Π°ΠΊ ΠΈ Π² ΠΏΠ»Π°Π½Π΅ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Ρ‚ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ выдСлСния срСди Π²Π°ΡˆΠΈΡ… ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². По ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΠ΅ сайты ΠΏΠΎΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ Ρ‚Π°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ€Π°Ρ‚ΡŒ Π² качСствС яркого ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°. Π”Π° ΠΈ ΠΏΠΎΡ‚ΠΎΠΌ, усилий это особых Π½Π΅ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ β€” сдСлав Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Ρ€Π°Π· ΠΈ установив Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π½Π° свой сайт, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π±Ρ‹Ρ‚ΡŒ ΠΎ Π½Π΅ΠΌ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ нСсколько мСсяцСв.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ смСло экспСримСнтируйтС, ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°ΠΉΡ‚Π΅ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½ΠΎΠ²ΠΎΠ΅, ΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ β€” ΠΈ всС получится!

fb.ru

ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт

Иконка Π²Π΅Π± сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈ Π² поисковикС

Иконка сайта – это ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Π”Π°Π½Π½Ρ‹ΠΉ инструмСнт ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» Π½Π°Π·Π²Π°Π½ΠΈΠ΅ favicon.

<link rel=Β»SHORTCUT ICONΒ» href=Β»/favicon.icoΒ» type=Β»image/x-iconΒ»>

НазваниС Β«FaviconΒ» β€” это английскоС сокращСниС ΠΎΡ‚ слов FAVorites ICON, Ρ‡Ρ‚ΠΎ Π² ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«Π·Π½Π°Ρ‡ΠΎΠΊ для ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎΒ». Иконка Π²Π΅Π± сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ отобраТаСтся Π² адрСсной строкС, нСпосрСдствСнно ΠΏΠ΅Ρ€Π΅Π΄ url-адрСсом страницы. Π’Π°ΠΊ ΠΆΠ΅ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π²Π΅Π± сайта Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… ΠΈ рядом с Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ.

Если ΠΆΠ΅ Π²Π»Π°Π΄Π΅Π»Π΅Ρ† рСсурса Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ задавался вопросом, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт, Ρ‚ΠΎ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² качСствС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π·Π½Π°Ρ‡ΠΎΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Помимо отобраТСния Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Favicon отобраТаСтся ΠΈ Π² поисковиках: ΠΈΠΊΠΎΠ½ΠΊΠ° сайта Π² ЯндСксС ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΡΡ слСва ΠΎΡ‚ названия рСсурса, Π°ΠΊΠΊΡƒΡ€Π°Ρ‚ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ†ΠΈΡ„Ρ€Ρ‹, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ мСсто рСсурса Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ ΠΏΠΎ Π²Π²Π΅Π΄Π΅Π½Π½ΠΎΠΌΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ поисковому запросу.

Π˜Ρ‚Π°ΠΊ, послС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ стало понятно, Π·Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Π° ΠΈΠΊΠΎΠ½ΠΊΠ° для сайта ΠΈ Π³Π΄Π΅ ΠΎΠ½Π° отобраТаСтся, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ описанию Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈ ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Π΅ Π½Π° сайт.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта

БущСствуСт нСсколько способов, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта. Π‘Π°ΠΌΡ‹ΠΌ простым Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ являСтся созданиС ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисов, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ загруТаСтся ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ систСма автоматичСски Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. Один ΠΈΠ· Ρ‚Π°ΠΊΠΈΡ… сСрвисов ΠΏΠΎ созданию Favicon’ок ΠΎΠ½Π»Π°ΠΉΠ½ находится здСсь.

Как Π΅Ρ‰Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта? Π’Π΅ΡΡŒΠΌΠ° популярно созданиС ΠΈΠΊΠΎΠ½ΠΊΠΈ для web сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ собой инструмСнтами, встроСнным Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом. Одни ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для создания ΠΈΠΊΠΎΠ½ΠΎΠΊ Π½Π° сайт ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ нСсколько ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄Π°ΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½ΡƒΡŽ Π·Π°Π»ΠΈΠ²ΠΊΡƒ ΠΈΠ»ΠΈ 3D эффСкты, Π° Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ простой ΠΈ понятный интСрфСйс. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ для создания ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ здСсь, Π²Ρ‹Π±Ρ€Π°Π² Π»ΡŽΠ±ΡƒΡŽ ΠΈΠ· ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ…, Ρ‚Π°ΠΊ ΠΈ поискав Π² поисковиках:

Π’Π°ΠΊ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅. Данная ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ позволяСт Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ всС Ρ‡Ρ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ. МоТно Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎ Ρ„ΠΈΡ€ΠΌΡ‹, ΠΏΠΈΡΠ°Ρ‚ΡŒ Π±ΡƒΠΊΠ²Ρ‹ особыми ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ ΠΈ Ρ‚.Π΄., Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ нарисованная ΠΈΠΊΠΎΠ½ΠΊΠ° сайта Ρ‚Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ связана с ΠΎΠ±Ρ‰ΠΈΠΌ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ рСсурса ΠΈΠ»ΠΈ с Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, вСдь ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎΠ³Π΄Π° ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°Ρ‚ΡŒΡΡ вашим посСтитСлям.

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅, Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ» ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ .ico.
Если Π²Ρ‹ Π½Π΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΈ Ρƒ сСбя этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Π½Π΅ ΠΎΡ‚Ρ‡Π°ΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ β€” просто стандартный Π½Π°Π±ΠΎΡ€ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Photoshop’а Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π΅Π³ΠΎ Π² сСбя. Но Π΅Π³ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ, достаточно лишь ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ ico-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈ Ρ€Π°ΡΠΏΠ°ΠΊΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² ΠΏΠ°ΠΏΠΊΡƒ C:ProgramFilesAdobeAdobePhotoshopCS2Plug-InsFileFormats, послС Ρ‡Π΅Π³ΠΎ ΠΏΡ€ΠΈ сохранСнии ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΒ» Π² спискС доступных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² появится строчка ICO (Windowsicon)(*.ICO).

Иконки для сайта: Ρ€Π°Π·ΠΌΠ΅Ρ€ 16Ρ…16 ΠΈΠ»ΠΈ 32Ρ…32?

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ составляСт 16Ρ…16 пиксСлСй, допускаСтся Ρ‚Π°ΠΊ ΠΆΠ΅ использованиС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° 32Ρ…32. Но стоит ΡƒΡ‡Π΅ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π² любом случаС рисунок Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ ΠΊ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ 16Ρ…16 пиксСлСй, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π½Π΅ стоит Π΄Π°ΠΆΠ΅ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π²Ρ‚ΠΈΡΠ½ΡƒΡ‚ΡŒ Ρ‚ΡƒΠ΄Π° высокохудоТСствСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π΅Π³ΠΎ всС Ρ€Π°Π²Π½ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π½ΠΎ Π½Π° малСньком Π·Π½Π°Ρ‡ΠΊΠ΅, Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹Π΅ Π±ΡƒΠΊΠ²Ρ‹ ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта

На сСгодняшний дСнь ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта считаСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ .ico, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΅Π³ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ всС самыС популярныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹: Google Chrome, Internet Explorer, Firefox, Opera ΠΈ Safari. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΠΎ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ для webсайта – PNG, JPEG, ΠΈ GIF ΠΈΡ… ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, ΠΊΡ€ΠΎΠΌΠ΅ Internet Explorer’а. А Π²ΠΎΡ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта GIF-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Firefox ΠΈ Opera.

ВсС возмоТности ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ для сайтов прСдставлСны Π½ΠΈΠΆΠ΅:

Когда ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° создана ΠΈ сохранСна Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт.

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт? Установка ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт

ΠŸΠ΅Ρ€Π²Ρ‹ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт Π² прямом смыслС слова. НуТно Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, сохранСнноС Π² Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Π½Π° сСрвСр: Π² ΠΊΠΎΡ€Π½Π΅Π²ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ сайта (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΠ½Π° называСтся public_html). Как Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт? Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΡ… ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ ΠΏΠΎ FTP ΠΈΠ»ΠΈ ΠΆΠ΅ Π² ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ‡Π΅Ρ€Π΅Π· панСль управлСния сайтом.
ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ вставка ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π°, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΎΡΡŒ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. Для установки ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайт (отобраТСния Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅) Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ΄ ΠΈ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ мСсто.

Html ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта

<link rel=Β»SHORTCUT ICONΒ» href=Β»/favicon.icoΒ» type=Β»image/x-iconΒ»>

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΈΠΏ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π΅Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π² Β«typeΒ».
НапримСр, Ссли Ρƒ вас ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ GIF, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠΎΠ΄ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

<link rel=Β»SHORTCUT ICONΒ» href=Β»/favicon.gifΒ» type=Β»image/gifΒ»>

Π”Π°Π½Π½Ρ‹ΠΉ Html ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта Π½ΡƒΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠΌ мСстС ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ <head> ΠΈ </head> Π² Ρ„Π°ΠΉΠ» страницы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ.

Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° Π² wordpress ΠΈΠΊΠΎΠ½ΠΊΠ° сайта, Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» header.php, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ вставляСтся этот ΠΆΠ΅ ΠΊΠΎΠ΄.
Π˜Ρ‚Π°ΠΊ, Π²Ρ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° сайт ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.

Как ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта? Π·Π°ΠΌΠ΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта

Если вас интСрСсуСт, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта, Π·Π½Π°Ρ‡ΠΈΡ‚, ΠΎΠ½Π° ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ Ρƒ вас Π½Π° сайтС. Π‘ΠΌΠ΅Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта осущСствляСтся практичСски ΠΏΠΎ Ρ‚ΠΎΠΉ ΠΆΠ΅ схСмС, Ρ‡Ρ‚ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅. Для Π·Π°ΠΌΠ΅Π½Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π΅ Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. Π”Π°Π»Π΅Π΅ сохранСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ добавляСтся Π½Π° сайт Π² ΠΊΠΎΡ€Π½Π΅Π²ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ. ПослС этого Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΠΉΡ‚ΠΈ Ρ„Π°ΠΉΠ», Π³Π΄Π΅ ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ прописанный html ΠΊΠΎΠ΄ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ. Если Π² ΠΊΠΎΠ΄Π΅ прописаны Π²Π΅Ρ€Π½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ Π½ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, Π° Ρ‚Π°ΠΊ ΠΆΠ΅ Π΅Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…, сразу послС сохранСния Ρ„Π°ΠΉΠ»Π° ΠΈ обновлСния страницы.
Π˜Ρ‚Π°ΠΊ, Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅ ΠΈ ΠΊΠ°ΠΊ ΡΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ сайта Π½Π° Π½ΠΎΠ²ΡƒΡŽ.

 


Π‘Ρ‚Π°Ρ‚ΡŒΠΈ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅:

Π‘Π°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ сайтов Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅
Как Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ внСшниС ссылки ΠΎΡ‚ индСксации
Как ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова Π½Π° сайт
Π“Π΄Π΅ Π²Π·ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ для сайта
Какой URL Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° страницу

seokleo.ru

Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°, автоматизация / Habr

На сСгодняшний дСнь faviconβ€Šβ€”β€ŠΡΡ‚ΠΎ Π½Π΅ просто Π·Π½Π°Ρ‡ΠΎΠΊ 16Γ—16 Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Он являСтся Π²Π°ΠΆΠ½ΠΎΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ интСрфСйса, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ³Ρ€Π°Π΅Ρ‚ Π½Π΅ΠΌΠ°Π»ΠΎΠ²Π°ΠΆΠ½ΡƒΡŽ Ρ€ΠΎΠ»ΡŒ Π² прогрСссивных Π²Π΅Π±-прилоТСниях. БущСствуСт Π½Π΅ΠΌΠ°Π»ΠΎ способов ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈ использования favicon, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… я расскаТу Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Π’ ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½?


РаньшС основным Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π±Ρ‹Π» Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO. Π•Π³ΠΎ главная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π»Π°ΡΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ» Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΌΠΎΠ³ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² сСбС нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΊΠΈ. БСйчас Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO считаСтся ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΌ, Π½Π° смСну Π΅ΠΌΡƒ ΠΏΡ€ΠΈΡˆΡ‘Π» Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG с Π½ΠΎΠ²Ρ‹ΠΌΠΈ возмоТностями ΠΏΠΎ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ с ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ.

Помимо PNG, поддСрТиваСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG. Но Ρƒ Π½Π΅Π³ΠΎ, ΠΊ соТалСнию, нСвысокая ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚. Однако этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ², Π΅Π³ΠΎ использованиС Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π±Ρ‹ упростило Π½Π°ΠΌ Тизнь. Π‘ΡƒΠ΄Π΅ΠΌ Π½Π°Π΄Π΅ΡΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ситуация скоро измСнится.

Π€Π°Π²ΠΈΠΊΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ создан Π΅Ρ‰Ρ‘ Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ GIF ΠΈΠ»ΠΈ JPEG, Π½ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΈΡ… использованиС нСцСлСсообразным.

HTML5 ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ sizes

Атрибут sizes ΠΏΡ€ΠΈΡˆΠ΅Π» Π² Π½Π°ΡˆΡƒ Тизнь с HTML5. Благодаря Π΅ΠΌΡƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΠ»ΠΈ устройство ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π°. Атрибут sizes указываСтся Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ [ΡˆΠΈΡ€ΠΈΠ½Π° Ρ… высота] Π±Π΅Π· указания Π΅Π΄ΠΈΠ½ΠΈΡ†. Если Π² Ρ„Π°ΠΉΠ»Π΅ хранится сразу нСсколько ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ‡Π΅Ρ€Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π». ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠ΅ слово any ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π΄ΠΎ любого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ссли ΠΎΠ½Π° хранится Π² Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG.
<link rel="icon">
<link rel="icon" any">

ΠŸΠΎΡ€Π° Π»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ICO Π½Π° свалку?


Как я ΡƒΠΆΠ΅ сказала, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO сСгодня ΡƒΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΌ, Π½ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚ Π»ΠΈ это, Ρ‡Ρ‚ΠΎ ΠΎΡ‚ Π½Π΅Π³ΠΎ Π½ΡƒΠΆΠ½ΠΎ срочно ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒΡΡ? ΠžΡ‚Π²Π΅Ρ‚, ΠΊΠ°ΠΊ всСгда, Π½Π΅ΠΎΠ΄Π½ΠΎΠ·Π½Π°Ρ‡Π½Ρ‹ΠΉ. Π•ΡΡ‚ΡŒ случаи, ΠΊΠΎΠ³Π΄Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO Π΅Ρ‰Ρ‘ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡΠ»ΡƒΠΆΠΈΡ‚ΡŒ Π²Π°ΠΌ Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ слуТбу. ΠŸΡ€ΠΈΠ²Π΅Π΄Ρƒ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΎΠΏΡ€Π°Π²Π΄Π°Π½Π½ΠΎΠ³ΠΎ использования Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ICO Π² Ρ€Π°Π·Π½Ρ‹Ρ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах ΠΈ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎΠ± Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π°Ρ….
Windows

Начнём, ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, с Windows.

Π”ΠΎ 11 вСрсии Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG Π² IE Π½Π΅ поддСрТивался, поэтому для IE10 ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΌΠ»Π°Π΄ΡˆΠΈΡ… вСрсий ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO. А Π²ΠΎΡ‚ с IE11 смСло ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π½Π° PNG. Для ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Microsoft Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ 16Ρ…16, 32Ρ…32 ΠΈ 48Ρ…48 для Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ICO.

Начиная с IE9, сайты ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΌΠΈ Π² мСню ΠΈ ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°Π΄Π°Ρ‡, Π° с ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΎΠΌ IE11 ΠΈ Windows 8.1 появилась Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹Π΅ сайты Π² Π²ΠΈΠ΄Π΅ ΠΆΠΈΠ²Ρ‹Ρ… ΠΏΠ»ΠΈΡ‚ΠΎΠΊ. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° ΠΏΠ»ΠΈΡ‚ΠΊΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ„Π°Π²ΠΈΠΊΠΎΠ½, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅ для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈ ΡˆΠΈΡ€ΠΎΠΊΠΈΡ… ΠΏΠ»ΠΈΡ‚ΠΎΠΊ, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ это ΠΌΠΎΠΆΠ½ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ способами: Π΄ΠΎΠ±Π°Π²ΠΈΠ² Ρ‚Π΅Π³ΠΈ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ Π²Π΅Π±-страницы ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ» ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π‘Π½Π°Ρ‡Π°Π»Π° Π΄Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ способ.

ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π² устройствах Windows с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… Π² <head>:

<meta name="msapplication-TileImage" content="images\tileimage.jpg">

Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΠ»ΠΈΡ‚ΠΎΠΊ, это ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…:
<meta name="msapplication-square70x70logo" content="images/smalltile.png">
<meta name="msapplication-square150x150logo" content="images/mediumtile.png">
<meta name="msapplication-wide310x150logo" content="images/widetile.png">
<meta name="msapplication-square310x310logo" content="images/largetile.png">

МоТно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΏΠ»ΠΈΡ‚ΠΊΠΈ:
<meta name="msapplication-TileColor" content="#009900">

МоТно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½ΠΎΠ³ΠΎ сайта:
<meta name="application-name" content="Rick and Morty">

Если Π½Π΅Ρ‚ этих ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‚ΠΎ Π² качСствС ΠΈΠΌΠ΅Π½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π² <title&gt; страницы.

МоТно ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ тСкст Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ подсказки, ΠΏΠΎΡΠ²Π»ΡΡŽΡ‰Π΅ΠΉΡΡ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ указатСля ΠΌΡ‹ΡˆΠΈ Π½Π° ярлык Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½ΠΎΠ³ΠΎ сайта Π² мСню β€œΠŸΡƒΡΠΊβ€ Windows ΠΈΠ»ΠΈ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС:

<meta name="msapplication-tooltip" content="Title">

МоТно Π΄Π°ΠΆΠ΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ адрСс Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°:
<meta name="msapplication-starturl" content="./">

И Ρ‚ΠΎΠ³Π΄Π° нСзависимо ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡƒΡŽ страницу ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ» Π½Π° панСль Π·Π°Π΄Π°Ρ‡, Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΉ сайт Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ адрСс.

Π•ΡΡ‚ΡŒ Π΅Ρ‰Ρ‘ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ Ρ†Π²Π΅Ρ‚Π° ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΈΠ»ΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΏΠ»ΠΈΡ‚ΠΊΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹ΠΌΠΈ.

Начиная с IE11 Windows 8.1 ΠΈ Edge Windows 10 ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ Π²Π΅Π±-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„Π°ΠΉΠ»Π° ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Π­Ρ‚ΠΎ ΡƒΠ΄ΠΎΠ±Π½ΠΎ: ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» browserconfig.xml ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ, ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС, Ссли Ρƒ нас Π΅ΡΡ‚ΡŒ нСсколько страниц, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ ΠΏΠ»ΠΈΡ‚ΠΊΠΈ.

Π’Ρ‹Π·ΠΎΠ² Ρ„Π°ΠΉΠ»Π° Π² <head>:

<meta name="msapplication-config" content="browserconfig.xml">

browserconfig.xml
<?xml version=”1.0" encoding=”utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="/img/favicons/mstile-70x70.png"/>
      <square150x150logo src="/img/favicons/mstile-150x150.png"/>
      <square310x310logo src="/img/favicons/mstile-310x310.png"/>
      <wide310x150logo src="/img/favicons/mstile-310x150.png"/>
      <TileColor>#000000</TileColor>
    </tile>
    <notification>
       <polling-uri src="notifications/contoso1.xml"/>
       <polling-uri2 src="notifications/contoso2.xml"/>
       <polling-uri3 src="notifications/contoso3.xml"/>
       <frequency>30</frequency>
       <cycle>1</cycle>
   </notification>
  </msapplication>
</browserconfig>

square70x70logo, square150x150logo, wide310x150logo, square310x310logoβ€Šβ€”β€ŠΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹, Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ±ΡŠΡΠ²Π»ΡΡŽΡ‚ΡΡ изобраТСния для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΏΠ»ΠΈΡ‚ΠΊΠΈ.

Microsoft Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ Π±Ρ€Π°Ρ‚ΡŒ больший Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² цСлях ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ экранов с высокой ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ пиксСлСй. Π–Π΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€ исходного изобраТСния ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π² 1.8 Ρ€Π°Π·Π° ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π» Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ ΠΏΠ»ΠΈΡ‚ΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ. НапримСр, для 70Ρ…70 Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ 128Ρ…128, Π° для ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ ΠΏΠ»ΠΈΡ‚ΠΊΠΈ 310Γ—150 исходноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ 558Γ—270.

Если ΠΏΠ»ΠΈΡ‚ΠΊΠ° сайта статичСская, Ρ‚ΠΎ Π²Ρ‹ΡˆΠ΅ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½Ρ‹Ρ… элСмСнтов Π±ΡƒΠ΄Π΅Ρ‚ достаточно. Если ΠΆΠ΅ прСдполагаСтся динамичСская ΠΏΠ»ΠΈΡ‚ΠΊΠ°, Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнт <notification>. Π­Ρ‚ΠΎΡ‚ элСмСнт ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² сСбя Π΄ΠΎ 5 элСмСнтов <polling-uri>, содСрТащих Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ src ΠΏΡƒΡ‚ΠΈ ΠΊ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ xml-Ρ„Π°ΠΉΠ»Π°ΠΌ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ. Π’Π°ΠΊΠΆΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ этого Ρ‚Π΅Π³Π° содСрТится элСмСнт <frequency>, Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π² ΠΌΠΈΠ½ΡƒΡ‚Π°Ρ… ΠΈΠ½Ρ‚Π΅Ρ€Π²Π°Π» ΠΌΠ΅ΠΆΠ΄Ρƒ обращСниями ΠΊ сайту Π·Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Тивая ΠΏΠ»ΠΈΡ‚ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒΡΡ ΠΊΠ°ΠΆΠ΄Ρ‹Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 30 ΠΌΠΈΠ½ΡƒΡ‚. Π”Π°, Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π½Π΅ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅, Π° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 30, 60, 360, 720 ΠΈΠ»ΠΈ 1440.

НаконСц, Π΅ΡΡ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° <notification> Π΅Ρ‰Π΅ элСмСнт <cycle>, ΠΎΡ‚Π²Π΅Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Π·Π° способ повторСния ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ (ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ значСния ΠΎΡ‚ 0 Π΄ΠΎ 7). Π¨Π°Π±Π»ΠΎΠ½Ρ‹ доступны Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для срСдних, ΡˆΠΈΡ€ΠΎΠΊΠΈΡ… ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΠ»ΠΈΡ‚ΠΎΠΊ.

Новый интСрфСйс Metro ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ нСсколько Π½ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«Π±Π΅Π»Ρ‹Π΅ силуэты», ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎΠΌ прСдустановлСнных ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ Windows сайт ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π° ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π· ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° ΠΏΠ»ΠΈΡ‚ΠΊΠ΅ Π΄ΠΎ пяти тСкстовых сообщСний ΠΈΠ»ΠΈ сообщСний с изобраТСниями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ цикличСски ΡΠΌΠ΅Π½ΡΡŽΡ‚ Π΄Ρ€ΡƒΠ³ Π΄Ρ€ΡƒΠ³Π°. НС Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π½Π° этих xml-Ρ„Π°ΠΉΠ»Π°Ρ… ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ. БущСствуСт мноТСство шаблонов ΠΆΠΈΠ²Ρ‹Ρ… ΠΏΠ»ΠΈΡ‚ΠΎΠΊ, Π²ΠΎΡ‚ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ…:

<tile>
  <visual lang="en-US" version="2">
    <binding template="TileWide310x150ImageAndText01"
      <image src="images/image1.png" alt="alt text"/>
      <text>Text Field 1</text>
    </binding>
  </visual>
</tile>

Π’ΠΎ, Ρ‡Ρ‚ΠΎ написано Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ… Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ template β€Šβ€” β€ŠΠ½Π°Π·Π²Π°Π½ΠΈΠ΅ шаблона. Π­Ρ‚ΠΎΡ‚ шаблон содСрТит ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ нСбольшой тСкст. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ срСдних Π½Π°Π·Π²Π°Π½ΠΈΠΉ. На самом Π΄Π΅Π»Π΅, ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… шаблонов ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ: ΠΈ просто c тСкстом, ΠΈ просто с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΈ с нСсколькими изобраТСниями, ΠΈ с нСсколькими строками тСкста, ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ шаблонов изобраТСния ΠΈΠ»ΠΈ тСкста Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ тСкст Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ»ΠΈΡ‚ΠΊΠ΅, Ρ‡Ρ‚ΠΎ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Но ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ с Peek Π² Π½Π°Π·Π²Π°Π½ΠΈΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ тСкстом Π½Π° ΠΏΠ»ΠΈΡ‚ΠΊΠ΅.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС.

Mac OS


Π’ Mac OS особо Π½Π΅ Ρ€Π°Π·Π³ΡƒΠ»ΡΠ΅ΡˆΡŒΡΡ, ΠΊ соТалСнию. Если ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ сайт Π½Π° Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол Π² Mac OS, Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ страницы с html ΠΊΠΎΠ΄ΠΎΠΌ. ΠŸΡ€ΠΎΡΡ‚ΠΎ Ρ‚Π°ΠΊ сайт ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π² Mac OS Π½Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π½ΠΎ ΠΈ Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ.

Safariβ€Šβ€”β€ŠΠ²ΠΎΡ‚ Π³Π΄Π΅ Π½Π°ΠΌ пригодится Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ SVG, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ rel со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ mask-icon, всС элСмСнты SVG Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°. Но Π½Π΅ стоит ΠΏΡƒΠ³Π°Ρ‚ΡŒΡΡ, Ρ†Π²Π΅Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ color. Π­Ρ‚Π° SVG-ΠΈΠΊΠΎΠ½ΠΊΠ° Π½ΡƒΠΆΠ½Π° для закрСплСния Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π² Safari. А Ρ†Π²Π΅Ρ‚ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΈΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΠΌΡ‹ ΡƒΠΊΠ°Π·Π°Π»ΠΈ Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ color.

<link rel="mask-icon" href="safari-pinned-tab.svg" color="#00Π°0ff">

Если Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ эту ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π²ΡƒΡŽ Π±ΡƒΠΊΠ²Ρƒ Π΄ΠΎΠΌΠ΅Π½Π° нашСго сайта.

Вспомнила Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ случай, Π³Π΄Π΅ Π½Π°ΠΌ Π΅Ρ‰Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO. Поисковик ЯндСкс вставляСт Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π² поисковой Π²Ρ‹Π΄Π°Ρ‡Π΅ рядом с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ сайта. Π§Ρ‚ΠΎ, бСзусловно, ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ сниппСта ΠΈ, ΠΊΠ°ΠΊ слСдствиС, ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.ЯндСкс Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для этих Ρ†Π΅Π»Π΅ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO.

iOS


Safari Π² iOS Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ favicon Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…, Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΈΡ… для Π·Π°ΠΊΠ»Π°Π΄ΠΎΠΊ, Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Π² Mac OS. Π’ iOS ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ сайт Π½Π° Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ стол, ΠΈ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Π­Ρ‚ΠΈ ссылки ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² Π²ΠΈΠ΄Π΅ Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΈ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Web Clips.

Для этого Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ rel=Β«apple-touch-iconΒ» ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° sizes. КаТдоС устройство нуТдаСтся Π² своСм Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Π’Π°ΠΊ ΠΊΠ°ΠΊ iOS устройств довольно ΠΌΠ½ΠΎΠ³ΠΎ, ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ устройство ΠΈΠΌΠ΅Π΅Ρ‚ своС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана, спСцификация, разработанная Apple, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ нСсколько Ρ‚Π΅Π³ΠΎΠ² с ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².

<link rel="apple-touch-icon" href="apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" href="apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" href="apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" href="apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" href="apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" href="apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" href="apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" href="apple-touch-icon-180x180.png">

Если Π·Π½Π°Ρ‡ΠΎΠΊ Π½Π΅ соотвСтствуСт Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΠΎΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ устройства, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ самая близкая ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΈΠΊΠΎΠ½ΠΊΠ° большСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π½Π΅ΠΆΠ΅Π»ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹ΠΉ. Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚ Π½Π° ваш сайт с iOS устройства, Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°ΡŽΡ‚ΡΡ Ρ„Π°ΠΉΠ» apple-touch-icon-precomposed.png, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ Π² стилС iOS: Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹, Π±Π»ΠΈΠΊΠΈ, ΠΈ Ρ‚Π΅Π½ΡŒ. Если Ρ„Π°ΠΉΠ»Π° с Ρ‚Π°ΠΊΠΈΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Π² ΠΊΠΎΡ€Π½Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈΠ»ΠΈ rel=Β«apple-touch-icon-precomposedΒ» Π½Π΅Ρ‚, Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΡ€ΠΎΡˆΠ΅Π½ apple-touch-icon.png, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΎ Π±Ρ‹Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΠΎΠ½ Π΅ΡΡ‚ΡŒ, Π° всС эффСкты Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°Π»ΠΎΠΆΠ΅Π½Ρ‹ самим iOS. БоотвСтствСнно, Π½ΡƒΠΆΠ½Π° ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΏΠΎΠ΄ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€. А Π²ΠΎΡ‚ Ссли Π½Π΅Ρ‚ ΠΈ этих Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ‚ΠΎ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС iPhone ΠΈΠ»ΠΈ iPad Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π΅ красивая ΠΈΠΊΠΎΠ½ΠΊΠ°, Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π° ΡΡ‚Ρ€Π°Π½ΠΈΡ†Ρ‹β€Šβ€”β€ŠΠ΅Π΅ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚.

Π₯одят слухи Ρ‡Ρ‚ΠΎ Blackberry Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚ΠΎΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ rel=Β«apple-touch-icon-precomposedΒ», Π½ΠΎ возмоТности ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, ΠΊ соТалСнию, Π½Π΅ Π±Ρ‹Π»ΠΎ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΡ€ΠΎ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ для устройств iOS ΠΌΠΎΠΆΠ½ΠΎ Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС.

НСкоторыС ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Ρ€Π°Π·ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ всС 9 ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΈ Π½ΡƒΠΆΠ½Ρ‹. Однако, ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, основная Apple Touch Icon Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ 180Ρ…180. ΠžΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ устройства ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Но Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Ρ‚ΠΎΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Apple Touch Icon, поэтому Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡ… ΠΎΠ±ΡŠΡΠ²ΠΈΡ‚ΡŒ.

Как Π±Ρ‹ странно это Π½Π΅ Π·Π²ΡƒΡ‡Π°Π»ΠΎ, устройства ΠΏΠΎΠ΄ iOS Π½Π΅ СдинствСнныС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡ‰ΡƒΡ‚ Apple Touch Icon. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ популярнСС ΠΈ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‚ΡΡ Ρ‡Π°Ρ‰Π΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… PNG ΠΈΠΊΠΎΠ½ΠΎΠΊ высоких Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, Π²Ρ€ΠΎΠ΄Π΅ Android Chrome, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΈΡ…. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡ… ΠΎΠ±ΡŠΡΠ²Π»ΡΡ‚ΡŒ, это ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŽ с совмСстимым устройством ΠΈΠ»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄Π½Ρƒ ΠΈΠ· этих ΠΈΠΊΠΎΠ½ΠΎΠΊ.

Π’ iOS ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π²Π΅Π±-прилоТСния. По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ‚Π΅Π³Π° <title>. Π§Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π΄Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΌΠ΅Ρ‚Π°Ρ‚Π΅Π³ Π½Π° Π²Π΅Π±-страницу:

<meta name = "apple-mobile-web-app-title" content = "AppTitle">

ΠšΡΡ‚Π°Ρ‚ΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π΄Π°ΠΆΠ΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ строки состояния для Π²Π΅Π±-прилоТСния:
<meta name="apple-mobile-web-app-status-bar-style" content="black">

МоТно ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Π΅Ρ‘ Ρ†Π²Π΅Ρ‚, ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΉ. Π­Ρ‚ΠΎ Ρ‚ΠΎΠΆΠ΅ повлияСт Π½Π° Π²ΠΈΠ΄ нашСго сайта.

Android


Устройства Π½Π° Android ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG, Π° Π΅Ρ‰Ρ‘ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ манифСст Π²Π΅Π±-прилоТСния manifest.json, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ всС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ вСсти сСбя сайт, Ссли Π΅Π³ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° домашний экран. Π­Ρ‚ΠΎΡ‚ манифСст ΠΏΠΎΠΊΠ°, ΠΊ соТалСнию, Π½Π΅ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚ устройства ΠΏΠΎΠ΄ IOS. А Ссли Android Π½Π΅ Π½Π°ΠΉΠ΄Π΅Ρ‚ этот Ρ„Π°ΠΉΠ», Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ apple-icon-touch.

Π€Π°ΠΉΠ» манифСста ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π² сСбС ряд космичСских ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², Π½ΠΎ Ρ‚ΡƒΡ‚ находятся лишь Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ для отобраТСния сайта Π½Π° домашнСм экранС:

{
  "name": "Rick and Morty",
  "short_name": "Rick",
  "icons": [
  {
    "src": "/android-chrome-192x192.png",
    "sizes": "192x192",
    "type": "image/png"
  },
  {
    "src": "/android-chrome-512x512.png",
    "sizes": "512x512",
    "type": "image/png"
 }
],
  "theme_color": "#b3adad",
  "background_color": "#b3adad",
  "display": "standalone"
}

ΠšΠ»ΡŽΡ‡ name опрСдСляСт подпись Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ Π½Π° домашнСм столС. Если этот ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½, подпись Π±ΡƒΠ΄Π΅Ρ‚ взята ΠΈΠ· <title> Π² <head>;

ΠšΠ»ΡŽΡ‡ short_name опрСдСляСт ΡƒΠΊΠΎΡ€ΠΎΡ‡Π΅Π½Π½ΡƒΡŽ подпись для прилоТСния, Ссли Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π΅Ρ‚ мСста для ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½ΠΈ;

ΠšΠ»ΡŽΡ‡ iconsβ€Šβ€”β€ŠΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ массив ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Ρ‚Ρ€ΠΈ значСния: sizes, src, type;

ΠšΠ»ΡŽΡ‡ theme_color опрСдСляСт Ρ†Π²Π΅Ρ‚ строки состояния. Начиная с 39 вСрсии Ρ…Ρ€ΠΎΠΌΠ° для Android Lollipop появилась Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ интСрфСйса Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Ρ†Π²Π΅Ρ‚ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Π—Π°Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Ρ‡Π΅Ρ€Π΅Π· <head>, Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ ΠΌΠ΅Ρ‚Π°-Ρ‚Π΅Π³:

<meta name="theme-color" content="#9CC2CE">

ΠšΠ»ΡŽΡ‡ background_color опрСдСляСт Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° для Π²Π΅Π±-прилоТСния Π½Π° домашнСм столС. Π­Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΎΡ‚Π²Π΅Ρ‡Π°Π΅Ρ‚ Π·Π° Ρ‚ΠΎ, ΠΊΠ°ΠΊΠΎΠΉ Ρ†Π²Π΅Ρ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ„ΠΎΠ½ прилоТСния, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ открываСтся, Ρ‚.Π΅. манифСст загрузился, Π½ΠΎ Π΅Ρ‰Ρ‘ Π½Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»ΠΈΡΡŒ стили;

ΠšΠ»ΡŽΡ‡ display опрСдСляСт Ρ€Π΅ΠΆΠΈΠΌ отобраТСния Π²Π΅Π±-прилоТСния. НапримСр, Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ standalone, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ ΡƒΠΊΠ°Π·Π°Π»ΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ»ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π½Π°ΠΌ сайт ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

Π’Ρ‹Π·ΠΎΠ² Π² <head>:

<link rel="manifest" href="manifest.json">

Π’ манифСстС Π΅ΡΡ‚ΡŒ Π΅Ρ‰Ρ‘ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΡ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ΄Π΅Π»Π°ΡŽΡ‚ ΠΈΠ· Π²Π΅Π±-сайта настоящСС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ ΠΎΠ½ΠΈ ΡƒΠΆΠ΅ Π½Π΅ относятся ΠΊ нашСй Ρ‚Π΅ΠΌΠ΅.

Автоматизация


Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π½ΡƒΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ всС, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ рассмотрСли Π² Ρ€Π°ΠΌΠΊΠ°Ρ… Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ€ΡƒΠΊΠ°ΠΌΠΈ, Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΎ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·Π°Ρ†ΠΈΡŽ. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ сайты, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ½ΠΎ быстро ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Π½Π°ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ favicon: realfavicongenerator.net, Π° ΠΏΡ€ΠΈ нСобходимости ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΎΠ΄Π½ΠΎ ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ΄.

Π•ΡΡ‚ΡŒ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ для сборки ΠΈ для Gulp, ΠΈ для Grunt.

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ сСгодня faviconβ€Šβ€”β€ŠΡΡ‚ΠΎ большС, Ρ‡Π΅ΠΌ ΠΈΠΊΠΎΠ½ΠΊΠ° Π² адрСсной строкС ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

habr.com

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ favicon (Ρ„Π°Π²ΠΈΠΊΠΎΠ½) для сайта

Π€Π°Π²ΠΈΠΊΠΎΠ½ Π²ΠΈΠ΄Π½ΠΎ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…, Π½Π° экранС мобильного Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°. РаньшС ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ favicon ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° для отобраТСния Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, сСйчас Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ 

Favicon для сайта – ΡΡ‚ΠΎ β€œfavorites icon”, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ являСтся Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠΌ сайта. ΠŸΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ слуТил для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ выдСлСния сайтов Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Но ΠΏΠΎΡ‚ΠΎΠΌ стал ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ°Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, Π² адрСсной строкС ΠΈ Π½Π° страницС поисковой Π²Ρ‹Π΄Π°Ρ‡ΠΈ рядом с url сайта. 

ΠžΡ‡Π΅Π½ΡŒ Π΄ΠΎΠ»Π³ΠΎ основным Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° для сайта Π±Ρ‹Π» ico. Он ΡƒΠ΄ΠΎΠ±Π΅Π½ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π² Ρ„Π°ΠΉΠ» ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ сразу нСсколько Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ с Ρ€Π°Π·Π½ΠΎΠΉ Π±ΠΈΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ. БСйчас Π±ΠΎΠ»Π΅Π΅ популярны Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ png ΠΈ svg. Π€ΠΎΡ€ΠΌΠ°Ρ‚ svg ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² Safari MacOS, Π° png β€” Π² ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах ΠΈ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ…. Π€Π°Π²ΠΈΠΊΠΎΠ½ Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… jpeg ΠΈ gif, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΌΡ‹ Π½Π΅ совСтуСм ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ…, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π½Π΅ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹. 

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡΠΉΡ‚Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сСрвиса caniuse.com. 


Π‘Π°ΠΌΡ‹ΠΌ пСрспСктивным Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ являСтся svg. Π­Ρ‚ΠΎ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠ°Π»ΠΎ вСсят, Π½ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ. 


Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² 

ДСсктоп 


Андроид

ΠšΠΎΡΡ„Ρ„ΠΈΡ†ΠΈΠ΅Π½Ρ‚ плотности экранов            
0,75 1,5 
36Ρ…36  48Ρ…48  72Ρ…72  96Ρ…96  144Ρ…144  192Ρ…192 

Apple

  Π Π΅Ρ‚ΠΈΠ½Π° вСрсия 6 ΠΈ Π½ΠΈΠΆΠ΅  Π Π΅Ρ‚ΠΈΠ½Π° вСрсия 7  НС Ρ€Π΅Ρ‚ΠΈΠ½Π° вСрсия 6 ΠΈ Π½ΠΈΠΆΠ΅  НС Ρ€Π΅Ρ‚ΠΈΠ½Π° вСрсия 7 
iPhone  144Ρ…144  120Ρ…120  57Ρ…57  60Ρ…60 
iPad  144Ρ…144  152Ρ…152  72Ρ…72  76Ρ…76 

Для iPhone 6 Plus вСрсия 8 ΠΈ Π²Ρ‹ΡˆΠ΅ – 180Ρ…180 пиксСлСй. 


Π”Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ 

Google TV  Opera Coast 
96Ρ…96  228Ρ…228 

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ 

На ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ взгляд самым простым способом создания Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° каТСтся простоС ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° Π² Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. Допустим, Ρƒ вас Π΅ΡΡ‚ΡŒ Ρ„Π°ΠΉΠ» favicon.png ΠΈ Π²Ρ‹ Π΅Π³ΠΎ просто ΠΏΠ΅Ρ€Π΅ΠΈΠΌΠ΅Π½ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚Π΅ favicon.ico. НС Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ это Π΄Π΅Π»Π°Ρ‚ΡŒ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… Ρ‚Π°ΠΊΠΎΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ с ошибкой ΠΈΠ»ΠΈ Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ. Π›ΡƒΡ‡ΡˆΠ΅ всСго ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСрвисов. 

Realfavicongenerator.net – Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΎΠ½Π»Π°ΠΉΠ½. Π—Π°Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ исходник Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 260Ρ…260 пиксСлСй, ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ настройки для iOS, Android, Windows Phone, MacOS Safari. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ сТатия. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ всС Ρ‚ΠΈΠΏΡ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΊΠΎΠ΄ для вставки. 


Favicon.cc – Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ сСрвис для создания favicon Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ICO. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈΠ»ΠΈ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ инструмСнты графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.


Как ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ 

Π—Π°Π΄Π°ΠΉΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ имя – favicon.ico ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Ρ‚ΠΈΠΏ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ. Однако ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΡ€Π΅ΠΆΠ½ΠΈΡ… вСрсий Π½Π΅ смогут ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ссли ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. ΠŸΠ΅Ρ€Π΅Π΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ Π½Π° сайт ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ свойства Ρ„Π°ΠΉΠ»Π°, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π΅ΡΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Π½Π°Π·Π²Π°Π½ΠΈΠΈ Ρ„Π°ΠΉΠ»Π°, Π½ΠΎ ΠΈ Π² Π΅Π³ΠΎ Ρ‚ΠΈΠΏΠ΅. 

Π”Π΅Π»Π°ΠΉΡ‚Π΅ кроссплатформСнныС ΠΈΠΊΠΎΠ½ΠΊΠΈ. ΠŸΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ для Ρ€Π°Π·Π½Ρ‹Ρ… ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ². Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠ· Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹Ρ…. Он Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈ рСсайзС, ΠΊΠΎΠ³Π΄Π° Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ ΠΎΠ΄ΠΈΠ½ ΠΈ Π΅Π³ΠΎ приходится ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΏΠΎΠ΄ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹. Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ сСрвисом realfavicongenerator.net. 

ΠŸΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Π² ΠΊΠΎΡ€Π½Π΅Π²ΡƒΡŽ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΡŽ сайта ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΡΡ‚ΡŒ. Для этого Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π² Π°Π΄Ρ€Π΅ΡΠ½ΡƒΡŽ строку β€œyoursite.com/favicon.ico” для Ρ„Π°ΠΉΠ»ΠΎΠ² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ico, для Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² β€” ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ. 

ΠŸΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ адрСс Π² ΠΊΠΎΠ΄Π΅ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС Π² Ρ‚Π΅Π³Π΅ <head>. Если Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π½ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π½ΠΎΠ²Ρ‹Ρ… вСрсий автоматичСски ΠΈΡ‰ΡƒΡ‚ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅, Ссли Π½Π΅ нашли Π΅Π³ΠΎ Π² . Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ head ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ для Ρ€Π°Π·Π½Ρ‹Ρ… страниц сайта собствСнныС ΠΈΠΊΠΎΠ½ΠΊΠΈ. 

ДСсктоп (ico) β€” <link rel=Β»iconΒ» type=Β»image/icoΒ» href=Β»favicon.icoΒ»>

ДСкстоп (png) β€” <link rel=Β»iconΒ» type=Β»image/pngΒ» href=Β»favicon.pngΒ»>

Apple β€” <link rel=Β»apple-touch-iconΒ» href=Β»apple-touch-favicon.pngΒ»>

Safari β€” <link rel=”mask-icon” href=”icon.svg”>

Андроид β€”

Иконки Π² Π³Π°Π΄ΠΆΠ΅Ρ‚Π°Ρ… Apple всСгда Π·Π°ΠΊΡ€ΡƒΠ³Π»ΡΡŽΡ‚ΡΡ ΠΏΠΎ ΡƒΠ³Π»Π°ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ этого ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ apple-touch-icon-precomposed вмСсто apple-touch-icon. 

ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΎΡ‚Π²Π΅Ρ‚ сСрвСра. Π€Π°Π²ΠΈΠΊΠΎΠ½ индСксируСт ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€ΠΎΠ±ΠΎΡ‚. Π§Ρ‚ΠΎΠ±Ρ‹ индСксация ΠΏΡ€ΠΎΡˆΠ»Π° ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ ссылка Π½Π° Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π½Π΅ Π·Π°ΠΊΡ€Ρ‹Ρ‚Π° ΠΎΡ‚ индСксации Π² Ρ„Π°ΠΉΠ»Π΅ robot.txt ΠΈ ΠΎΡ‚Π΄Π°Π΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‚ сСрвСра HTTP 200. 

Π£Π·Π½Π°ΠΉΡ‚Π΅, Π²ΠΈΠ΄Π΅Π½ Π»ΠΈ Ρ„Π°Π²ΠΈΠΊΠΎΠ½. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ Ρ‡Π΅Ρ€Π΅Π· сСрвисы, подставив адрСс своСго сайта: 

Π—Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ 

  1. Π‘Π°ΠΌΡ‹ΠΌ распространСнным Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ² являСтся ico, Π½ΠΎ ΠΎΠ½ ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΠΉ. Π›ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ png ΠΈ svg. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡΠΉΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ сСрвиса caniuse.com. 

  2. РаньшС Π±Ρ‹Π»ΠΎ достаточно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° 16Ρ…16 пиксСлСй. БСйчас Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²ΠΎ всСх Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…. Если создали Ρ„Π°Π²ΠΈΠΊΠΎΠ½ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ смогут пСрСвСсти Π΅Π³ΠΎ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€, Π½ΠΎ Π½Π΅ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ошибки ΠΈ Π½Π΅ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Если Π² ΠΊΠΎΠ΄Π΅ Π±ΡƒΠ΄ΡƒΡ‚ прописаны всС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ подтянСт Π½ΡƒΠΆΠ½Ρ‹ΠΉ. 

  3. Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ favicon, Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ сСрвисами: realfavicongenerator.net, favicon.cc ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ. Π“Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ online сразу для всСх Π²ΠΈΠ΄ΠΎΠ² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ. 

  4. ΠŸΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ Π² ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ сайта ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠΏΠΈΡˆΠΈΡ‚Π΅ ссылку Π² Ρ‚Π΅Π³Π΅ . Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° сайта, прописывайтС ΠΈΡ… Ρ‡Π΅Ρ€Π΅Π· Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС. 

  5. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΡΡ‚ΡŒ индСксации. ΠžΡ‚Π²Π΅Ρ‚ сСрвСра Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ HTTP 200. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Ρ„Π°Π²ΠΈΠΊΠΎΠ½Π° Π² ЯндСксС ΠΈ Google Ρ‡Π΅Ρ€Π΅Π· сСрвисы поисковиков.

ΠœΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»Π° Π‘Π²Π΅Ρ‚Π»Π°Π½Π° Π‘ΠΈΡ€Π²ΠΈΠ΄Π°-Π›ΡŒΠΎΡ€Π΅Π½Ρ‚Ρ.

www.ashmanov.com

просто 16Γ—16 ΠΈΠ»ΠΈ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‰ΡƒΡŽ Π² ΡΠ΅Π±Π΅ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹?

Максим!

По ΠΌΠΎΠ΅ΠΉ ΠΏΡ€ΠΎΡΡŒΠ±Π΅ Π²Π΅Π΄ΡƒΡ‰ΠΈΠΉ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ Π±ΡŽΡ€ΠΎ Артём ΠŸΠΎΠ»ΠΈΠΊΠ°Ρ€ΠΏΠΎΠ² ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ исслСдовал вопрос, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ввСсти Π΅Π΄ΠΈΠ½Ρ‹Π΅ трСбования Π² Π±ΡŽΡ€ΠΎ. И Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ.

НСобходимый ΠΈ Π΄ΠΎΡΡ‚Π°Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚

16 ΠΈ 48http://bureau.ru/favicon.ico
114http://bureau.ru/apple-touch-icon.png, apple-touch-icon-precomposed.png (для ΠΠ½Π΄Ρ€ΠΎΠΈΠ΄Π°)

Π’Π°ΠΊΠΎΠΉ Π½Π°Π±ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ обСспСчит Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ качСство Π½Π° Π²ΡΠ΅Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ…, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… для Π½Π°Ρ интСрСс: Виндоус, Мак, АйОБ ΠΈ ΠΠ½Π΄Ρ€ΠΎΠΈΠ΄. Π’Ρ€ΠΈ Ρ„Π°ΠΉΠ»Π° с ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ названиями достаточно ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ Π² ΠΊΠΎΡ€Π΅Π½ΡŒ сСрвСра β€” ΠΎΠ½ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡΡ автоматичСски.

НСкоторыС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ ΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅

ИКО
16ΠΠ°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅, Ссли Π½Π΅Ρ‚ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°
32«Бписок для Ρ‡Ρ‚Сния» Π² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ Π‘Π°Ρ„Π°Ρ€ΠΈ ΠΈ Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΎΠΌ Π½Π° ΠΠΉΠΏΠ°Π΄Π΅ ΠΈ ΠΠΉΡ„ΠΎΠ½Π΅ Π±Π΅Π· Β«Ρ€Π΅Ρ‚ΠΈΠ½Ρ‹Β», панСль Π·Π°Π΄Π°Ρ‡ Виндоуса 7
48Π―Ρ€Π»Ρ‹ΠΊ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС Виндоуса
64«Бписок для Ρ‡Ρ‚Сния» Π½Π° ΠΠΉΡ„ΠΎΠ½Π΅ с Β«Ρ€Π΅Ρ‚ΠΈΠ½ΠΎΠΉΒ»
ΠŸΠΠ“
32 ΠΈ 64«Бписок для Ρ‡Ρ‚Сния», ΠΊΠ°ΠΊ Π²Ρ‹ΡˆΠ΅ β€” ΠŸΠΠ“ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Π½Π΅Π΅ ИКО
36, 48, 72Π Π°Π±ΠΎΡ‡ΠΈΠΉ стол Андроида для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ (Π² Ρ‚ΠΎΡ‡ΠΊΠ°Ρ…/дюйм)
Иконка домашнСго экрана
57Айфон Π±Π΅Π· Β«Ρ€Π΅Ρ‚ΠΈΠ½Ρ‹Β»
72Айпад
114Айфон с Β«Ρ€Π΅Ρ‚ΠΈΠ½ΠΎΠΉΒ»
Π‘ΠΏΠΎΡ‚Π»Π°ΠΉΡ‚
29Айфон Π±Π΅Π· Β«Ρ€Π΅Ρ‚ΠΈΠ½Ρ‹Β»
50Айпад
58Айфон с Β«Ρ€Π΅Ρ‚ΠΈΠ½ΠΎΠΉΒ»

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ

И Π² Π˜ΠšΠž, ΠΈ Π² ΠŸΠΠ“ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π».

Π›ΡƒΡ‡ΡˆΠΈΠΉ способ ΡƒΠΏΠ°ΠΊΠΎΠ²Π°Ρ‚ΡŒ нСсколько Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² для Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² β€” ΠΌΡƒΠ»ΡŒΡ‚ΠΈΡ„Π°ΠΉΠ» http://bureau.ru/favicon.ico. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ сам ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. НС Π½ΡƒΠΆΠ½ΠΎ Ρ…ΠΈΠΌΠΈΡ‡ΠΈΡ‚ΡŒ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Π½Π° ΡΠ΅Ρ€Π²Π΅Ρ€Π΅ ΠΈΠ»ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅.

Π‘Π΅Π· Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Π°:

Π‘ Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»ΠΎΠΌ:

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… .ico β€” «Аксиалис Айкон-Π²ΠΎΡ€ΠΊΡˆΠΎΠΏΒ». Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠ΄ Π’индоусом. Родная маковская «Айкон ΠšΠΎΠΌΠΏΠΎΡƒΠ·Π΅Ρ€Β» Π³ΠΎΡ€Π°Π·Π΄ΠΎ приятнСС Π² Ρ€Π°Π±ΠΎΡ‚Π΅, Π½ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² Π˜Π•.

Иконки для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ Π² ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» ΠŸΠΠ“, Π½ΠΎ ΠΎΠ½ΠΈ Π»Π΅Π³ΠΊΠΎ Ρ‚Π°Ρ€Π³Π΅Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Π² Π₯Π’ΠœΠ› ΠΈΠ»ΠΈ ΠΏΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡŽ Ρ„Π°ΠΉΠ»Π°.

  • Π‘ΠΌ. ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΊΠ°Ρ… (Π½Π° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ):
  • БпСцификация Π­ΠΏΠ»Π°
  • ΠœΠ°Ρ‚ΡŒΠ΅ Π‘ΠΈΠ½ΠΎ. Всё Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π·Π½Π°Ρ‚ΡŒ ΠΎ Ρ‚Π°Ρ‡-ΠΈΠΊΠΎΠ½ΠΊΠ°Ρ…
  • ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹

    Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π½ΠΈΠΆΠ΅ ΠΏΠΎΡΡΠ½ΡΡŽΡ‚, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ ΠΈ Π΄ΠΎΡΡ‚Π°Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚.

    ЯндСкс Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΌΡƒΠ»ΡŒΡ‚ΠΈ-Ρ„Π°Π²Ρ‹ΠΊΠΎΠ½ΠΊΡƒ, Π° Π΄Π»Ρ Π˜Π• ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ ΠΈΠΊΠΎΠ½ΠΊΡƒ 48Γ—48, Π² ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… β€” 16Γ—16. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π² Β«Π‘пискС для Ρ‡Ρ‚Сния» Π² Π‘Π°Ρ„Π°Ρ€ΠΈ, Π½Π° ΡΡ€Π»Ρ‹ΠΊΠ΅ Π₯Ρ€ΠΎΠΌΠ° ΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°Π΄Π°Ρ‡ Β«Π―Β» выглядит ΠΏΠ»ΠΎΡ…ΠΎ:

    Могла Π±Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅: Ссли ΠΏΠΎΠ΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ 48-ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€, Π² ΡΠΏΠΈΡΠΊΠ΅ ΠΎΠ½ уТимаСтся Π΄ΠΎ 32, Π² Π°Π΄Ρ€Π΅ΡΠ½ΠΎΠΉ строкС Π΄ΠΎ 16 β€” Π½Π΅ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΎΡ‚ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… 16Γ—16:

    Аналогично ΠΈ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°Π΄Π°Ρ‡:

    Набор сайта Π­ΠΏΠ»Π°:

    http://bureau.ru/favicon.ico β€” 32Γ—32, 16Γ—16 Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅Ρ‚ (ΠΎ ΡΠ²ΠΎΡ‘ΠΌ «спискС для Ρ‡Ρ‚Сния» ΠΏΠΎΠ΄ΡƒΠΌΠ°Π»ΠΈ, Π° ΠΎΠ± Π˜Π• ΠΈ Π’ΠΈΠ½Π΄ΠΎΠ²Ρ‹Ρ… ярлыках Π·Π°Π±Ρ‹Π»ΠΈ)

    Если ΠΏΡ€ΠΎΡΠ²ΠΈΡ‚ΡŒ ΠΏΠ΅Π΄Π°Π½Ρ‚ΠΈΠ·ΠΌ, Π²Ρ‹Π΄Ρ€ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€, Ρ‚ΠΎ ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π΅ΠΏΠΎΠΌΠ΅Ρ€Π½ΠΎ вырастСт. Но ΡƒΡΡ‚ройства ΠΈ ΡΠ°ΠΌΠΈ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ Π²Ρ‹Π³Π»ΡΠ΄ΡΡ‚ эпловскиС 129, ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½Ρ‹Π΅ Π΄ΠΎ 64 Π² Β«ΡΠΏΠΈΡΠΊΠ΅ для Ρ‡Ρ‚Сния»:

    Если ΠΈΠΊΠΎΠ½ΠΊΠ° малСнькая, Виндоус Π½Π΅ Ρ€Π°ΡΡ‚ягиваСт Π΅Ρ‘ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС, Π½ΠΎ Ρ€Π°ΡΡ‚ягиваСт Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π·Π°Π΄Π°Ρ‡:


bureau.ru

Π Π°Π·ΠΌΠ΅Ρ€ favicon для сайта: ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°

Иконка β€” Π½Π΅ΠΎΡ‚ΡŠΠ΅ΠΌΠ»Π΅ΠΌΡ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ любого мобильного прилоТСния. ИмСнно Π·Π° Π½Π΅Π΅ цСпляСтся взгляд ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΈΡ‰Π΅Ρ‚ Π² сторС. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ Π΅Π΅ созданию Π½Π°Π΄ΠΎ ΡƒΠ΄Π΅Π»ΠΈΡ‚ΡŒ Π½Π΅ΠΌΠ°Π»ΠΎ внимания, ΠΎΡ‚ этой нСбольшой Π΄Π΅Ρ‚Π°Π»ΠΈ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ зависит успСх вашСго прилоТСния. Π’ этой ΡΡ‚Π°Ρ‚Π΅ΠΉ Ρ€Π°ΡΡΠΊΠ°ΠΆΡƒ ΠΊΠ°ΠΊ Ρ€Π°Π· ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π΅ ΠΊ созданию ΠΈΠΊΠΎΠ½ΠΊΠΈ.

ВрСбования ΠΊ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌ

ΠŸΠ΅Ρ€Π΅Π΄ созданиСм ΠΈΠ»ΠΈ Π·Π°ΠΊΠ°Π·ΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π‘Π½Π°Ρ‡Π°Π»Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½Π° лишь ΠΎΠ΄Π½Π° нСбольшая квадратная ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° со стороной 57 пиксСлСй, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ такая, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ»ΠΈ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π² своих iPhone ΠΈ iPad.

Но всС Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ слоТнСС β€” трСбуСтся Ρ†Π΅Π»Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ исходных графичСских Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΡΡ‚ΠΈΠ³Π°Ρ‚ΡŒ 2048 пиксСлСй. И Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ стора свои трСбования, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Google Play Π½ΡƒΠΆΠ½ΠΎ всСго 5 Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Π° Π² App Store β€” 9. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ для устройств с экранами Retina β€” для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ³ΠΎ отобраТСния Π½Π° Π½ΠΈΡ… Π½ΡƒΠΆΠ½Ρ‹ особыС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Казалось Π±Ρ‹, Π½Π° нСбольшом ΠΏΠΎΠ»ΠΎΡ‚Π½Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Ρ€Π°Π·Π³ΡƒΠ»ΡΡ‚ΡŒΡΡ Π½Π΅Π³Π΄Π΅, Π½ΠΎ это Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ Ρ‚Π°ΠΊ. Π‘Ρ€Π΅Π΄ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ΡΡ настоящиС ΡˆΠ΅Π΄Π΅Π²Ρ€Ρ‹, глядя Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ нСвольно тянСтся ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Β«Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΒ». ΠšΠ°ΠΊΠΎΠ²Ρ‹ ΠΆΠ΅ элСмСнты ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ?

1. Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΡΡƒΡ‚ΡŒ прилоТСния. Если Π²Ρ‹ запускаСтС Π²ΠΎΠ΅Π½Π½ΡƒΡŽ ΡΡ‚Ρ€Π°Ρ‚Π΅Π³ΠΈΡŽ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ смысл ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ€ΡƒΠ΄ΠΈΠΉ ΠΈΠ»ΠΈ отрядов Π±ΠΎΠΉΡ†ΠΎΠ² Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ΅. Если ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ связано с ΠΌΡƒΠ·Ρ‹ΠΊΠΎΠΉ, Ρ‚ΠΎ помСститС Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ стилизованныС Π½ΠΎΡ‚Ρ‹ ΠΈΠ»ΠΈ ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ инструмСнты. НС Π²Π²ΠΎΠ΄ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π² Π·Π°Π±Π»ΡƒΠΆΠ΄Π΅Π½ΠΈΠ΅, Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π΄Π°ΠΉΡ‚Π΅ ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π»Π΅Π³ΠΊΠΎ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ прилоТСния.

2. ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ° β€” это Π²Π°ΠΆΠ½Ρ‹ΠΉ элСмСнт ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π°.

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Favicon?

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ·-Π·Π° Π½Π΅Π΅ Π·Π°Ρ…ΠΎΡ‚Π΅Π» ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.

3. Если ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ связано с ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ Π±Ρ€Π΅Π½Π΄ΠΎΠΌ, Ρ‚ΠΎ ΡƒΠΆΠ΅ ΠΏΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΎ ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎΡ€Π³ΠΎΠ²ΠΎΠΉ ΠΌΠ°Ρ€ΠΊΠ΅ ΠΈΠ΄Π΅Ρ‚ Ρ€Π΅Ρ‡ΡŒ. Π’Ρ‹Π²ΠΎΠ΄ Π½Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Π΅Ρ‚ΡΡ сам собой β€” Π½Π°Π΄ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ.

Π•Ρ‰Π΅ нСсколько ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… совСтов:

4. НС стоит Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ΅ Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкстом Π½Π°Π·Π²Π°Π½ΠΈΠ΅ прилоТСния. Π”Π΅Π»Π°ΠΉΡ‚Π΅ это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… случаях.

5. НС Π·Π°Π³Ρ€ΠΎΠΌΠΎΠΆΠ΄Π°ΠΉΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΡƒ большим количСством ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², это ΡƒΡ…ΡƒΠ΄ΡˆΠ°Π΅Ρ‚ Π΅Π΅ восприятиС.

6. Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ использования всСх Ρ†Π²Π΅Ρ‚ΠΎΠ² Ρ€Π°Π΄ΡƒΠ³ΠΈ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ достаточно Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 3-4 основных Ρ†Π²Π΅Ρ‚ΠΎΠ²

7. ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ, Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ ΠΈ подсмотритС Π·Π° ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°ΠΌΠΈ. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ придСтся строго ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ стиля.

8. Если Π²Ρ‹ запускаСтС ΡΠ΅Ρ€ΠΈΡŽ связанных Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Ρ‚ΠΎ Π΄Π΅Π»Π°ΠΉΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ для Π½ΠΈΡ… ΠΏΠΎ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌ построСния.

НС Π±ΠΎΠΉΡ‚Π΅ΡΡŒ ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π½ΠΎ Π΄Π΅Π»Π°ΠΉΡ‚Π΅ это ΠΎΡ‡Π΅Π½ΡŒ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС вСрсии Π±Ρ‹Π»ΠΈ стопроцСнтно ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΡ‹ΠΌΠΈ. Π’Π°ΠΊΠΎΠΉ шаг ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΎ сСбС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π°Π²Π½ΠΎ установили вашС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ Π½Π΅ заходят Π² Π½Π΅Π³ΠΎ. Поводом для измСнСния ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΏΡ€Π°Π·Π΄Π½ΠΈΠΊΠΈ ΠΈΠ»ΠΈ смСна сСзонов.

Π—Π°ΠΊΠ°Π· ΠΈΠΊΠΎΠ½ΠΊΠΈ

Π’ сСти Π΅ΡΡ‚ΡŒ мноТСство бСсплатных сСрвисов для автоматичСского создания ΠΈΠΊΠΎΠ½ΠΎΠΊ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Но Ρ‚Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π½Π΅ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих инструмСнтов Ρ…ΠΎΡ€ΠΎΡˆΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. Π•ΡΡ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΡ‚ΡŒ β€” стоки ΠΈΠ»ΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚Π°ΠΊΠΈΠ΅ рСсурсы, ΠΊΠ°ΠΊ thenounproject.com, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ всС ΠΆΠ΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π΅Π΅ ΠΏΠ΅Ρ€Π²Ρ‹Ρ…. Π’Π°ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΡ€Π°Π²Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ дСшСво ΠΊΡƒΠΏΠΈΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ. Но этот Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ сильно экономит.

НаиболСС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ β€” Π·Π°ΠΊΠ°Π· ΠΈΠΊΠΎΠ½ΠΊΠΈ Ρƒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ². Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ срСди фрилансСров, ΠΏΡ€ΠΎΡ‰Π΅ всСго это Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π° ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠ΅ΠΉ Π² Ρ€ΡƒΠ½Π΅Ρ‚Π΅ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠ΅ FL.ru.

Π’Π°ΠΊΠΆΠ΅ Π½Π΅ стоит Π½Π°Π΄Π΅ΡΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄Π°Π΄ΠΈΡ‚Π΅ Π·Π°ΠΊΠ°Π·, Π° Ρ‡Π΅Ρ€Π΅Π· Ρ‚Ρ€ΠΈ дня Π²Π°ΠΌ ΠΏΡ€ΠΈΡˆΠ»ΡŽΡ‚ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΡˆΠ΅Π΄Π΅Π²Ρ€. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ процСсс создания Π»ΠΎΠ³ΠΎ для прилоТСния многоэтапный β€” ΠΎΠ½ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ постоянной Π΄ΠΎΠ²ΠΎΠ΄ΠΊΠΈ. Π‘Ρ€ΠΎΠΊΠΈ зависят ΠΊΠ°ΠΊ ΠΎΡ‚ поставлСнных Π·Π°Π΄Π°Ρ‡ ΠΈ исполнитСля, Ρ‚Π°ΠΊ ΠΈ ΠΎΡ‚ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Если случай слоТный, Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ большой ΠΏΡ€ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π½ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ заявляСт Ρ‡Ρ‚ΠΎ справится Π·Π° дСнь, Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠΉ Ρ„Π°ΠΊΡ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ вас Π½Π°ΡΡ‚ΠΎΡ€ΠΎΠΆΠΈΡ‚ΡŒ.

Для создания Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ качСствСнной ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ максимум ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ ΠΈ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ прилоТСния ΠΈ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΈΠ·Π»ΠΎΠΆΠΈΡ‚ΡŒ свои поТСлания. Но Π½Π΅ стоит Π·Π°Π²Π°Π»ΠΈΠ²Π°Ρ‚ΡŒ исполнитСля своими эскизами, Ρ‚Π΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Ссли Π²Ρ‹ Π΄Π°Π»Π΅ΠΊΠΈ ΠΎΡ‚ сфСры Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π­Ρ‚ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ услоТнит ваши взаимодСйствия ΠΈ растянСт сроки.

Если Ρƒ вас ΡƒΠΆΠ΅ Π΅ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ ΠΈΠ΄Π΅ΠΈ, Ρ‚ΠΎ сдСлайтС эскиз ΠΈΠ»ΠΈ хотя Π±Ρ‹ схСматично нарисуйтС Π½Π° Π±ΡƒΠΌΠ°Π³Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΉ ΠΈΠΊΠΎΠ½ΠΊΠ΅. Π‘ΠΎΠ·Π΄Π°Π² ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ‚, Π²Ρ‹ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΠΈ ускоритС Ρ€Π°Π±ΠΎΡ‚Ρƒ.
ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ создания ΠΈΠΊΠΎΠ½ΠΊΠΈ сильно зависит ΠΎΡ‚ спСцифики прилоТСния. Иногда Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π² процСссС ΡΠΎΠ·Π΄Π°ΡŽΡ‚ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… дальшС выбираСтся Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий. А ΠΈΠ½ΠΎΠΉ Ρ€Π°Π· дСлаСтся СдинствСнный.

<Для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΏΡ€ΠΈΠ΅ΠΌ ΠΎΡ†Π΅Π½ΠΊΠΈ Π½Π° Ρ„ΠΎΠ½Π΅ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ², ΠΊΠΎΠ³Π΄Π° ΠΈΠΊΠΎΠ½ΠΊΠ° размСщаСтся срСди Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ ΠΈΠ· стора. Π’ΠΎ Π΅ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ Π² Ρ‚ΠΎΠΉ срСдС, для ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½Π° создаСтся.

Иногда ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΡ€Ρ€Π΅Π»ΡΡ†ΠΈΡŽ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ катСгориями ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. НапримСр, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ синСго Ρ†Π²Π΅Ρ‚Π°, Π° мСссСндТСры β€” Π·Π΅Π»Π΅Π½ΠΎΠ³ΠΎ. Но Π΅ΡΡ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ всСгда стоит ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊΠΈΡ…-Ρ‚ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π°ΠΌΠΎΠΊ, Π±ΡƒΠ΄ΡŒΡ‚Π΅ смСлСС, заявитС ΠΎ сСбС Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ. Если ΠΆΠ΅ Π·Π°Π΄Π°Ρ‡ΠΈ стоят ΠΈΠ½Ρ‹Π΅, Ρ‚ΠΎ ΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΌΠΈΠΌΠΈΠΊΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π΅ Π²Ρ‹Π±ΠΈΠ²Π°ΡΡΡŒ ΠΈΠ· ΠΎΠ±Ρ‰Π΅Π³ΠΎ ряда.

Π’Π°ΠΆΠ½Ρ‹ΠΉ тСхничСский ΠΌΠΎΠΌΠ΅Π½Ρ‚: Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° сразу всС Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ. Если Π²Ρ‹ сдСлаСтС автоматичСский рСсайзинг срСдствами ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Ρ‚ΠΎ вас Π±ΡƒΠ΄Π΅Ρ‚ ΠΆΠ΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΎΡ‡Π°Ρ€ΠΎΠ²Π°Π½ΠΈΠ΅ β€” качСство ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ сильно пострадаСт. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ довСряйтС эту ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° создадут свою ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ.

ВСстированиС

ΠžΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ стоит ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ тСстировании. ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° Π³Ρ€ΡƒΠΏΠΏΠ΅ людСй, которая соотвСтствуСт вашСй Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. Если Π²Π°ΠΌ это Π½Π΅ ΠΏΠΎ силам, Ρ‚ΠΎ Π½Π΅ Π±Π΅Π΄Π° β€” попроситС ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π·Π½Π°ΠΊΠΎΠΌΡ‹Ρ… ΠΈ Π΄Ρ€ΡƒΠ·Π΅ΠΉ.

НС просто ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΈΠΌ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ, Π° ΠΎΠΊΡ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². ΠŸΡ€ΠΈ этом Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ большС внимания. Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ эффСктивный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ β€” опросы. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π°Π½ΠΎΠ½ΠΈΠΌΠ½ΡƒΡŽ голосовалку Π±Π΅Π· ΠΏΠΎΠΊΠ°Π·Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ². Бсылку Π½Π° Π½Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρƒ сСбя Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях ΠΈΠ»ΠΈ Π±Π»ΠΎΠ³Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ большС Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ Ρ‡Ρ‚ΠΎ Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ установлСны Ρ€Π°Π·Π½Ρ‹Π΅ ΠΎΠ±ΠΎΠΈ. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ основныС Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ ΠΈ протСстируйтС ΠΈΠΊΠΎΠ½ΠΊΡƒ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΡ… Π½ΠΈΡ…. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²ΠΈΠ΄Π°ΠΌΠΈ Ρ„ΠΎΠ½Π° ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»ΠΈΠ²Π°Ρ‚ΡŒΡΡ, Ρ‚ΠΎΠ³Π΄Π° придСтся ΠΏΠ΅Ρ€Π΅Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ вашСго прилоТСния.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Иконка Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ влияСт Π½Π° успСх прилоТСния. ΠŸΡ€ΠΈ Π΅Π΅ создании Π½Π΅ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π·Π° Ρ€Π°ΠΌΠΊΠΈ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ². ΠŸΠΎΠ΄ΠΎΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Π·Π°Π΄Π°Ρ‡Π΅ творчСски ΠΈ Π½Π΅ Π±ΠΎΠΉΡ‚Π΅ΡΡŒ ΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‚Π°ΠΊ Π²Ρ‹ смоТСтС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ настоящий ΡˆΠ΅Π΄Π΅Π²Ρ€, Π·Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ³ΠΎΠ»ΠΎΡΡƒΡŽΡ‚ установками.

ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ:

steptosleep.ru

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *