Png ΠΈΠΊΠΎΠ½ΠΊΠΈ: Π‘Π°ΠΌΡ‹Π΅ скачиваСмыС бСсплатныС ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌΡ‹Π΅ нашими ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ. Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅ ΠΈΡ… бСсплатно.

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

Page not found (404)

Toggle navigation
  • Packs
    • Π—Π½Π°Ρ‡ΠΎΠΊ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹ Π½Π΅Π΄Π°Π²Π½ΠΎ Π—Π°Π³Ρ€ΡƒΠ·ΠΈΠ»
    • Π‘Π°ΠΌΡ‹Ρ… популярных Π·Π½Π°Ρ‡ΠΎΠΊ ΠΏΠ°ΠΊΠ΅Ρ‚Ρ‹
    • Π­ΠΊΡΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹Π΅ Π½Π°Π±ΠΎΡ€Ρ‹ Π·Π½Π°Ρ‡ΠΊΠΎΠ²
  • ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ
    • БСльскоС хозяйство Иконки
    • Π–ΠΈΠ²ΠΎΡ‚Π½Ρ‹Π΅ Иконки
    • Аватар ΠΈ смайлики Иконки
    • ΠšΡ€Π°ΡΠΎΡ‚Π° ΠΈ ΠΌΠΎΠ΄Π° Иконки
    • БизнСс ΠΈ финансы Иконки
    • ΠœΡƒΠ»ΡŒΡ‚Ρ„ΠΈΠ»ΡŒΠΌ Иконки
    • Кино, Ρ‚Π΅Π»Π΅Π²ΠΈΠ΄Π΅Π½ΠΈΠ΅ ΠΈ Ρ„ΠΈΠ»ΡŒΠΌΡ‹ Иконки
    • ОдСТда ΠΈ аксСссуары Иконки
    • ΠŸΡ€Π΅ΡΡ‚ΡƒΠΏΠ»Π΅Π½ΠΈΠ΅ ΠΈ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ Иконки
    • ΠšΡƒΠ»ΡŒΡ‚ΡƒΡ€Π°, рСлигия ΠΈ фСстивали Иконки
    • Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Иконки
    • Экология, ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰Π°Ρ срСда ΠΈ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π° Иконки
    • ЭлСктронная торговля ΠΈ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ Иконки
    • Π­Π»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½Ρ‹Π΅ устройства ΠΈ ΠΎΠ±ΠΎΡ€ΡƒΠ΄ΠΎΠ²Π°Π½ΠΈΠ΅ Иконки
    • Π€Π°ΠΉΠ»Ρ‹ ΠΈ ΠΏΠ°ΠΏΠΊΠΈ Иконки
    • Π€Π»Π°Π³ΠΈ ΠΈ ΠΊΠ°Ρ€Ρ‚Ρ‹ Иконки
    • Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Иконки
    • Экология, ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰Π°Ρ срСда ΠΈ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π° Иконки
    • Gym ΠΈ Fitness Иконки
    • Π—Π΄Ρ€Π°Π²ΠΎΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΈ ΠΌΠ΅Π΄ΠΈΡ†ΠΈΠ½Π° Иконки
    • ΠŸΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΈ инфраструктура Иконки
    • Π˜Π½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° Иконки
    • Π”Π΅Ρ‚ΠΈ Иконки
    • люблю Иконки
    • Π Π°Π·Π½ΠΎΠ΅ Иконки
    • ΠœΡƒΠ·Ρ‹ΠΊΠ° ΠΈ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° Иконки
    • Π‘Π΅Ρ‚ΡŒ ΠΈ связь Иконки
    • ΠΠ΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ Иконки
    • Π¨ΠΊΠΎΠ»Π° ΠΈ ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Иконки
    • Наука ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Иконки
    • SEO ΠΈ Web Иконки
    • Sign ΠΈ Symbol Иконки
    • Π‘ΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ΅Π΄ΠΈΠ° ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ Иконки
    • Π‘ΠΏΠΎΡ€Ρ‚ ΠΈ ΠΈΠ³Ρ€Ρ‹ Иконки
    • Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹, ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ ΠΈ ΠΎΠ±ΠΎΡ€ΡƒΠ΄ΠΎΠ²Π°Π½ΠΈΠ΅ Иконки
    • Вранспорт ΠΈ транспортныС срСдства Иконки
    • ΠŸΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΡ, ΠΎΡ‚Π΅Π»ΠΈ ΠΈ ΠΊΠ°Π½ΠΈΠΊΡƒΠ»Ρ‹ Иконки
    • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс ΠΈ ТСсты Иконки
    • Погода ΠΈ сСзоны Иконки
  • стили Π·Π½Π°Ρ‡ΠΊΠΎΠ²
    • 3D Иконки
    • Badge Иконки
    • Filled outline Иконки
    • Flat Иконки
    • Glyph Иконки
    • Handdrawn Иконки
    • Long shadow Иконки
    • Outline Иконки
    • Photorealistic Иконки
  • ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½Ρ‹Π΅ поиски
    • Instagram Иконки
    • Vk Иконки
    • Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Иконки
    • Папки Иконки
    • дСньги Иконки
    • Π‘ΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Иконки
    • Facebook Иконки
    • Telegram Иконки
    • Viber Иконки
    • ΠΊΠΎΡ€Π·ΠΈΠ½Π° Иконки
    • Whatsapp Иконки
    • стрСлка Иконки
    • Youtube Иконки
    • Π΄ΠΎΠΌ Иконки
    • Phone Иконки
    • люди Иконки
    • ΠΏΠΎΡ‡Ρ‚Π° Иконки
    • ΠΏΠ°ΠΏΠΊΠΈ Иконки
    • Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Иконки
    • доставка Иконки
    • Π³Π°Π»ΠΎΡ‡ΠΊΠ° Иконки
    • ΠΏΠ°ΠΏΠΊΠ° Иконки
    • ΠΌΡƒΠ·Ρ‹ΠΊΠ° Иконки
    • Mail Иконки
    • ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ Иконки
    • Π²ΠΊ Иконки
    • Steam Иконки
    • Instagram Иконки
    • сайт Иконки
    • Ρ„ΠΎΡ‚ΠΎ Иконки
  • Log in
  • Register
404 Icon by Laura Reen

html — Π“Π΄Π΅ Π±Ρ€Π°Ρ‚ΡŒ svg, png ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΊΠ°ΠΊ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ экрана?

Π³Π΄Π΅ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ вСрсии ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² 2x, 3x? Π˜Ρ… Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ сам добавляСт Π² ΠΌΠ°ΠΊΠ΅Ρ‚? Или это ΠΈΡ‰Π΅ΡˆΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ?

PNG ΠΈΠΊΠΎΠ½ΠΊΠΈ

Если это ΠΈΠΊΠΎΠ½ΠΊΠΈ png, Ρ‚ΠΎ достаточно ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ² ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² сСти, Π³Π΄Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ нСсколько ΠΏΠ°ΠΏΠΎΠΊ с Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ 32. 64, 128, 256px

Если Π½ΡƒΠΆΠ½ΠΎ, свою, Ρ€ΠΎΠ΄Π½ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π² Photoshop ΠΈΠ»ΠΈ Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ растровом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это. Π‘ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ Π² нСсколько ΠΊΠ»ΠΈΠΊΠΎΠ², — Π½ΡƒΠΆΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² мСню измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹Π΅ Ρ†ΠΈΡ„Ρ€Ρ‹.

SVG ΠΈΠΊΠΎΠ½ΠΊΠΈ

Π‘Π½Π°Ρ‡Π°Π»Π° ссылки Π½Π° рСсурсы, Π³Π΄Π΅ достаточно ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ SVG

  1. http://thenewcode.com/assets/svg/

  2. http://svg-whiz.com/svg/

  3. https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/

  4. https://twemoji.maxcdn.com/svg/1f698.svg

Π’ ΠΏ.4 Π½Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° со списком ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π½ΠΎ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ, Ссли Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½ΠΎΠΉ строкС поиска ΠΏΠΎΠ΄ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Ρ†ΠΈΡ„Ρ€Ρ‹ с

300 Π΄ΠΎ 699

https://twemoji.maxcdn.com/svg/1f301.svg

ΠŸΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄Π½Ρƒ ΠΈ Ρ‚Ρƒ ΠΆΠ΅ ΠΈΠΊΠΎΠ½ΠΊΡƒ с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π²Ρ‹Π²ΠΎΠ΄ΠΈΠΌΡ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ

Допустим Π²Ρ‹ скачали ΠΈΠΊΠΎΠ½ΠΊΡƒ Π°Π½Π΄Ρ€ΠΎΠΈΠ΄Π°

Код иконки:

<svg xmlns="http://www. w3.org/2000/svg" viewBox="0 0 96 105">
  <g fill="#97C024" stroke="#97C024" stroke-linejoin="round" stroke-linecap="round">
    <path d="M14,40v24M81,40v24M38,68v24M57,68v24M28,42v31h49v-31z" stroke-width="12"/>
    <path d="M32,5l5,10M64,5l-6,10 " stroke-width="2"/>
  </g>
  <path d="M22,35h51v10h-51zM22,33c0-31,51-31,51,0" fill="#97C024"/>
  <g fill="#FFF">
    <circle cx="36" cy="22" r="2"/>
    <circle cx="59" cy="22" r="2"/>
  </g>
</svg>

НСобходимо Π΅Ρ‘ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ:

1.ΠžΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ ΠΊΠΎΠ΄ Π² Ρ‚Π΅Π³ <symbol>

  1. И Π΄Π°Π»Π΅Π΅, Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, вызывая ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ <use>

        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 105" >
          <symbol viewBox="0 0 96 105"> 
         <g fill="#97C024" stroke="#97C024" stroke-linejoin="round" stroke-linecap="round">
            <path d="M14,40v24M81,40v24M38,68v24M57,68v24M28,42v31h49v-31z" stroke-width="12"/>
            <path d="M32,5l5,10M64,5l-6,10 " stroke-width="2"/>
          </g>
          <path d="M22,35h51v10h-51zM22,33c0-31,51-31,51,0" fill="#97C024"/>
          <g fill="#FFF">
            <circle cx="36" cy="22" r="2"/>
            <circle cx="59" cy="22" r="2"/>
          </g>
          </symbol> 
            
         <use xlink:href="#icon" x="0"  /> 
            <use xlink:href="#icon" x="25" />
              <use xlink:href="#icon" x="42 " /> 
                <use xlink:href="#icon" x="52" />
        </svg> 

КакиС Π½ΡƒΠΆΠ½Ρ‹ Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ β€” Π‘Π»ΠΎΠ³ HTML Academy

Π€Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠ° β€” это favorite icon, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠ° для ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ. Π•Ρ‘ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π»ΠΈ для IE5 Π² 99 Π³ΠΎΠ΄Ρƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρƒ сайтов Π±Ρ‹Π»Π° узнаваСмая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°. Достаточно Π±Ρ‹Π»ΠΎ Π±Ρ€ΠΎΡΠΈΡ‚ΡŒ Π² ΠΊΠΎΡ€Π΅Π½ΡŒ сайта Ρ„Π°ΠΉΠ» favicon.ico ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ сразу Π΅Ρ‘ ΠΏΠΎΠ΄Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Π» ΠΈ Π΄Π΅Π»Π°Π» красиво. Π”ΠΎ сих ΠΏΠΎΡ€ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π΄Π΅Π»Π°ΡŽΡ‚ запрос Π² ΠΊΠΎΡ€Π΅Π½ΡŒ сайта ΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ Π½Π°ΠΉΡ‚ΠΈ Ρ‚Π°ΠΌ Ρ„Π°ΠΉΠ» Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ICO. Бросил ΠΈ Π·Π°Π±Ρ‹Π», расходимся? Π Π°Π½ΠΎ!

Π”ΠΎΠ»Π³ΠΎΠ΅ врСмя всё прСкрасно Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΎ. Π’ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ ICO ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π·Π°ΡˆΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ: ΠΎΡ‚ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½ΠΎΠΉ ΠΌΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½ΠΎΠΉ Π΄ΠΎ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠΉ ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΉ. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ послС скачивания ΠΈΠΊΠΎΠ½ΠΊΠΈ сам Π²Ρ‹Π±ΠΈΡ€Π°Π» Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π±Ρ‹Π»Π° Π² Ρ‚ΠΎΠΌ, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO ΡΡ‚Ρ€Π°ΡˆΠ½ΠΎ нСэффСктивный. Если Π·Π°ΡˆΠΈΡ‚ΡŒ Π² ICO Π΄Π²Π΅ PNG-ΠΈΠΊΠΎΠ½ΠΊΠΈ 16 ΠΈ 32, Ρ‚ΠΎ ΠΈΠΊΠΎΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π²Π΅ΡΠΈΡ‚ΡŒ Π² Π΄Π²Π°-Ρ‚Ρ€ΠΈ Ρ€Π°Π·Π° большС, Ρ‡Π΅ΠΌ исходныС Ρ„Π°ΠΉΠ»Ρ‹. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Ρ‚ΡΠ½ΡƒΡ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹, Π½ΠΎ Π΅Ρ‰Ρ‘ ΠΈ Π² нСэффСктивном Π²ΠΈΠ΄Π΅.

Но ICO ΠΏΡ€ΠΈΠ·Π½Π°Π»ΠΈ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈ Π½Π°ΡƒΡ‡ΠΈΠ»ΠΈΡΡŒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ· корня сайта, Π½ΠΎ ΠΈ ΠΈΠ· ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ мСста. Если ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π² Π³ΠΎΠ»ΠΎΠ²Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° <link rel="icon">, Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠΉΠ΄Ρ‘Ρ‚ Π½Π΅ Π² ΠΊΠΎΡ€Π΅Π½ΡŒ, Π° Ρ‚ΡƒΠ΄Π°, ΠΊΡƒΠ΄Π° Π²Ρ‹ Π΅ΠΌΡƒ ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΈ. Π›ΠΈΠ½ΠΊΠΎΠ²Π°Ρ‚ΡŒ особый адрСс ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠ»ΠΎΡΡŒ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС, Π½ΠΎ это ΠΆΠ΅ Π½Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° β€” ΠΈΠΊΠΎΠ½ΠΊΠ° вСдь всСго ΠΎΠ΄Π½Π°! Ну ΠΏΡ€Π°Π²Π΄Π°, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠ³Π»ΠΎ ΠΏΠΎΠΉΡ‚ΠΈ Π½Π΅ Ρ‚Π°ΠΊ? Π’Π°ΠΊ ΠΈ ΠΆΠΈΠ»ΠΈ.

<link rel="icon" src="images/my.ico">

ΠŸΡ€ΠΈ отсутствии внятных стандартов, Π·Π° Π΄Π΅Π»ΠΎ взялась Apple. К ΠΏΠ΅Ρ€Π²ΠΎΠΌΡƒ Айфону прилагался ΠΏΡ€ΠΎΡ€Ρ‹Π²Π½ΠΎΠΉ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Safari, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚ΠΎΠΆΠ΅ Π½Π°Ρ‡Π°Π» ΠΈΡΠΊΠ°Ρ‚ΡŒ Π² ΠΊΠΎΡ€Π½Π΅ сайта ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π½ΠΎ Π½Π° этот Ρ€Π°Π· Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG ΠΈ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ apple-touch-icon. Π­Ρ‚Ρƒ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π²ΠΈΠ΄Π½ΠΎ Π² ΠΈΠ·Π±Ρ€Π°Π½Π½ΠΎΠΌ ΠΈ ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ сайта Π½Π° домашний экран. Бросил Π² ΠΊΠΎΡ€Π΅Π½ΡŒ Π²Ρ‚ΠΎΡ€ΠΎΠΉ Ρ„Π°ΠΉΠ» ΠΈ Π·Π°Π±Ρ‹Π», расходимся? НСт.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠ° Π±Ρ‹Π»Π° Π±Π΅Π· Π±Π»ΠΈΠΊΠ° свСрху, Π½ΡƒΠΆΠ΅Π½ Ρ„Π°ΠΉΠ» apple-touch-icon-precomposed

, Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ для Ρ€Π΅Ρ‚ΠΈΠ½Ρ‹, ΠΏΠΎΡ‚ΠΎΠΌ Π΅Ρ‰Ρ‘ нСсколько для всСх ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ Айпадов, Ρ‚Ρ€ΠΎΠΉΠ½ΠΎΠΉ рСтины… ΠΈ Π² ΠΈΡ‚ΠΎΠ³Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΌΡƒΡΠΎΡ€ΠΈΡ‚ΡŒ Π² ΠΊΠΎΡ€Π½Π΅ ΠΈΠ»ΠΈ Π² шапкС сайта Ρ†Π΅Π»Ρ‹ΠΌ Π²ΠΎΡ€ΠΎΡ…ΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΎΠΊ со ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ: 72, 76, 114, 120, 144, 152, 180 ΠΈ каТСтся Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π΅Ρ‰Ρ‘. Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Π²ΠΎ всСх Π½ΡŽΠ°Π½ΡΠ°Ρ… Ρ‚Π°Ρ‡-ΠΈΠΊΠΎΠ½ΠΎΠΊ, Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ руководство ΠœΠ°Ρ‚ΠΈΠ°ΡΠ° БайнСнса.

<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">

Иконки Apple Π² ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚ стали стандартом Π΄Π΅-Ρ„Π°ΠΊΡ‚ΠΎ. Π˜Ρ… Π½Π°Ρ‡Π°Π»ΠΈ ΠΏΠΎΠ΄Ρ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, Π½ΠΎ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ сСрвисы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ для вашСго сайта. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π±Ρ‹Π»Π° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ это Π±Ρ‹Π»ΠΎ слабо Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Π»ΠΎ интСрСсы Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ нСсло само Π΅Ρ‘ имя Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. НуТСн Π±Ρ‹Π» стандарт.

Π’ HTML5 появилось Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ΅ описаниС<link rel="icon">: добавился Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ sizes, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ. НапримСр, Ссли Ρƒ вас 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">

Для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΠΈΡΠ°Ρ‚ΡŒ свой Π»ΠΈΠ½ΠΊ? Π‘Π»ΠΎΠΆΠ½ΠΎ! А Ссли хочСтся Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, заставку ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ особСнности Ρ€Π°Π±ΠΎΡ‚Ρ‹ всСго сайта? НС ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ Π΅Π΄ΠΈΠ½Ρ‹ΠΌΠΈ. Π’ΠΎΡ‚ Π±Ρ‹ Π½Π°ΠΌ ΠΊΠΎΠ½Ρ„ΠΈΠ³ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ Ρ„Π°ΠΉΠ»Π΅! Π‘Ρ‹Π»ΠΎ ΠΈ Ρ‚Π°ΠΊΠΎΠ΅: browserconfig.xml для ΠΏΠ»ΠΈΡ‚ΠΎΡ‡Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ IE11, JSON-манифСст для ΠΈΠΊΠΎΠ½ΠΎΠΊ-Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² Ρ‚Π°Π±Π»ΠΎ ЯндСкс Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. ЭкспСримСнтов Π±Ρ‹Π»ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ, Π½ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π΅ΡΡ‚ΡŒ ΠΈ стандартноС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ β€” Π²Π΅Π±-манифСст.

БпСцификация Web App Manifest описываСт простой JSON-Ρ„Π°ΠΉΠ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ всС ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹, Π½ΠΎ ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ ваш сайт ΠΈΠ»ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Π€ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚, Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π°, язык ΠΈ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ письма, ΠΏΠΎΠ»Π½ΠΎΠ΅ ΠΈ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅, ориСнтация, Ρ€Π΅ΠΆΠΈΠΌ запуска ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Π’Ρ‹ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚Π΅ Π΅Π³ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ <link rel="manifest"> Π½Π° ΠΊΠ°ΠΆΠ΄ΡƒΡŽ страницу ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ сразу всё Π·Π½Π°Π΅Ρ‚. Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ инспСктор манифСста Π΅ΡΡ‚ΡŒ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Application ΠΎΡ‚Π»Π°Π΄Ρ‡ΠΈΠΊΠ° Chrome.

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

А Ρ‡Ρ‚ΠΎ Apple? Π§Ρ‚ΠΎ-что… Π”ΠΎ сих ΠΏΠΎΡ€ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ свой Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ‚Π°Ρ‡-ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π»Π° Π΄Π°ΠΆΠ΅ Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½: Π½ΠΎΠ²Ρ‹ΠΉ, нСстандартный, ΠΊΠ°ΠΊ ΠΌΡ‹ любим! Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ <link rel="mask-icon"> для Π·Π°ΠΊΡ€Π΅ΠΏΠ»Ρ‘Π½Π½Ρ‹Ρ… Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Safari ΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° Ρ‚Π°Ρ‡-Π±Π°Ρ€Π΅ ΠœΠ°ΠΊΠ±ΡƒΠΊΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΌΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½ΡƒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ маску ΠΈ Ρ†Π²Π΅Ρ‚ для навСдСния. Бпасибо, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π·Π° Π²Π΅ΠΊΡ‚ΠΎΡ€, Π½ΠΎ нСспасибо Π·Π° ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ вСлосипСд.

<link rel="mask-icon" href="mask.svg" color="red">

Π’Π΅Π±-манифСст ΡƒΠΆΠ΅ Ρ‚Π°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°Ρ‡Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Chrome, Opera, Samsung Internet ΠΈ Firefox, Π½ΠΎ ΠΏΠΎΠΊΠ° Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° АндроидС. Π’ Edge ΠΎΠ½ Ρ‚ΠΎΠΆΠ΅ скоро появится β€” Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° Π² процСссС. Пока это Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠΉ способ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π° Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ сСгодня, Π²ΠΎΡ‚ прямо сСйчас? Π‘ΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ всё, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π·Π½Π°Π΅ΠΌ.

Для Π½Π°Ρ‡Π°Π»Π°, Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΏΡ€ΠΎ ICO, Ссли Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ΅Π½ IE10. ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π»ΠΈΠ½ΠΊΠΎΠΌ PNG-ΠΈΠΊΠΎΠ½ΠΊΠΈ: ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π½Π° 16 ΠΈ 32 для Ρ€Π΅Ρ‚ΠΈΠ½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ красиво Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½ΠΎΠΉ строкС ΠΈ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ°Ρ…. Π”Π°Π»ΡŒΡˆΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π»ΠΈΠ½ΠΊΠΎΠΌ ΠΈΠ· корня сайта apple-touch-icon.png Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 180 Γ— 180. ΠŸΠΎΡ‚ΠΎΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π²Π΅Π±-манифСст, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΡƒΠΊΠ°Π·Π°Π½Π° ΠΈΠΊΠΎΠ½ΠΊΠ° Π½Π° 192 для Андроида. Ну ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π°ΠΌ ΠΆΠ΅ ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΡŒ 16, 32, Π²Π΅ΠΊΡ‚ΠΎΡ€, Ρ†Π²Π΅Ρ‚Π° ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ β€” пригодится.

Π­Ρ‚ΠΎΠ³ΠΎ Π²Π°ΠΌ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Π»ΠΎ красиво Π² основных соврСмСнных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…. Но Ссли Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΏΠΎΡ€ΠΎΡ‚ΡŒΡΡ ΠΏΠΎ ΠΌΠ΅Π»ΠΎΡ‡Π°ΠΌ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²ΠΎΡ‚ прямо идСально Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ΅ β€” ΠΌΠΎΠΈ соболСзнования ΠΈ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ Π² описании ΠΊ Π²ΠΈΠ΄Π΅ΠΎ. Π•ΡΡ‚ΡŒ Π΅Ρ‰Ρ‘ сносный ΠΎΠ½Π»Π°ΠΉΠ½ΠΎΠ²Ρ‹ΠΉ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π½ΠΎ я Π±Ρ‹ Π½Π΅ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ» Π΅ΠΌΡƒ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ β€” Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΡ‹Π»ΡŒΠ½ΠΎ. А Π²ΠΎΡ‚ ΠΊΠΎΠ΄ ΠΏΠΎΠ·Π°ΠΈΠΌΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠΆΠ½ΠΎ.

Ну Ρ‡Ρ‚ΠΎ, Ρ‡ΡƒΠ΄Π° Π½Π΅ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ ΠΈ всё ΠΏΠΎ-старому: мусор Π² шапкС, мусор Π² ΠΊΠΎΡ€Π½Π΅? Π—Π½Π°Π΅Ρ‚Π΅, Π½Π΅Ρ‚, я Π²Π΅Ρ€ΡŽ, Ρ‡Ρ‚ΠΎ со Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ Π²Π΅Π±-манифСст Π½Π°Π²Π΅Π΄Ρ‘Ρ‚ порядок, поэтому ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°ΠΉΡ‚Π΅ Π΅Π³ΠΎ ΡƒΠΆΠ΅ сСгодня. Π’ΠΎΡ‚ выбросим мусор ΠΈ Π·Π°ΠΆΠΈΠ²Ρ‘ΠΌ!

Иконки для сайта: ΠΊΠ°ΠΊΠΈΠ΅ Π±Ρ‹Π²Π°ΡŽΡ‚, Π·Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΈ Π³Π΄Π΅ ΠΈΡ… Π±Ρ€Π°Ρ‚ΡŒ?

Иконки ΠΏΠ»Π°Π²Π½ΠΎ ΠΈ ΠΎΡΠ½ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ стали ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ любого качСствСнного сайта. ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΈΠ΅ Π±Ρ‹Π²Π°ΡŽΡ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΈ Π² ΠΊΠ°ΠΊΠΈΡ… цСлях ΠΈΡ… стоит ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈ Π³Π΄Π΅ ΠΈΡ… Π±Ρ€Π°Ρ‚ΡŒ.

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

  1. КакиС Π±Ρ‹Π²Π°ΡŽΡ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ?
  2. Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайтС?
  3. Π“Π΄Π΅ Π²Π·ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта?

КакиС Π±Ρ‹Π²Π°ΡŽΡ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ?

Π’ этом ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π΅ ΠΌΡ‹ Π½Π΅ станСм Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Π° ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎΠ± ΠΈΠΊΠΎΠ½ΠΊΠ°Ρ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π’ зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ дСлятся Π½Π°:

  • Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ SVG).

    Π’Π°ΠΊΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΊΠ°Π½Π°Π» прозрачности.

  • РастровыС (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG).

    РастровыС ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ цСлСсообразно ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ Π² PNG-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅: ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΊΠ°Π½Π°Π» прозрачности ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ с ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ нСбольшим количСством Ρ†Π²Π΅Ρ‚ΠΎΠ², Ρ‡Π΅ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JPG.

  • Π‘ΠΈΠΌΠ²ΠΎΠ»ΡŒΠ½Ρ‹Π΅ (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²).

    Π’ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π½Π΅Ρ€Π΅Π΄ΠΊΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: FontAwesome, IcoMoon), содСрТащиС мноТСство ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² качСствС символов. ΠœΠΈΠ½ΡƒΡ Ρ‚Π°ΠΊΠΈΡ… ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π° ΠΈ стиля: это всСго лишь символы.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ основныС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ стили оформлСния ΠΈΠΊΠΎΠ½ΠΎΠΊ:

  • плоскиС (flat),
  • ΠΊΠΎΠ½Ρ‚ΡƒΡ€Π½Ρ‹Π΅ (outline),
  • ΠΎΠ±ΡŠΠ΅ΠΌΠ½Ρ‹Π΅ (3D).

Иконка с ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π² Ρ€Π°Π·Π½Ρ‹Ρ… стилях:

ΠšΠΎΠ½Ρ‚ΡƒΡ€Π½Π°Ρ

Плоская

ОбъСмная

Π—Π°Ρ‡Π΅ΠΌ Π½ΡƒΠΆΠ½Ρ‹ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° сайтС?

Как всС ΠΌΡ‹ ΠΏΠΎΠΌΠ½ΠΈΠΌ ΠΈΠ· дСтства: любая ΠΊΠ½ΠΈΠ³Π° интСрСснСС, Ссли Π² Π½Π΅ΠΉ Π΅ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π‘Π°ΠΉΡ‚ΠΎΠ² это касаСтся Π² Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ большСй стСпСни, вСдь ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π²Π΅Π±-страниц, сколько ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚, Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΠΏΠΎΡΠΎΠ±ΡΡ‚Π²ΡƒΡŽΡ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ восприятия прСдставлСнной ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

Иконкам ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π½Π° любом сайтС:

  1. Π’ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ ΠΏΡƒΠ½ΠΊΡ‚Π°ΠΌ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

    Благодаря Π΅Π΄ΠΈΠ½ΠΎΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΡΠΏΠΎΡΠΎΠ±ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΠΊΠΎΡ€Π΅ΠΉΡˆΠ΅ΠΌΡƒ запоминанию ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π°. Π’ мСню сайта ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π·Π°ΠΌΠ΅Π½ΡΡ‚ΡŒ тСкст Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… случаях измСнСния интСрфСйса. Π’Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ примСняСт Π² интСрфСйсС ΠΏΠ°Π½Π΅Π»ΠΈ управлСния Joomla 4:

    Иконки в мСню админки Joomla 4

    Иконки ΠΏΡ€ΠΈ скрытии тСкста ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² мСню

  2. Для Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ.

    НС Π±ΡƒΠ΄Π΅ΠΌ Π΄Π°Π»Π΅ΠΊΠΎ Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈ вспомним интСрфСйс Π°Π΄ΠΌΠΈΠ½ΠΊΠΈ Joomla 3, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Ρ‚Π°ΠΊΠΆΠ΅ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ для обозначСния Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΡ….

    Иконки Π² ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ… Π°Π΄ΠΌΠΈΠ½ΠΊΠΈ Joomla 3

    Иконки Π½Π° страницС ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°

  3. Для обозначСния любого элСмСнта ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

    ОсобСнно это касаСтся Π»Π΅Π½Π΄ΠΈΠ½Π³ΠΎΠ², Π³Π΄Π΅ ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт страницы сопровоТдаСтся графичСским ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ. Π’ частности, ΠΈΠΊΠΎΠ½ΠΊΠΈ практичСски всСгда ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ для Π±Π»ΠΎΠΊΠΎΠ² прСимущСств ΠΈ Π² ΠΏΡ€ΠΈΠ·Ρ‹Π²Π°Ρ… ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ:

    Иконки прСимущСств Π½Π° Π»Π΅Π½Π΄ΠΈΠ½Π³Π΅

  4. Для обозначСния ΠΌΠ΅Ρ‚Π°-ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

    Иконками ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Ρ‡Π°Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ ΠΌΠ΅Ρ‚Π°-Π΄Π°Π½Π½Ρ‹Π΅ Π½Π° Π²Π΅Π±-страницах: Π΄Π°Ρ‚Ρƒ создания, измСнСния ΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ, имя Π°Π²Ρ‚ΠΎΡ€Π°, ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ, Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΈ Ρ‚. Π΄.

Π’ΠΎ всСх этих случаях ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ любого Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Π½ΠΎ Π² ΠΏΠ΅Ρ€Π²Ρ‹Ρ… Ρ‚Ρ€Π΅Ρ… Ρ‡Π°Ρ‰Π΅ всСго ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Ρ‚. ΠΊ. ΠΎΠ΄ΠΈΠ½ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ вСсь Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ.

Π“Π΄Π΅ Π²Π·ΡΡ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ для сайта?

Π˜ΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ популярныС ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΈ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… сайтах:

  • Font Awesome.

    Π‘Π°ΠΌΡ‹ΠΉ популярный ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ создавался для Bootstrap.

    Иконки из Font Awesome

  • IcoMoon.

    Иконки ΠΈΠ· этого ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Π² Π°Π΄ΠΌΠΈΠ½ΠΊΠ΅ Joomla 3.x.

    Иконки из IcoMoon

  • Themify Icons.

    Π­Ρ‚ΠΎΡ‚ бСсплатный ΡˆΡ€ΠΈΡ„Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ 320 ΠΊΠΎΠ½Ρ‚ΡƒΡ€Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ.

    Иконки из Themify Icons

  • Fontello.

    Π­Ρ‚ΠΎ Π½Π΅ ΡˆΡ€ΠΈΡ„Ρ‚, Π° Π²Π΅Π±-сСрвис, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠΉ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π½Π°Π±ΠΎΡ€Ρ‹ Π½ΡƒΠΆΠ½Ρ‹Ρ… ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡŽ Π½Π° сайтС ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈΠ· прСдставлСнного Π½Π°Π±ΠΎΡ€Π° ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈΡ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Π°.

    БСрвис Fontello

Иконки Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

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

Iconfinder отличаСтся:

  • Π±ΠΎΠ»Π΅Π΅ 2 750 000 бСсплатных ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΈΡ… Π½Π°Π±ΠΎΡ€ΠΎΠ² Π² самых Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…;
  • ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ систСмой поиска ΠΈ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΠΎ стоимости, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ ΠΈ ΡΡ‚ΠΈΠ»ΡŽ;
  • сСрвисом создания ΠΈ измСнСния ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΠΎΠ΄ Π·Π°ΠΊΠ°Π·;
  • Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹ΠΌ ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ;
  • Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ Π²Ρ‹Π±ΠΎΡ€Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈΠΊΠΎΠ½ΠΊΠΈ для скачивания.

Рассмотрим сСрвис Iconfinder Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ поиска ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΠΎ запросу Joomla:

  1. ΠŸΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° www. iconfinder.com.

  2. Π’ строку поиска Π²Π²ΠΎΠ΄ΠΈΠΌ запрос Joomla ΠΈ ΠΈΡ‰Π΅ΠΌ.

  3. ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ страница с Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°ΠΌΠΈ поиска. Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ ΠΏΠ»Π°Ρ‚Π½Ρ‹Ρ… ΠΈΠΊΠΎΠ½ΠΎΠΊ ΡƒΠΊΠ°Π·Π°Π½Π° Π² Π»Π΅Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΈΠΊΠΎΠ½ΠΊΠΈ. ΠžΡ‚Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° Π² Π»Π΅Π²ΠΎΠΉ части страницы.

  4. Для скачивания бСсплатной ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² Π½ΡƒΠΆΠ½ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ (Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG ΠΈΠΊΠΎΠ½ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ 128×128 px) Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ»ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ названию Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π»Π΅Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΈΠΊΠΎΠ½ΠΊΠΈ.

  5. Если Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG с Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 512×512, 256×256 px ΠΈΠ»ΠΈ с Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ, Π² Π΄Ρ€ΡƒΠ³ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, Ρ‚ΠΎ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ стрСлкС Π² Π»Π΅Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΈΠ· контСкстного мСню.

  6. Из этого ΠΆΠ΅ контСкстного мСню ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π½Π°ΠΆΠ°Π² Open in Icon Editor: откроСтся страница рСдактрования, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€, Ρ†Π²Π΅Ρ‚ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ тСкст ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Для скачивания ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΆΠ°Ρ‚ΡŒ Download Icon Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°.

ΠΏΠΏ. 1, 2

ΠΏ. 3

ΠΏΠΏ. 4, 5

ΠΏ. 6

ΠžΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с Π½Π°Π±ΠΎΡ€Π°ΠΌΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π½Π° страницС Icon sets:

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° с Π½Π°Π±ΠΎΡ€Π°ΠΌΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ

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

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

Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΈΠΊΠΎΠ½ΠΎΠΊ
Π Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ | Π’ΡŒΡŽΠ²Π΅Ρ€Ρ‹ | Π“ΠΎΡ€.клавиши Photoshop
ΠŸΡ€Π΅ΠΆΠ΄Π΅ всСго, Π½Π΅ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ. Иконка — это ΠΊΠ°ΠΊ вашС Π»ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ вашС Π»ΠΎΠ³ΠΎ ΠΈ Π΅ΡΡ‚ΡŒ. ΠŸΡ€Π΅ΠΊΡ€Π°ΡΠ½ΠΎ понимаю, Ρ‡Ρ‚ΠΎ Π½ΠΈΠΊΡ‚ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ‚ Π½Π° пустом мСстС, всС ΠΌΡ‹ смотрим Π΄Ρ€ΡƒΠ³ Π½Π° Π΄Ρ€ΡƒΠ³Π°. НСльзя научится ΠΌΡƒΠ·Ρ‹ΠΊΠ΅ Π½Π΅ играя ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΠΉ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π°Π²Ρ‚ΠΎΡ€ΠΎΠ².
ΠœΡ‹ слСдим Π·Π° Π½ΠΎΠ²Ρ‹ΠΌΠΈ направлСниями. Π― создавая сайты, ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€ΡŽ сайты ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ этот сайт Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Π½Π° Ρ„ΠΎΠ½Π΅ Π΄Ρ€ΡƒΠ³ΠΈΡ…. Но Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ яркиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π½Π°Ρ…ΠΎΠ΄ΠΊΠΈ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ скорСС всСго ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΡƒ ΠΎΠ½ΠΈ понравятся ΠΈ Π²Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ сотым Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ использовал эту ΠΆΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ. Π§Ρ‚ΠΎ Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅, видя, ΠΊΠ°ΠΊ ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΡƒΡΡ‚ΡŒ ΠΊΡ€Π°ΡΠΈΠ²ΡƒΡŽ, Π½ΠΎ ΠΈΠ·Π±ΠΈΡ‚ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈΠ· Π±Π°Π·Ρ‹ Π΄Π°Π½Π½Ρ‹Ρ…? Π’ΠΎ ΠΆΠ΅ ΠΏΠΎΠ΄ΡƒΠΌΠ°ΡŽΡ‚ ΠΈ ΠΎ вас.
МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹ Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΏΠ»Π°Π½Π°, Π½Π΅ Ρ‚Π°ΠΊΠΈΠ΅ яркиС. Π­Ρ‚ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ я ΠΌΠΎΠ³Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Π£Π²ΠΈΠΆΡƒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ нСзаслуТСнно Π½Π΅ Π·Π°ΠΌΠ΅Ρ‡Π΅Π½Π½ΠΎΠ΅ ΠΈ Ρ€Π°Π·Π²ΠΈΠ²Π°ΡŽ.

ΠΡŽΠ°Π½ΡΡ‹ рСдактирования

Когда-Ρ‚ΠΎ Π²ΠΏΠΎΠ»Π½Π΅ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ получится ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ копию, особСнно, Ссли это слоТный Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ.
Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв сТатиС ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ искаТСниСм ΠΈ ΠΏΠΎΡ‚Π΅Ρ€Π΅ΠΉ качСства.

Π’Ρ‹Π±ΠΎΡ€ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹

МоТно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΈΠΊΠΎΠ½ΠΊΡƒ Π² любом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Π² Paint Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ BMP скаТСм, Π° ΠΏΠΎΡ‚ΠΎΠΌ пСрСвСсти Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ICO. Если ΠΆΠ΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° изящная ΠΈΠΊΠΎΠ½ΠΊΠ° с пСрСтСканиями ΠΏΠΎΠ»ΡƒΡ‚ΠΎΠ½ΠΎΠ², Ρ‚ΠΎ Π²Π°ΠΌ Π±Π΅Π· Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° ΠΈΠΊΠΎΠ½ΠΎΠΊ Π½Π΅ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ.
Или Π½Π°ΠΏΡ€. для Π²Π΅Π±-страниц ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° 16X16, Π½ΠΎ для систСмы Windows Π½Π°ΠΏΡ€. ΠΈΠΊΠΎΠ½ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ нСсколько рисунков ряда Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ². Π’ΡƒΡ‚ Π²Π°ΠΌ Ρ‚Π°ΠΊΠΆΠ΅ Π½ΡƒΠΆΠ΅Π½ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠΊΠΎΠ½ΠΎΠΊ.

ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½

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

Mac ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, всСгда ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π·Π½Π°Ρ‡ΠΎΠΊ png вмСсто Π·Π½Π°Ρ‡ΠΊΠ°

Mac ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, всСгда ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π·Π½Π°Ρ‡ΠΎΠΊ png вмСсто Π·Π½Π°Ρ‡ΠΊΠ° — ΡΡƒΠΏΠ΅Ρ€ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ
Π‘Π΅Ρ‚ΡŒ ΠΎΠ±ΠΌΠ΅Π½Π° стСков

Π‘Π΅Ρ‚ΡŒ Stack Exchange состоит ΠΈΠ· 177 сообщСств вопросов ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Stack Overflow, ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠ΅Π΅ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π΅Π΅ΡΡ наибольшим Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅ΠΌ ΠΎΠ½Π»Π°ΠΉΠ½-сообщСство, Π³Π΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ, Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ своими знаниями ΠΈ ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ свою ΠΊΠ°Ρ€ΡŒΠ΅Ρ€Ρƒ.

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ Stack Exchange
  1. 0
  2. +0
  3. ΠΠ²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ

Super User — это сайт вопросов ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² для ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹Ρ… энтузиастов ΠΈ ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.РСгистрация Π·Π°ΠΉΠΌΠ΅Ρ‚ всСго ΠΌΠΈΠ½ΡƒΡ‚Ρƒ.

Π—Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΡƒΠΉΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒΡΡ ΠΊ этому сообщСству

ΠšΡ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π΄Π°Ρ‚ΡŒ вопрос

ΠšΡ‚ΠΎ ΡƒΠ³ΠΎΠ΄Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ

Π›ΡƒΡ‡ΡˆΠΈΠ΅ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ Π³ΠΎΠ»ΠΎΡΡƒΡŽΡ‚ΡΡ ΠΈ ΠΏΠΎΠ΄Π½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π½Π°Π²Π΅Ρ€Ρ…

Бпросил

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΎ 38k Ρ€Π°Π·

Когда я ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽ Β«ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽΒ», ΠΊΠΎΠΏΠΈΡ€ΡƒΡŽ ΠΌΠΎΠΉ Π·Π½Π°Ρ‡ΠΎΠΊ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π·Π½Π°Ρ‡ΠΊΠ° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΈ ΠΎΠ½ примСняСт Π΅Π³ΠΎ, Π½ΠΎ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚. Он ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π·Π½Π°Ρ‡ΠΎΠΊ PNG ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ (с изобраТСниями ΠΈ ΠΊΠ°ΠΌΠ΅Ρ€ΠΎΠΉ).

ΠšΡ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Ρ€Π°Π½ΡŒΡˆΠ΅ сталкивался с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ? Π― Π½Π΅ ΠΌΠΎΠ³Ρƒ Π½Π°ΠΉΡ‚ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΎΠΊ Ρ„Π°ΠΉΠ»Π°.

Бпасибо, Ρ‡Ρ‚ΠΎ посмотрСли.

Боздан 10 июн.

ммрс151ммрс151

16111 Π·ΠΎΠ»ΠΎΡ‚ΠΎΠΉ Π·Π½Π°ΠΊ11 сСрСбряный Π·Π½Π°ΠΊ44 Π±Ρ€ΠΎΠ½Π·ΠΎΠ²Ρ‹Ρ… Π·Π½Π°ΠΊΠ°

Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ содСрТимоС изобраТСния вмСсто Ρ„Π°ΠΉΠ»Π°.НапримСр, ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ⌘A ΠΈ ⌘C, ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ для Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° Π² Finder, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ⌘V.

ΠžΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

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

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