Пнг vs: Vs PNG ΠΎΠ±Ρ€Π°Π· | Π’Π΅ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΈ PSD-Ρ„Π°ΠΉΠ»Ρ‹

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

Vs PNG ΠΎΠ±Ρ€Π°Π· | Π’Π΅ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΈ PSD-Ρ„Π°ΠΉΠ»Ρ‹

  • красный синий ΠΏΡ€ΠΎΡ‚ΠΈΠ² мСталличСского ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • ΡΡ‚ΠΈΠ»ΡŒ Π³Ρ€Π°Ρ„Ρ„ΠΈΡ‚ΠΈ ΠΈ элСмСнты ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ² ΠΏΡ€ΠΎΡ‚ΠΈΠ² мСталличСского ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • элСмСнт Π΄ΠΈΠ·Π°ΠΉΠ½Π° свСтового эффСкта ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • Π½Π΅ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ ΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΉ Π·Π°Π» ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΠΈΠ³Ρ€ΠΎΠ²ΠΎΠ³ΠΎ Π·Π½Π°ΠΊΠ°

    1200*1200

  • Биняя тСкстура ΠΏΡ€ΠΎΡ‚ΠΈΠ² элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π° свСтового эффСкта ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΉ тСкстуры мСталличСскоС слово

    1200*1200

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ²

    5000*5000

  • Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Ρ„ΠΎΡ€ΠΌΠΎΠΉ ΡˆΠ΅ΡΡ‚ΠΈΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ° с l

    4167*4167

  • тСкстурированный ΠΊΡ€ΡƒΡ‚ΠΎΠΉ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ² ΠΏΡ€ΠΎΡ‚ΠΈΠ² шаблона

    1200*1200

  • 3d ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π·ΠΎΠ»ΠΎΡ‚ΠΎΠ³ΠΎ стиля

    2500*2500

  • творчСский ΠΏΡ€ΠΎΡ‚ΠΈΠ² комичСского конкурса

    1200*1200

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² тСкстуры ΠΌΠ΅Ρ‚Π°Π»Π»Π° слово искусства

    1200*1200

  • Ручная Ρ€ΠΎΡΠΏΠΈΡΡŒ простой мСталличСский свСтовой эффСкт ΠΏΡ€ΠΎΡ‚ΠΈΠ² элСмСнта ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • БпСцэффСкты ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ² ΠΏΡ€ΠΎΡ‚ΠΈΠ² элСмСнтов

    1200*1200

  • ΡˆΡ€ΠΈΡ„Ρ‚ спСцэффСкты ΠΆΠ΅Π»Ρ‚ΠΎΠ³ΠΎ свСчСния ΠΏΡ€ΠΎΡ‚ΠΈΠ² элСмСнта

    1200*1200

  • рисованный ΠΌΡƒΠ»ΡŒΡ‚Ρ„ΠΈΠ»ΡŒΠΌ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ слова

    1200*1200

  • ΡˆΡ€ΠΈΡ„Ρ‚ мСталличСской тСкстуры

    1200*1200

  • ΠšΡ€Π°ΡΠ½Ρ‹Π΅ ΠΈ синиС ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΠΊΠΎΠΌΠ°Π½Π΄Π½Ρ‹Ρ… ΠΌΠ°Ρ‚Ρ‡Π΅ΠΉ

    1200*1200

  • красочный ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΡˆΡ€ΠΈΡ„Ρ‚Π°

    3000*3000

  • Π·ΠΎΠ»ΠΎΡ‚ΠΎΠΉ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° с эффСктом освСщСния

    1520*1520

  • вСкторная ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π±ΠΈΡ‚Π²Ρ‹ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π·Π½Π°Ρ‡ΠΊΠ° Π³ΠΎΠ»ΡƒΠ±ΠΎΠΉ Ρ€ΠΎΠ·ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚

    4000*4000

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² мСталличСского ощущСния эффСкт слова

    1200*1200

  • ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ² ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π·ΠΎΠ»ΠΎΡ‚ΠΎΠ³ΠΎ ΠΌΠ΅Ρ‚Π°Π»Π»Π°

    512*512

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ‚ΠΈΠ² тСкстового Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°

    2100*2100

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΉ мСталличСской тСкстуры слова

    1200*1200

  • Π‘Ρ€Π°Π²Π½Π΅Π½ΠΈΠ΅ тСкста с тСкстами Π² стилС комиксов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

    1200*1200

  • простой стСрСо ΡˆΡ€ΠΈΡ„Ρ‚

    1200*1200

  • комикс ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ„ΠΎΠ½Π° с Ρ„ΠΈΠΎΠ»Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌ синим

    4000*4000

  • мСталличСский ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • синиС ΠΈ красныС ΠΏΡ€ΠΎΡ‚ΠΈΠ² vs письма с ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² ΠΊΠ²Π°Ρ€Ρ‚ΠΈΡ€Π΅ комиксы стилС с автотипия

    5000*5000

  • молния ΠΏΡ€ΠΎΡ‚ΠΈΠ² элСмСнта

    1200*1200

  • ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ эффСкт Π·Π΅Π»Π΅Π½ΠΎΠ³ΠΎ свСта ΠΏΡ€ΠΎΡ‚ΠΈΠ² элСмСнта ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • ΠΆΠ΅Π»Ρ‚Ρ‹Π΅ ΠΏΡ€ΠΎΡ‚ΠΈΠ² тСкстурных элСмСнтов

    1200*1200

  • элСмСнт Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° vs fight

    1200*1200

  • Ρ„ΠΎΠ½ vs красно синСго противостояния

    1200*1200

  • ΡΡ‚ΠΈΠ»ΡŒ комиксов ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π²Π΅ΠΊΡ‚ΠΎΡ€Π° Π·Π½Π°Ρ‡ΠΊΠ°

    6070*6070

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² стиля кисти с Ρ‡Π΅Ρ€Π½ΠΈΠ»Π°ΠΌΠΈ

    2500*2500

  • ГСомСтричСский ΠΌΡƒΠ»ΡŒΡ‚Ρ„ΠΈΠ»ΡŒΠΌ ΠΊΡ€Π΅Π°Ρ‚ΠΈΠ² ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π»Π΅Π³ΠΊΠΎΠΉ Π°Ρ‚Π»Π΅Ρ‚ΠΈΠΊΠΈ

    1200*1200

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ†Π²Π΅Ρ‚Π½ΠΎΠ³ΠΎ свСтового эффСкта

    1200*1200

  • Π‘ΠΈΠ½ΠΈΠΉ ΠΈ стСрСо элСмСнт ΡˆΡ€ΠΈΡ„Ρ‚Π°

    1200*1200

  • вСкторная ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π±ΠΈΡ‚Π²Ρ‹ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π·Π½Π°Ρ‡ΠΊΠ° Ρ‡Π΅Ρ€Π½ΠΎΠ³ΠΎ ΠΎΡ€Π°Π½ΠΆΠ΅Π²ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°

    4000*4000

  • пламя vs

    1200*1200

  • Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ 3d Π±ΡƒΠΊΠ² Π·Π½Π°Ρ‡ΠΎΠΊ конкурса Π±ΠΎΠ΅Π²ΠΎΠΉ символ

    2000*2000

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΠΏΡ€ΠΎΡ‚ΠΈΠ² для ΠΈΠ³Ρ€

    1200*1200

  • Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ Ρ„ΡƒΡ‚Π±ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°Ρ‚Ρ‡

    1200*1200

  • ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ с эффСктами сбоя для Π±ΠΎΡ€ΡŒΠ±Ρ‹ ΠΈΠ»ΠΈ сравнСния psd

    1200*1200

  • ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π±ΠΎΠΉ элСмСнт ΠΈΠ³Ρ€Ρ‹

    1200*1200

  • ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ синий ΠΏΡ€ΠΎΡ‚ΠΈΠ² ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠ³ΠΎ свСтового эффСкта ΡˆΡ€ΠΈΡ„Ρ‚Π° halo neon

    1200*1200

  • Π¦Π²Π΅Ρ‚ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° ΠΈ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΡˆΡ€ΠΈΡ„Ρ‚Π° со свСтовым эффСктом

    1200*1200

  • Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ для сайта WordPress?

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

    Π€ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° изобраТСния ΠΈΠΌΠ΅Π΅Ρ‚ большоС Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. ИспользованиС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° для ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ Ρ†Π΅Π»ΠΈ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ваш Π΄ΠΈΠ·Π°ΠΉΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ. И Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π»ΡƒΡ‡ΡˆΠΈΠΉ баланс качСства изобраТСния ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

    Π₯отя ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ дСсятки доступных графичСских Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², JPG ΠΈ PNG ΡΠ²Π»ΡΡŽΡ‚ΡΡ двумя Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ графичСскими Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

    Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим особСнности JPG ΠΈ PNG ΠΈ различия ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠ±ΠΎΠΈΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ².

    ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π°Π±ΠΎΡ‚ΠΈΡ‚ΡŒΡΡ ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ?

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

    ВрСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта

    Π­Ρ‚Π° Ρ‚Π΅ΠΌΠ° ΠΎΡ‡Π΅Π½ΡŒ Π΄ΠΎΡ€ΠΎΠ³Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ сайта. ΠœΠ½ΠΎΠ³ΠΎΡ‡ΠΈΡΠ»Π΅Π½Π½Ρ‹Π΅ исслСдования ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Ссли ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π΅Ρ‚ 3 сСкунды, Ρ‚ΠΎ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΊΠ°Π·Π° увСличиваСтся.
    ВяТСлыС изобраТСния ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. Напротив, Π±ΠΎΠ»Π΅Π΅ Π»Π΅Π³ΠΊΠΈΠ΅ изобраТСния приводят ΠΊ Π±ΠΎΠ»Π΅Π΅ быстрому Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ вашСго сайта.

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

    Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅: Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния Π² WordPress

    Π’Π½Π΅ΡˆΠ½ΠΈΠΉ Π²ΠΈΠ΄ сайта

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

    Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΎΠ±Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Ρ„Π°ΠΉΠ»ΠΎΠ² (PNG ΠΈ JPG) ΠΈ ΠΈΡ… особСнности.

    О Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG

    JPEG Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ ΠΊΠ°ΠΊ Joint Photographic Experts Group ΠΈ Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Π² 1992 Π³ΠΎΠ΄Ρƒ. Π­Ρ‚ΠΎ сТатый Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния с потСрями. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ качСство изобраТСния ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ΡΡ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Π΅Π³ΠΎ сТатия.
    Π­Ρ‚ΠΎ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ для ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ для сохранСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ со слоТными Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ ΠΈ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°ΠΌΠΈ. Π’ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π½ΠΈΠΆΠ΅:

    Π€Π°ΠΉΠ»Ρ‹ JPEG ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· самых популярных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ² Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΏΠΎ понятным ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ. Они нСбольшиС ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, Π»Π΅Π³ΠΊΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 16 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ².
    Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠ΅ΠΉ, JPEG β€” ваш Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. Он Π°Π΄Π΅ΠΊΠ²Π°Ρ‚Π½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ для Ρ„ΠΎΡ‚ΠΎΡΡŠΠ΅ΠΌΠΊΠΈ ΠΈ поддСрТиваСтся Π½Π° ΡˆΠΈΡ€ΠΎΠΊΠΎΠΌ спСктрС ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ.

    ПолСзно Π·Π½Π°Ρ‚ΡŒ: JPG ΠΈ JPEG β€” это ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅. Π˜ΡΡ…ΠΎΠ΄Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ для совмСстного фотографичСского изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ экспСртной Π³Ρ€ΡƒΠΏΠΏΡ‹ Π±Ρ‹Π»ΠΎ β€˜Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG’.

    Но Windows (Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Π½Π½ΠΈΠ΅ вСрсии) Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»Π° Ρ‚Ρ€Π΅Ρ…Π±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ Ρ„Π°ΠΉΠ»Π°, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, сокращая JPEG Π΄ΠΎ JPG. Однако Linux ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ JPEG, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρƒ Π½Π΅Π³ΠΎ Π½Π΅ Π±Ρ‹Π»ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ трСбования.

    PNG

    PNG (произносится ΠΊΠ°ΠΊ Β«pingΒ») Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ ΠΊΠ°ΠΊ портативная сСтСвая Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ Π±Ρ‹Π» Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Π² 1996 Π³ΠΎΠ΄Ρƒ. Он Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΊΠ°ΠΊ нСпатСнтованная ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π½Π°Ρ вСрсия Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΎΠ±ΠΌΠ΅Π½Π° графичСскими Π΄Π°Π½Π½Ρ‹ΠΌΠΈ (GIF).

    Π­Ρ‚ΠΎΡ‚ Ρ‚ΠΈΠΏ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для хранСния Ρ„Π°ΠΉΠ»ΠΎΠ² с мСньшим количСством Ρ†Π²Π΅Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ графичСскиС Ρ€Π°Π±ΠΎΡ‚Ρ‹, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹. Π­Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° сТатия Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ сохраняСт качСство изобраТСния Π΄Π°ΠΆΠ΅ послС ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π°.

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

    Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ Π½ΠΈΠΆΠ΅ Π±Ρ‹Π» сохранСн Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG.

    Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅:Β Lazy load β€” отлоТСнная (лСнивая) Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ Π½Π° wordpress.

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ясно Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π±ΡƒΠΊΠ²Ρ‹, Ρ‚Π΅ΠΌΠ½Ρ‹ΠΉ ΠΈ свСтлый Ρ„ΠΎΠ½, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π΅Π·ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ.

    Π”Π°Π²Π°ΠΉΡ‚Π΅ сравним эти Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹

    PNG vs JPG

    PNG vs JPG: сТатиС

    JPEG ΠΈ PNG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ сТатия ΠΈΠ»ΠΈ ΠΊΠΎΠ΄Π΅ΠΊΠΈ для хранСния Π΄Π°Π½Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»Π°.

    НачнСм с Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ JPEG опираСтся Π½Π° сТатиС DCT (Discrete Cosine Transform). Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΡƒΡ‚Π΅ΠΌ дСлСния изобраТСния Π½Π° части Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ частоты. Π—Π°Ρ‚Π΅ΠΌ ΠΎΠ½ устраняСт ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ частоты. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ, Ρ‡Ρ‚ΠΎ JPEG β€” это «потСря».
    Π₯отя этот ΠΌΠ΅Ρ‚ΠΎΠ΄ эффСктивСн, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Β«Π½Π΅Π½ΡƒΠΆΠ½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅Β» Π±Π΅Π·Π²ΠΎΠ·Π²Ρ€Π°Ρ‚Π½ΠΎ Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅, вноситС измСнСния ΠΈ сохраняСтС Ρ„Π°ΠΉΠ» JPEG, происходит ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ качСства. Π₯отя это ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅ качСства ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡΡ‚Π°Ρ‚ΡŒΡΡ Π½Π΅Π·Π°ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹ΠΌ.

    PNG, с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, полагаСтся Π½Π° сТатиС LZW (Lempel-Ziv-Welch). Π­Ρ‚ΠΎ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ сТатия Π΄Π°Π½Π½Ρ‹Ρ… Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Ρ‚ΠΎΠΌΡƒ ΠΆΠ΅ качСству изобраТСния. PNG обСспСчиваСт ΠΏΠΎΡ‡Ρ‚ΠΈ идСальноС прСдставлСниС изобраТСния.

    PNG vs JPG: Ρ€Π°Π·ΠΌΠ΅Ρ€

    Π Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ изобраТСния с большим количСством Ρ†Π²Π΅Ρ‚ΠΎΠ² становятся мСньшС ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ сохраняСтС ΠΈΡ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG.
    Π’ΠΎΡ‚ Π±ΠΎΠΊ ΠΎ Π±ΠΎΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ†Π²Π΅Ρ‚ΠΊΠ° Π² ΠΎΠ±ΠΎΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ….


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

    Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² PNG мСньшС для ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠ³ΠΎ искусства ΠΈ Ρ‚. Π΄.

    Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, сохранСниС Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ качСства ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. А ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ Ρ‚ΠΎΠΌΡƒ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π»ΡƒΡ‡ΡˆΠ΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG для ΠΌΠ΅Π½ΡŒΡˆΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ качСства.

    PNG vs JPG: ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ

    PNG ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, Π° JPEG-Π½Π΅Ρ‚, Ρ‡Ρ‚ΠΎ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Π΅Π·ΡƒΠΏΡ€Π΅Ρ‡Π½ΠΎ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π½Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ вашСго сайта. ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ этому:

    Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ рСдактирования ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΊΠ»Π΅Ρ‚Ρ‡Π°Ρ‚Ρ‹ΠΉ Ρ„ΠΎΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ изобраТСния. Π­Ρ‚Π° функция ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ².
    JPG, с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½.

    Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

    НСзависимо ΠΎΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Ρ„Π°ΠΉΠ»Π° (JPEG ΠΈΠ»ΠΈ PNG), Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ/ΡΠΆΠ°Ρ‚ΡŒ ваши изобраТСния для ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния, большС мСста Π² памяти ΠΈ быстрый Π²Π΅Π±-сайт.
    Как Π²Ρ‹ сТимаСтС изобраТСния для ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°? Π•ΡΡ‚ΡŒ Π΄Π²Π° ΠΏΡƒΡ‚ΠΈ.

    Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ПО

    ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ использованиС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Photoshop) ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ изобраТСния Π½Π° ваш сайт. Π­Ρ‚ΠΎΡ‚ процСсс Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ большС контроля Π½Π°Π΄ качСством изобраТСния.

    ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ WordPress

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

    WP Smush

    Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ WordPress позволяСт ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваши изобраТСния, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π±Π΅Π· Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ сниТСния качСства. Π‘ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 1 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠΌ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… установок ΠΈ ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ 5-Π·Π²Π΅Π·Π΄ΠΎΡ‡Π½Ρ‹ΠΌ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΎΠΌ, это ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ ΠΏΠ»Π°Π³ΠΈΠ½.

    Compress JPEG and PNG images

    Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ сТимаСт ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ JPGs ΠΈ PNGs ΠΏΡƒΡ‚Π΅ΠΌ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΠΈ с сСрвисами сТатия ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ TinyJPG ΠΈ TinyPNG. Π’ срСднСм PNG-изобраТСния автоматичСски ΡΠΆΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π½Π° 50-80%, Π° JPG-изобраТСния ΡΠΆΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π½Π° 40-60% Π±Π΅Π· явной ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства.

    Плагин Kraken WordPress

    Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваши изобраТСния (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JPG, PNG ΠΈ GIF) с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Kraken.io API ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ‚ΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΊΠ°ΠΊ Ρ€Π΅ΠΆΠΈΠΌΡ‹ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ с потСрями, Ρ‚Π°ΠΊ ΠΈ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ.

    PNG vs JPEG-Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

    Π˜Ρ‚Π°ΠΊ, PNG vs JPEG: Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ для вашСго сайта? Π­Ρ‚ΠΎ зависит ΠΎΡ‚ ΠΎΠ±ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΡΡ‚Π². Они ΠΎΠ±Π° Ρ…ΠΎΡ€ΠΎΡˆΠΎ слуТат Ρ€Π°Π·Π½Ρ‹ΠΌ цСлям.
    Π€ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JPG Π»ΡƒΡ‡ΡˆΠ΅ всСго подходят для Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с большим количСством Ρ†Π²Π΅Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. PNG идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Ρ… Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ΠΉ, Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ, Π·Π½Π°ΠΊΠΎΠ²ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, сканирования Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ², Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Ρ… ΠΏΠ»Π°Π½ΠΎΠ², Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈΠ»ΠΈ любого изобраТСния с тСкстом.

    JPEG ΠΏΡ€ΠΎΡ‚ΠΈΠ² PNG ΠΏΡ€ΠΎΡ‚ΠΈΠ² BMP ΠΏΡ€ΠΎΡ‚ΠΈΠ² GIF ΠΏΡ€ΠΎΡ‚ΠΈΠ² SVG

    Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… Ρ„Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… …

    Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, сущСствуСт Π΄Π²Π° Ρ‚ΠΈΠΏΠ° сТатия: Lossless ΠΈ Lossy .

    • Π‘Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сдСлано мСньшС, Π½ΠΎ Π±Π΅Π· ΡƒΡ‰Π΅Ρ€Π±Π° для качСства.
    • ΠŸΠΎΡ‚Π΅Ρ€Ρ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ становится (Π΄Π°ΠΆΠ΅) мСньшС, Π½ΠΎ Π² ΡƒΡ‰Π΅Ρ€Π± качСству. Если Π²Ρ‹ сохраняСтС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ с потСрями снова ΠΈ снова, качСство изобраТСния Π±ΡƒΠ΄Π΅Ρ‚ ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒΡΡ всС Ρ…ΡƒΠΆΠ΅ ΠΈ Ρ…ΡƒΠΆΠ΅.

    Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Π½Ρ‹Π΅ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ Ρ†Π²Π΅Ρ‚Π° (ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹): индСксированный Ρ†Π²Π΅Ρ‚ ΠΈ прямой Ρ†Π²Π΅Ρ‚ .

    • Π˜Π½Π΄Π΅ΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ количСство Ρ†Π²Π΅Ρ‚ΠΎΠ² (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ 256), ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ, Π² Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΉ Π¦Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚Π΅
    • ΠŸΡ€ΡΠΌΠΎΠΉ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ тысячи Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ Π±Ρ‹Π»ΠΈ Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ.

    BMP — Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ / индСксированный ΠΈ прямой

    Π­Ρ‚ΠΎ старый Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. Π­Ρ‚ΠΎ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ (Π½ΠΈΠΊΠ°ΠΊΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Π΅ изобраТСния Π½Π΅ Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ сохранСнии), Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ практичСски отсутствуСт сТатиС, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ сохранСниС, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ BMP ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΠžΠ§Π•ΠΠ¬ большим Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ Ρ„Π°ΠΉΠ»ΠΎΠ². Он ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ Indexed ΠΈ Direct, Π½ΠΎ это нСбольшоС ΡƒΡ‚Π΅ΡˆΠ΅Π½ΠΈΠ΅. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π΅Π»ΠΈΠΊΠΈ, Ρ‡Ρ‚ΠΎ Π½ΠΈΠΊΡ‚ΠΎ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

    Π₯ΠΎΡ€ΠΎΡˆΠΎ для: Π½ΠΈΡ‡Π΅Π³ΠΎ особСнного. Π’ BMP Π½Π΅Ρ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ прСвосходного ΠΈΠ»ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ².


    GIF — Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ / Ρ‚ΠΎΠ»ΡŒΠΊΠΎ индСксированный

    GIF ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ снова ΠΈ снова ΠΈ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ Π΄Π°Π½Π½Ρ‹Π΅. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ мСньшС, Ρ‡Π΅ΠΌ BMP, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π° самом Π΄Π΅Π»Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ сТатиС, Π½ΠΎ ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв Π² Ρ„Π°ΠΉΠ»Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 256 Ρ€Π°Π·Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ². Π­Ρ‚ΠΎ Π·Π²ΡƒΡ‡ΠΈΡ‚ ΠΊΠ°ΠΊ довольно нСбольшоС количСство, ΠΈ это Ρ‚Π°ΠΊ.

    Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ GIF Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

    Π₯ΠΎΡ€ΠΎΡˆΠΎ для: Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹, Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Π΅ рисунки ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ простыС изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ малСнькими. Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π²Π΅Π±-сайтов.


    JPEG — Lossy / Direct

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

    Π₯ΠΎΡ€ΠΎΡˆΠΎ для: Π€ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ. Π’Π°ΠΊΠΆΠ΅ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Ρ‹.


    PNG-8 — Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ / индСксированный

    PNG являСтся Π±ΠΎΠ»Π΅Π΅ Π½ΠΎΠ²Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ, Π° PNG-8 (индСксированная вСрсия PNG) Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ являСтся Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ Π·Π°ΠΌΠ΅Π½ΠΎΠΉ GIF-Ρ„Π°ΠΉΠ»Π°ΠΌ. К соТалСнию, ΠΎΠ΄Π½Π°ΠΊΠΎ, Ρƒ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ нСсколько нСдостатков: Π²ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, ΠΎΠ½ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, ΠΊΠ°ΠΊ GIF (Ρ…ΠΎΡ€ΠΎΡˆΠΎ, ΠΌΠΎΠΆΠ΅Ρ‚, Π½ΠΎ, ΠΏΠΎΡ…ΠΎΠΆΠ΅, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Firefox ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π΅Π΅, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ GIF-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, которая поддСрТиваСтся ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ). Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, Ρƒ Π½Π΅Π³ΠΎ Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ старых Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ IE6. Π’-Ρ‚Ρ€Π΅Ρ‚ΡŒΠΈΡ…, Π²Π°ΠΆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Photoshop, ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠ»ΠΎΡ…ΡƒΡŽ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°. (Π§Π΅Ρ€Ρ‚ возьми, Adobe!) PNG-8 ΠΌΠΎΠΆΠ΅Ρ‚ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 256 Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΊΠ°ΠΊ GIF-Ρ„Π°ΠΉΠ»Ρ‹.

    Π₯ΠΎΡ€ΠΎΡˆΠΎ: Π³Π»Π°Π²Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ PNG-8 Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ GIF, — это ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π°Π»ΡŒΡ„Π°-прозрачности.

    Π’Π°ΠΆΠ½ΠΎΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Photoshop Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π°Π»ΡŒΡ„Π°-ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ для Ρ„Π°ΠΉΠ»ΠΎΠ² PNG-8. (Π§Π΅Ρ€Ρ‚ возьми, Photoshop!) Однако Π΅ΡΡ‚ΡŒ способы ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Photoshop PNG-24 Π² Ρ„Π°ΠΉΠ»Ρ‹ PNG-8, сохраняя ΠΏΡ€ΠΈ этом ΠΈΡ… ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. Один ΠΌΠ΅Ρ‚ΠΎΠ΄ — PNGQuant , Π΄Ρ€ΡƒΠ³ΠΎΠΉ — ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ваши Ρ„Π°ΠΉΠ»Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Fireworks .


    PNG-24 — Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ / прямой

    PNG-24 — ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сочСтаСт Π² сСбС ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ ΠΈ прямой Ρ†Π²Π΅Ρ‚ (тысячи Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΊΠ°ΠΊ Π² JPEG). Π’ этом ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ это ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° BMP, Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ PNG Π½Π° самом Π΄Π΅Π»Π΅ сТимаСт изобраТСния, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ это ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Π³ΠΎΡ€Π°Π·Π΄ΠΎ мСньшим Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ Ρ„Π°ΠΉΠ»ΠΎΠ². К соТалСнию, Ρ„Π°ΠΉΠ»Ρ‹ PNG-24 ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ‡Π΅ΠΌ JPEG, GIF ΠΈ PNG-8, поэтому Π²Π°ΠΌ всС Ρ€Π°Π²Π½ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ, Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π»ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

    НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ PNG-24 Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ тысячи Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΏΡ€ΠΈ сТатии, ΠΎΠ½ΠΈ Π½Π΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Π·Π°ΠΌΠ΅Π½Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ JPEG. Ѐотография, сохранСнная Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG-24, вСроятно, Π±ΡƒΠ΄Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ Π² 5 Ρ€Π°Π· большС, Ρ‡Π΅ΠΌ эквивалСнтноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ JPEG, с ΠΎΡ‡Π΅Π½ΡŒ нСбольшим ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ΠΌ Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ качСства. (ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ, Ссли вас Π½Π΅ интСрСсуСт Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ максимально качСствСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅).

    Как ΠΈ PNG-8, PNG-24 Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π°Π»ΡŒΡ„Π°-ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.


    SVG — Lossless / Vector

    Π’ΠΈΠΏ Ρ„Π°ΠΉΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² настоящСС врСмя становится всС Π±ΠΎΠ»Π΅Π΅ популярным, это SVG, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отличаСтся ΠΎΡ‚ всСго Π²Ρ‹ΡˆΠ΅ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ это Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° (всС Π²Ρ‹ΡˆΠ΅ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚Ρ‹Π΅ растровыС ). Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π½Π° самом Π΄Π΅Π»Π΅ состоит ΠΈΠ· Π»ΠΈΠ½ΠΈΠΉ ΠΈ ΠΊΡ€ΠΈΠ²Ρ‹Ρ…, Π° Π½Π΅ пиксСлСй. Когда Π²Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π²Ρ‹ всС Ρ€Π°Π²Π½ΠΎ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΡ€ΠΈΠ²ΡƒΡŽ ΠΈΠ»ΠΈ линию. ΠŸΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ растрового изобраТСния Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ пиксСли.

    НапримСр:

    Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ SVG идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ ΠΈΠΊΠΎΠ½ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‡Π΅Ρ‚ΠΊΠΎΡΡ‚ΡŒ Π½Π° экранах Retina ΠΈΠ»ΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².

    ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ρ„Π°ΠΉΠ»Ρ‹ SVG ΠΏΠΈΡˆΡƒΡ‚ΡΡ с использованиСм XML, поэтому ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² тСкстовом Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ Π½Π° Π»Π΅Ρ‚Ρƒ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ JavaScript для измСнСния Ρ†Π²Π΅Ρ‚Π° Π·Π½Π°Ρ‡ΠΊΠ° SVG Π½Π° Π²Π΅Π±-сайтС Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Ссли Π±Ρ‹ Π²Ρ‹ использовали ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ тСкст (Ρ‚. Π•. НСт нСобходимости Π²ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ).

    НадСюсь, это ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚!

    favicon.png vs favicon.ico-ΠΏΠΎΡ‡Π΅ΠΌΡƒ я Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PNG вмСсто ICO?



    Помимо Ρ‚ΠΎΠ³ΠΎ Ρ„Π°ΠΊΡ‚Π°, Ρ‡Ρ‚ΠΎ PNG являСтся Π±ΠΎΠ»Π΅Π΅ распространСнным Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ изобраТСния, Π΅ΡΡ‚ΡŒ Π»ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ тСхничСскиС ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ ΠΎΡ‚Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ favicon.png ΠΏΡ€ΠΎΡ‚ΠΈΠ² favicon.ico?

    Π― ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽ соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ всС ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ PNG Π»ΡŽΠ±ΠΈΠΌΡ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ.

    png favicon ico
    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ Jon Galloway Β  Β  27 августа 2009 Π² 22:39

    9 ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ²




    368

    ВсС соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ (протСстированныС с Chrome 4, Firefox 3.5, IE8, Opera 10 ΠΈ Safari 4) всСгда Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ favicon.ico , Ссли Π²Ρ‹ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π»ΠΈ ярлык Ρ‡Π΅Ρ€Π΅Π· <link> . ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ссли Π²Ρ‹ явно Π½Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ Π΅Π³ΠΎ, Π»ΡƒΡ‡ΡˆΠ΅ всСгда ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ„Π°ΠΉΠ» favicon. ico , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ 404. Yahoo! ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ малСньким ΠΈ ΠΊΡΡˆΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌ.

    И Π²Π°ΠΌ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ΄Ρ‚ΠΈ Π½Π° PNG Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для ΠΠ»ΡŒΡ„Π°-прозрачности. Ρ„Π°ΠΉΠ»Ρ‹ ICO прСкрасно ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΠ»ΡŒΡ„Π°-ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ (Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ 32-Π±ΠΈΡ‚Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚), хотя вряд Π»ΠΈ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ инструмСнты ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ ΠΈΡ… ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ. Π― рСгулярно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Dynamic Drive FavIcon для создания Ρ„Π°ΠΉΠ»ΠΎΠ² favicon.ico с ΠΠ»ΡŒΡ„Π°-ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ. Π­Ρ‚ΠΎ СдинствСнный ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ.

    БущСствуСт Ρ‚Π°ΠΊΠΆΠ΅ бСсплатный ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡ… ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ.

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ mercator Β  Β  28 августа 2009 Π² 00:03



    235

    ΠžΡ‚Π²Π΅Ρ‚ Π·Π°ΠΌΠ΅Π½Π΅Π½ (ΠΈ прСвратился Π² сообщСство Wiki) ΠΈΠ·-Π·Π° многочислСнных ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ ΠΈ Π·Π°ΠΌΠ΅Ρ‚ΠΎΠΊ ΠΎΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π΄Ρ€ΡƒΠ³ΠΈΡ… участников этой Ρ‚Π΅ΠΌΡ‹:

    • ICOs ΠΈ PNGs ΠΎΠ±Π° ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΠΏΠΎΠ»Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π½Π° основС Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Π°
    • ICO обСспСчиваСт ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ со старыми Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, IE6)
    • PNG, вСроятно, ΠΈΠΌΠ΅Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ инструмСнтов для прозрачности, Π½ΠΎ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ инструмСнты для создания ΠΠ»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Π° ICOs, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ инструмСнт динамичСского ΠΏΡ€ΠΈΠ²ΠΎΠ΄Π° ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ Photoshop, упомянутый @mercator.

    НС ΡΡ‚Π΅ΡΠ½ΡΠΉΡ‚Π΅ΡΡŒ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ ΠΎΡ‚Π²Π΅Ρ‚Π°ΠΌ здСсь для получСния Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Amber Β  Β  27 августа 2009 Π² 22:44



    50

    Π€Π°ΠΉΠ»Ρ‹ .png Ρ…ΠΎΡ€ΠΎΡˆΠΈ, Π½ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ .ico Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΠ»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»Π°, плюс ΠΎΠ½ΠΈ Π΄Π°ΡŽΡ‚ Π²Π°ΠΌ ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ.

    ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅, ΠΊΠ°ΠΊΠΎΠΉ Ρ‚ΠΈΠΏ StackOverflow ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ (ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ):

    <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"> 
    <link rel="apple-touch-icon" href="http://sstatic.net/so/apple-touch-icon.png"> 
    

    Π¨Ρ‚ΡƒΠΊΠ° apple-itouch ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для iphone ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ ярлык Π½Π° Π²Π΅Π±-сайт.

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Wouter van Nifterick Β  Β  30 августа 2009 Π² 10:58


    • Django ERROR (внСшний IP): ВнутрСнняя ошибка сСрвСра: /ico/apple-touch-icon-precomposed. png

      МоС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ django Π² настоящСС врСмя отправляСт ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ…, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ страницам сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ сущСствуСт, ΠΊΠ°ΠΊ ΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ. Но ΠΊΠΎΠ³Π΄Π° я ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ django, хотя ΠΌΠΎΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹(Android ΠΈ Apple) Π― ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽ email с этой ошибкой…

    • Python PIL ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π΅ удаСтся ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ico Π² png

      МнС Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ favicon с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ICO Π² PNG. Π― пытался ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это с PIL: img = Image.open(‘favicon.ico’) img.save(‘favicon.png’, ‘png’) Но часто ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ Π½Π΅Π²Π΅Ρ€Π½Ρ‹ΠΌ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ послС Π½Π΅Π³ΠΎ favicon Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΎΡΡŒ. Π― искал Π΄Ρ€ΡƒΠ³ΠΈΠ΅ способы обращСния, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, PIL ΠΈΠΌΠ΅Π΅Ρ‚ IcoImagePlugin,…



    27

    ВСорСтичСскоС прСимущСство Ρ„Π°ΠΉΠ»ΠΎΠ²*. ico Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π·Π½Π°Ρ‡ΠΊΠ°. НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»ΠΎΠΌ ΠΈ 16-Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ вСрсиСй для ΡƒΡΡ‚Π°Ρ€Π΅Π²ΡˆΠΈΡ… систСм ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡ΠΊΠΈ 32×32 ΠΈ 48×48 (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΡ€ΠΈ пСрСтаскивании ссылки Π½Π° Windows explorer).

    Π­Ρ‚Π° Ρ…ΠΎΡ€ΠΎΡˆΠ°Ρ идСя, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚ΠΎΠ²Π°Ρ‚ΡŒ с рСализациями Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Álvaro GonzΓ‘lez Β  Β  18 ноября 2009 Π² 17:33



    15

    PNG ΠΈΠΌΠ΅Π΅Ρ‚ 2 прСимущСства: ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΈ поддСрТиваСтся (Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ случаСв Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΎΠ²). Как ΡƒΠΆΠ΅ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΎΡΡŒ Ρ€Π°Π½Π΅Π΅ ICO, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ нСсколько Π·Π½Π°Ρ‡ΠΊΠΎΠ² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ Π½Π΅ слишком ΠΌΠ½ΠΎΠ³ΠΎ для Π²Π΅Π±-сайтов. Π― Π±Ρ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Π²Π°ΠΌ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ favicon.ico Π² ΠΊΠΎΡ€Π΅Π½ΡŒ вашСго прилоТСния. Если Ρƒ вас Π΅ΡΡ‚ΡŒ доступ ΠΊ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡƒ страниц вашСго сайта, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π΅Π³, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° Ρ„Π°ΠΉΠ» png. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π±ΠΎΠ»Π΅Π΅ старый Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚ favicon.ico, Π° Π±ΠΎΠ»Π΅Π΅ Π½ΠΎΠ²Ρ‹ΠΉ-png.

    Для создания Ρ„Π°ΠΉΠ»ΠΎΠ² Png ΠΈ Icon я Π±Ρ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Gimp .

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ pmoleri Β  Β  02 ноября 2010 Π² 13:30



    12

    НСкоторыС ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ инструмСнты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Google+, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ простой ΠΌΠ΅Ρ‚ΠΎΠ΄ получСния favicon для Π²Π½Π΅ΡˆΠ½ΠΈΡ… ссылок, Π²Ρ‹Π±ΠΎΡ€ΠΊΠ° http://your.domainname.com/favicon. ico

    ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ Π½Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π²Ρ‹Π±ΠΎΡ€ΠΊΡƒ содСрТимого HTML, Ρ‚Π΅Π³ <link> Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Π’ этом случаС Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ mod_rewrite ΠΈΠ»ΠΈ просто ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» Π² ΠΏΠ°ΠΏΠΊΡƒ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ jdavid.net Β  Β  18 июня 2012 Π² 23:49



    8

    Ico ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ png.

    Π’ΠΎΡ‡Π½Π΅Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ нСсколько png Π²Π½ΡƒΡ‚Ρ€ΠΈ этого минимального ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, вмСсто ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ bitmap+alpha, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всС сильно Π°ΡΡΠΎΡ†ΠΈΠΈΡ€ΡƒΡŽΡ‚ с ico.

    ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° старая, появилась Π² Windows Vista (2007) ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ поддСрТиваСтся Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, хотя ΠΈ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ обСспСчСниСм для рСдактирования Π·Π½Π°Ρ‡ΠΊΠΎΠ².

    Π›ΡŽΠ±ΠΎΠΉ допустимый png (вСсь Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ) ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ 6-Π±Π°ΠΉΡ‚ΠΎΠ²Ρ‹ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ico ΠΈ 16-Π±Π°ΠΉΡ‚ΠΎΠ²Ρ‹ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
    GIMP ΠΈΠΌΠ΅Π΅Ρ‚ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ. ΠŸΡ€ΠΎΡΡ‚ΠΎ экспортируйтС ΠΊΠ°ΠΊ ico ΠΈ ΠΎΡ‚ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅ «Compressed (PNG)».

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Adria Β  Β  22 фСвраля 2017 Π² 19:49



    3

    Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ PNG Π² любом случаС, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°Π΄Π΅ΠΆΠ½ΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ с IE6.

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ aehlke Β  Β  27 августа 2009 Π² 22:44



    2

    Как Π±Ρ‹ Ρ‚ΠΎ Π½ΠΈ Π±Ρ‹Π»ΠΎ, я дСлаю это:

        <!-- Favicon - Generic -->
        <link rel="icon" href="path/favicon-32_x_32.png">
        <link rel="icon" href="path/favicon-57_x_57.png">
        <link rel="icon" href="path/favicon-76_x_76.png">
        <link rel="icon" href="path/favicon-96_x_96.png">
        <link rel="icon" href="path/favicon-128_x_128.png">
        <link rel="icon" href="path/favicon-192_x_192.png">
        <link rel="icon" href="path/favicon-228_x_228.png">
        <!-- Favicon - Android -->
        <link rel="shortcut icon" href="path/favicon-196_x_196.png">
        <!-- Favicon - iOS -->
        <link rel="apple-touch-icon" href="path/favicon-120_x_120.png">
        <link rel="apple-touch-icon" href="path/favicon-152_x_152.png">
        <link rel="apple-touch-icon" href="path/favicon-180_x_180.png">
    

    И я всС Π΅Ρ‰Π΅ Π΄Π΅Ρ€ΠΆΡƒ favicon.ico Π² ΠΊΠΎΡ€Π½Π΅.

    ΠŸΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ s3c Β  Β  26 мая 2020 Π² 08:41


    ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅ вопросы:


    HTML PNG ΠΊΠ°ΠΊ ICO Π±Π΅Π· прСобразования

    Π― Ρ…ΠΎΡ‡Ρƒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ png Π² качСствС ico Π² html, ΠΊΠ°ΠΊ я ΠΌΠΎΠ³Ρƒ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ? Π― ΠΌΠΎΠ³Ρƒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ png ΠΊΠ°ΠΊΠΈΠΌ-Ρ‚ΠΎ ΠΊΠΎΠ΄ΠΎΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: <link rel=ico type=png/ico href=link/> Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ…


    РСализация .png ΠΈ .ico favicon?

    ΠœΠΎΠ³Ρƒ Π»ΠΈ я ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ 2 favicon ссылок Π² свой Ρ„Π°ΠΉΠ» <head> ? Π’ настоящСС врСмя это ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° это Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° : <link rel=icon type=image/png href=sitelink/favicon.png /> <link…


    ИспользованиС favicon.png

    Π― Π½Π΅ ΠΌΠΎΠ³Ρƒ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ свой Ρ„Π°ΠΊΠ²ΠΈΠΊΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Π§Ρ‚ΠΎ я дСлаю Π½Π΅ Ρ‚Π°ΠΊ? Π‘Π½Π°Ρ‡Π°Π»Π° я ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π» favicon.ico. НС ΠΏΠΎΠ²Π΅Π·Π»ΠΎ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ я ΠΏΡ€ΠΎΠ±ΡƒΡŽ png. <head> <link rel=icon href=favicon.png/> </head>!…


    Imagemagick автоматичСскоС созданиС Π΄ΡƒΠ±Π»ΠΈΠΊΠ°Ρ‚Π° Ρ„Π°ΠΉΠ»Π°

    Π― скачал Ρ„Π°ΠΉΠ» Π·Π½Π°Ρ‡ΠΊΠ° с http://www.freeiconsweb.com/favicon ico . Π― ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» ico Π² png, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅ : — im.convert([‘favicon.ico’, ‘-format’, ’16×16+0+0′, ‘favicon.png’],…


    ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ favicon.ico для png Π² xcode

    Π΅ΡΡ‚ΡŒ Π»ΠΈ способ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» favicon.ico Π²Π΅Π±-сайта ΠΊΠ°ΠΊ png Π² xcode? НапримСр: http://www.google.com/favicon. ico


    Django ERROR (внСшний IP): ВнутрСнняя ошибка сСрвСра: /ico/apple-touch-icon-precomposed.png

    МоС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ django Π² настоящСС врСмя отправляСт ΠΎΡ‚Ρ‡Π΅Ρ‚Ρ‹ ΠΎΠ± ΠΎΡˆΠΈΠ±ΠΊΠ°Ρ…, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ‹Ρ‚Π°ΡŽΡ‚ΡΡ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ доступ ΠΊ страницам сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ сущСствуСт, ΠΊΠ°ΠΊ ΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ. Но ΠΊΠΎΠ³Π΄Π° я ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ…


    Python PIL ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π΅ удаСтся ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ ico Π² png

    МнС Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ favicon с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ICO Π² PNG. Π― пытался ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это с PIL: img = Image.open(‘favicon.ico’) img.save(‘favicon.png’, ‘png’) Но часто ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ Π½Π΅Π²Π΅Ρ€Π½Ρ‹ΠΌ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ послС…


    Как ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ favicon.png Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Angular вмСсто favicon.ico?

    Π― создал Π½ΠΎΠ²ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Angular с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ: ng new … И я ΠΌΠΎΠ³Ρƒ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ: ng serve —open Π― ΡƒΠ΄Π°Π»ΠΈΠ» Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ src/favicon.ico ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΠ» Π΅Π³ΠΎ Π½Π° src/favicon.png . Π―…


    Favicon стандарт — 2020 — svg, ico, png ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹?

    КакиС favicon измСрСния, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ Ρ‚Π΅Π³ΠΈ meta/link слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ начиная с 2020 Π³ΠΎΠ΄Π°? Π­Ρ‚ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя apple icon, windows, android ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ устройства, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ люди ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚…


    ΠŸΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠΉΡ‚Π΅ ICO Π² PNG с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ PHP Imagick

    Π’ настоящСС врСмя я ΠΏΡ‹Ρ‚Π°ΡŽΡΡŒ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» ICO Π² 16×16 px PNG, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ PHP-Imagick. Π’ΠΎ, Ρ‡Ρ‚ΠΎ я ΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Π» Π΄ΠΎ сих ΠΏΠΎΡ€: <?php if (empty(\Imagick::queryFormats(ICO))) { throw new…

    Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вашСй ΠΊΠΎΠΆΠΈ?

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

    Yon-Ka Paris ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π΄Π²Π° Ρ‚ΠΎΠ½ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… лосьона:

    Π₯отя Ρƒ Π½ΠΈΡ… ΠΏΠΎΡ…ΠΎΠΆΠ΅Π΅ имя, ΠΈΡ… Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² ΠΊΠΎΠΆΠΈ.

    Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ дальшС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ лосьон ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ для вашСй коТи…

    ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π²Π°ΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ½Π΅Ρ€?

    ΠžΡ‡ΠΈΡ‰ΡΡŽΡ‰ΠΈΠ΅ срСдства ΠΎΡ‡ΠΈΡ‰Π°ΡŽΡ‚ ΠΊΠΎΠΆΡƒ, Π° ΡƒΠ²Π»Π°ΠΆΠ½ΡΡŽΡ‰ΠΈΠ΅ — ΡƒΠ²Π»Π°ΠΆΠ½ΡΡŽΡ‚ Π΅Π΅. Однако для Ρ‚Π°ΠΊΠΈΡ… ΠΏΡ€Π΅ΠΏΠ°Π°Ρ€Π°Ρ‚ΠΎΠ², ΠΊΠ°ΠΊ Ρ‚ΠΎΠ½Π΅Ρ€Ρ‹ ΠΈ сыворотки, всС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ Ρ‚Π°ΠΊ просто. Π’ΠΎΠ½Π΅Ρ€Ρ‹, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‚ ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ люди Π½Π΅ Π·Π½Π°ΡŽΡ‚, ΠΊΠ°ΠΊ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π½ΡƒΠΆΠ½ΠΎ Π»ΠΈ ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

    ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ½Π΅Ρ€. Π’ΠΎΠ½Π΅Ρ€ — это быстро Π²ΠΏΠΈΡ‚Ρ‹Π²Π°ΡŽΡ‰Π°ΡΡΡ ΠΆΠΈΠ΄ΠΊΠΎΡΡ‚ΡŒ, которая ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠ±Π°Π»Π°Π½ΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π°ΡˆΡƒ ΠΊΠΎΠΆΡƒ ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ Π΅Π΅ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ Π²ΠΏΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ Π²Π»Π°Π³Ρƒ.

    Если ваши знания ΠΎ Ρ‚ΠΎΠ½Π΅Ρ€Π΅ Π΄Π°Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΡˆΠ»Ρ‹ΠΌΠΈ нСсколькими дСсятилСтиями, Π²Ρ‹ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ нСвСроятно быстро высыхаСт. ΠŸΠΎΠ΄Ρ€ΠΎΡΡ‚ΠΊΠΈ, ΡΡ‚Ρ€Π°Π΄Π°ΡŽΡ‰ΠΈΠ΅ ΠΎΡ‚ ΠΏΡ€Ρ‹Ρ‰Π΅ΠΉ, использовали Π΅Π³ΠΎ для Π±ΠΎΡ€ΡŒΠ±Ρ‹ с излишним количСством ΠΊΠΎΠΆΠ½ΠΎΠ³ΠΎ сала. Π’ Ρ‚ΠΎ врСмя Π΄Π°ΠΆΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Ρ€ΠΌΠ°Ρ‚ΠΎΠ»ΠΎΠ³ΠΈ Π½Π΅ одобряли Π΅Π³ΠΎ использованиС, Π½ΠΎ соврСмСнныС Ρ‚ΠΎΠ½Π΅Ρ€Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ лосьон Yon-Ka, сильно ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ. Мало Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ‚ΠΎΠ½Π΅Ρ€Ρ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π±Π΅Π·Π°Π»ΠΊΠΎΠ³ΠΎΠ»ΡŒΠ½Ρ‹Π΅, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ лосьон Yon-Ka, Π½ΠΎ ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ ΠΊΠΎΠΆΠΈ ΠΏΠΎΠΌΠΈΠΌΠΎ Π±ΠΎΡ€ΡŒΠ±Ρ‹ с ΠΏΡ€Ρ‹Ρ‰Π°ΠΌΠΈ ΠΈ ΠΆΠΈΡ€Π½ΠΎΡΡ‚ΡŒΡŽ ΠΊΠΎΠΆΠΈ.

    Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ‚ΠΎΠ½Π΅Ρ€ — это Π½Π°Ρ‚ΡƒΡ€Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Π½Π°ΡƒΡ‡Π½ΠΎ Π΄ΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ ΠΈΠ½Π³Ρ€Π΅Π΄ΠΈΠ΅Π½Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‡ΠΈΡ‰Π°ΡŽΡ‚ ΠΈ ΡƒΠ²Π»Π°ΠΆΠ½ΡΡŽΡ‚ ΠΊΠΎΠΆΡƒ. ВсС Ρ‚ΠΎΠ½Π΅Ρ€Ρ‹ Yon-Ka Paris Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя Quintessence Yon-Ka, ΡΠΈΠ½Π΅Ρ€Π³Π΅Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ смСсь эфирных масСл, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΠ΅ ΠΊΠΎΠΆΠΈ.

    Обладая Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 65-Π»Π΅Ρ‚Π½ΠΈΠΌ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ производства срСдств ΠΏΠΎ ΡƒΡ…ΠΎΠ΄Ρƒ Π·Π° ΠΊΠΎΠΆΠ΅ΠΉ класса люкс, Yon-Ka Paris ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ тСрапСвтичСский ΠΎΠΏΡ‹Ρ‚ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡ€Π΅ΠΏΠ°Ρ€Π°Ρ‚Π°. ΠžΠΏΠΈΡ€Π°ΡΡΡŒ Π½Π° исслСдования Π² области фитоароматичСской Ρ‚Π΅Ρ€Π°ΠΏΠΈΠΈ, Π½Π°ΡƒΡ‡Π½ΠΎ Π΄ΠΎΠΊΠ°Π·Π°Π½ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€Π΅ΠΏΠ°Ρ€Π°Ρ‚Ρ‹ Yon-Ka Π΄Π°ΡŽΡ‚ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹, Π±Ρ€ΠΎΡΠ°ΡŽΡ‰ΠΈΠ΅ Π²Ρ‹Π·ΠΎΠ² возрасту.

    Как Ρ‡Π°ΡΡ‚ΡŒ смСси Ρ€Π°ΡΡ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ½Π³Ρ€Π΅Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΏΡ€Π΅ΠΏΠ°Ρ€Π°Ρ‚Ρ‹ Yon-Ka ParisсодСрТат Quintessence Yon-Ka, Π·Π°ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ комплСкс эфирных масСл, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

    • Π›Π°Π²Π°Π½Π΄ΠΎΠ²ΠΎΠ΅ масло извСстноС своими ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠ²ΠΎΡΠΏΠ°Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈ антисСптичСскими свойствами. Π£ΡΠΏΠΎΠΊΠ°ΠΈΠ²Π°ΡŽΡ‰Π΅Π΅ эфирноС масло борСтся с бактСриями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ воспалСниС ΠΈ ΠΏΡ€Ρ‹Ρ‰ΠΈ.
    • Масло Ρ€ΠΎΠ·ΠΌΠ°Ρ€ΠΈΠ½Π° содСрТит ΠΆΠ΅Π»Π΅Π·ΠΎ, ΠΊΠ°Π»ΡŒΡ†ΠΈΠΉ ΠΈ Π²ΠΈΡ‚Π°ΠΌΠΈΠ½ B6, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π·Π΄ΠΎΡ€ΠΎΠ²Ρ‹ΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ ΠΊΠΎΠ»Π»Π°Π³Π΅Π½Π°. Оно Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π»Π΅Ρ‡ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, ΠΊΠ°ΠΊ ΠΌΠΎΡ€Ρ‰ΠΈΠ½Ρ‹, отсутствиС упругости, ΠΏΠΎΠ²Ρ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎΡ‚ солнца ΠΈ ΠΏΡ€Ρ‹Ρ‰ΠΈ.
    • Масло Π³Π΅Ρ€Π°Π½ΠΈ благодаря своим ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π½Ρ‹ΠΌ антивозрастным свойствам ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ провисаниС ΠΊΠΎΠΆΠΈ ΠΈ появлСниС ΠΌΠΎΡ€Ρ‰ΠΈΠ½. Оно Ρ‚Π°ΠΊΠΆΠ΅ ускоряСт ΠΊΠ»Π΅Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ ΠΎΠ±ΠΌΠ΅Π½.
    • Масло Ρ‚ΠΈΠΌΡŒΡΠ½Π° Π±ΠΎΠ³Π°Ρ‚ΠΎΠ΅ ΠΌΠ°Ρ€Π³Π°Π½Ρ†Π΅ΠΌ ΠΈ Π²ΠΈΡ‚Π°ΠΌΠΈΠ½ΠΎΠΌ К, содСрТит антиоксиданты ΠΈ обСспСчиваСт ΠΊΠ°ΠΊ Π°Π½Ρ‚ΠΈΠ±Π°ΠΊΡ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ‚Π°ΠΊ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠ²ΠΎΡΠΏΠ°Π»ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ свойства.
    • ΠšΠΈΠΏΠ°Ρ€ΠΈΡΠΎΠ²ΠΎΠ΅ масло ΡƒΠ±ΠΈΠ²Π°Π΅Ρ‚ Π±Π°ΠΊΡ‚Π΅Ρ€ΠΈΠΈ, способствуя ΠΎΡ‡ΠΈΡ‰Π΅Π½ΠΈΡŽ ΠΊΠΎΠΆΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Ρ‹Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΊΠΎΠΆΠ½ΠΎΠ³ΠΎ сала, ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ появлСниС ΠΏΡ€Ρ‹Ρ‰Π΅ΠΉ. Оно Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π²ΠΈΠ΄ΠΈΠΌΡ‹Π΅ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠΈ старСния.

    Π­Ρ‚Π° ароматичСская смСсь эфирных масСл являСтся сСрдцСм ΠΈ Π΄ΡƒΡˆΠΎΠΉ ΠΏΡ€Π΅ΠΏΠ°Ρ€Π°Ρ‚ΠΎΠ² Yon-Ka. Π”Π²Π° основных Ρ‚ΠΎΠ½Π΅Ρ€Π° Yon-Ka Paris ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°ΡŽΡ‚ ΠΊΠ²ΠΈΠ½Ρ‚ΡΡΡΠ΅Π½Ρ†ΠΈΡŽ ΠΈ Π΅Π΅ ΠΎΡΠ²Π΅ΠΆΠ°ΡŽΡ‰ΠΈΠ΅, бодрящиС качСства.

    Π”Π²Π° Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ‚ΠΎΠ½Π΅Ρ€Π°

    Yon-Ka Paris

    Π₯ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ‚ΠΎΠ½Π΅Ρ€ — это Π½Π΅ Ρ€ΠΎΡΠΊΠΎΡˆΡŒ, Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ. Π›ΠΎΡΡŒΠΎΠ½ Yon-Ka, доступный Π² Π΄Π²ΡƒΡ… составах — это большС, Ρ‡Π΅ΠΌ просто Ρ‚ΠΎΠ½Π΅Ρ€. Он успокаиваСт ΠΈ Ρ‚ΠΎΠ½ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ Π»ΠΈΡ†Π°, оптимизируя эффСкты вашСго ΡƒΡ…ΠΎΠ΄Π° Π·Π° ΠΊΠΎΠΆΠ΅ΠΉ. Π›ΠΎΡΡŒΠΎΠ½ Yon-Ka PS ΠΈ лосьон Yon-Ka PNG ΡΠ²Π»ΡΡŽΡ‚ΡΡ бСстсСллСрами ΠΈ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‚ΡΡ ΠΏΠΎ всСму ΠΌΠΈΡ€Ρƒ ΠΊΠ°ΠΆΠ΄Ρ‹Π΅ 3 ΠΌΠΈΠ½ΡƒΡ‚Ρ‹. Π­Ρ‚ΠΈ Ρ‚ΠΎΠ½Π΅Ρ€Ρ‹ идСально подходят для рСгулярного использования ΠΈ обновлСния ΠΊΠΎΠΆΠΈ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠΈ дня ΠΏΡ€ΠΈ нСобходимости. Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρƒ для вашСй ΠΊΠΎΠΆΠΈ:

    Π›ΠΎΡΡŒΠΎΠ½ Yon-Ka PS

    Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚ΠΎΠ½Π΅Ρ€ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для сухой ΠΈ Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΊΠΎΠΆΠΈ. Β«PSΒ» Π² ΠΊΠΎΠ½Ρ†Π΅ названия являСтся Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€ΠΎΠΉ ΠΎΡ‚ Peaux Seche, ΠΏΠΎ-французски «сухая ΠΊΠΎΠΆΠ°Β». Он Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΎΡΠ²Π΅ΠΆΠ°ΡŽΡ‰ΡƒΡŽ, Π±ΠΎΠ΄Ρ€ΡΡ‰ΡƒΡŽ Π²Π»Π°Π³Ρƒ благодаря солнСчной энСргии пяти ароматичСских эфирных масСл. НС содСрТащий алкоголя ΠΈ ΠΏΠ°Ρ€Π°Π±Π΅Π½ΠΎΠ², этот Ρ‚ΠΎΠ½ΠΈΠΊ успокаиваСт ΠΈ Ρ‚ΠΎΠ½ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ Ρ†Π²Π΅Ρ‚ Π»ΠΈΡ†Π°, оптимизируя дСйствиС Π΄Ρ€ΡƒΠ³ΠΈΡ… срСдств ΠΏΠΎ ΡƒΡ…ΠΎΠ΄Ρƒ Π·Π° ΠΊΠΎΠΆΠ΅ΠΉ. Он содСрТит 0,4% квинтэссСнции, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°ΡΡ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π³Π»ΠΈΡ†Π΅Ρ€ΠΈΠ½ для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½ΠΎΠΉ Π³ΠΈΠ΄Ρ€Π°Ρ‚Π°Ρ†ΠΈΠΈ. ΠΠ°Π½ΠΎΡΠΈΡ‚ΡŒ ΡƒΡ‚Ρ€ΠΎΠΌ ΠΈ Π²Π΅Ρ‡Π΅Ρ€ΠΎΠΌ послС очищСния.

    Π›ΠΎΡΡŒΠΎΠ½ Yon-Ka PNG

    Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ для Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΈ ΠΆΠΈΡ€Π½ΠΎΠΉ ΠΊΠΎΠΆΠΈ, этот бодрящий Ρ‚ΡƒΠΌΠ°Π½ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π½Π΅ΠΆΠ½Ρ‹ΠΌ Π°Ρ€ΠΎΠΌΠ°Ρ‚ΠΎΠΌ ΠΈ заряТаСт энСргиСй. Β«PNGΒ» Π² ΠΊΠΎΠ½Ρ†Π΅ названия являСтся Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€ΠΎΠΉ ΠΎΡ‚ Peaux Normales ou Grasses, ΠΏΠΎ-французски Β«ΠΎΡ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ Π΄ΠΎ ΠΆΠΈΡ€Π½ΠΎΠΉ ΠΊΠΎΠΆΠΈΒ». Π•Π³ΠΎ Ρ„ΠΎΡ€ΠΌΡƒΠ»Π° увлаТняСт ΠΊΠΎΠΆΡƒ, обСспСчивая ΠΎΡ‡ΠΈΡ‰Π°ΡŽΡ‰ΠΈΠΉ ΠΈ Ρ‚ΠΎΠ½ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉ эффСкт пяти эфирных масСл, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΡΠΏΠΎΠΊΠ°ΠΈΠ²Π°ΡŽΡ‚ ΠΈ Ρ‚ΠΎΠ½ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‚ Ρ†Π²Π΅Ρ‚ Π»ΠΈΡ†Π°. Он ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π±Π΅Π· алкоголя ΠΈ ΠΏΠ°Ρ€Π°Π±Π΅Π½ΠΎΠ², бСзопасСн для Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½ΠΎΠ³ΠΎ использования ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² качСствС дополнСния ΠΊ Masque 103 для усилСния Π΅Ρ‘ дСйствия. Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚ 0,6% квинтэссСнции, Ρ‡ΡƒΡ‚ΡŒ большС, Ρ‡Π΅ΠΌ лосьон Yon-Ka PS.

    Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ использованию Ρ‚ΠΎΠ½Π΅Ρ€Π°

    ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ‚ΠΎΠ½Π΅Ρ€ усилит эффСкт Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²Π°ΡˆΠΈΡ… срСдств ΠΏΠΎ ΡƒΡ…ΠΎΠ΄Ρƒ Π·Π° ΠΊΠΎΠΆΠ΅ΠΉ, Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ. Π’ΠΎΡ‚ нСсколько простых совСтов, ΠΊΠ°ΠΊ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ максимум ΠΏΠΎΠ»ΡŒΠ·Ρ‹ ΠΈΠ· вашСго любимого Ρ‚ΠΎΠ½Π΅Ρ€Π° Yon-Ka Paris:

    • Π’ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Ρ‚ΠΎΠ½Π΅Ρ€ Π² свои Π΄Π½Π΅Π²Π½Ρ‹Π΅ ΠΈ Π½ΠΎΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹ ΠΏΠΎ ΡƒΡ…ΠΎΠ΄Ρƒ Π·Π° ΠΊΠΎΠΆΠ΅ΠΉ, Π½Π΅ Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ Ρ‡Π΅Ρ€Π΅Π· ΠΎΠ΄Π½Ρƒ ΠΌΠΈΠ½ΡƒΡ‚Ρƒ послС очищСния.
    • НаноситС Ρ‚ΠΎΠ½Π΅Ρ€, ΠΊΠΎΠ³Π΄Π° Π»ΠΈΡ†ΠΎ Π΅Ρ‰Π΅ слСгка Π²Π»Π°ΠΆΠ½ΠΎΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΡ€ΠΎΠ½ΠΈΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΠ²Π»Π°ΠΆΠ½Π΅Π½ΠΈΠ΅.
    • РаспылитС Ρ‚ΠΎΠ½Π΅Ρ€ прямо Π½Π° ΠΊΠΎΠΆΡƒ ΠΈΠ»ΠΈ нанСситС Π²Π°Ρ‚Π½Ρ‹ΠΌ Ρ‚Π°ΠΌΠΏΠΎΠ½ΠΎΠΌ — массируйтС Π΅Π³ΠΎ ΠΏΠΎ Π»ΠΈΡ†Ρƒ ΠΈ шСС ΠΊΠΎΠ½Ρ‡ΠΈΠΊΠ°ΠΌΠΈ ΠΏΠ°Π»ΡŒΡ†Π΅Π².
    • ПослС Ρ‚ΠΎΠ½Π΅Ρ€Π° нанСситС ΠΏΡ€Π΅ΠΏΠ°Ρ€Π°Ρ‚Ρ‹ для лСчСния, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ сыворотка ΠΈ ΠΊΡ€Π΅ΠΌ для Π³Π»Π°Π·.
    • Π—Π°Π²Π΅Ρ€ΡˆΠΈΡ‚Π΅ свой ΡƒΡ…ΠΎΠ΄ Π·Π° ΠΊΠΎΠΆΠ΅ΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡƒΠ²Π»Π°ΠΆΠ½ΡΡŽΡ‰Π΅Π³ΠΎ ΠΊΡ€Π΅ΠΌΠ°, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ Ρ‚ΠΈΠΏΡƒ ΠΊΠΎΠΆΠΈ.

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

    ΠšΡƒΠΏΠΈΡ‚Π΅ ваши Π»ΡŽΠ±ΠΈΠΌΡ‹Π΅ ΠΏΡ€Π΅ΠΏΠ°Ρ€Π°Ρ‚Ρ‹

    Yon-Ka Paris Π² ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ yon-ka.ru.

    SVG Vs PNG Π½Π° Android Oh! Android

    Каков Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠΉ способ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с изобраТСниями Π² Android. НСдавно Π² Android Lollipop ΠΌΡ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Π»ΠΈ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ SVG (ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠ°Ρ вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ°). Π­Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΉ способ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с изобраТСниями для ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ всСх Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ PNG (Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² зависимости ΠΎΡ‚ рСсурса) ΠΈΠ»ΠΈ SVG (нСбольшиС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΡΠΆΠΈΠΌΠ°ΡŽΡ‚ΡΡ, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π΄ΠΎ любого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π½Π΅ тСряя ясности (ΠΊΡ€ΠΎΠΌΠ΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ…)).

    Lollipop (API 21) Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ SVG. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ подмноТСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ рисования ΠΏΡƒΡ‚Π΅ΠΉ SVG Ρ‡Π΅Ρ€Π΅Π· класс VectorDrawable . Π­Ρ‚ΠΎΡ‚ класс Π² настоящСС врСмя Π½Π΅ поддСрТиваСтся appcompat, поэтому ΠΎΠ½ доступСн Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² API 21.

    Π’Π°ΠΌ понадобятся изобраТСния PNG для Π±ΠΎΠ»Π΅Π΅ старых ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ, поэтому ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс – ΠΈΠΌΠ΅Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ исходныС изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ экспортируСтС Π² PNG для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΊΠΎΠ΄ΠΎΠ² DPI, ΠΈ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ VectorDrawable для устройств API 21 с использованиСм ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Ρ‚ΠΈΠΏΠ° svg2android .

    Lollipop Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ SVG Π±Π΅Π· сторонних Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ.

    Π›ΡƒΡ‡ΡˆΠ΅Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ я нашСл, это BetterVectorDrawable lib вмСстС с SVG to VectorDrawable Converter .

    BetterVectorDrawable – это рСализация VectorDrawable для Android 4.0+ с настраиваСмым сниТСниСм повСдСния Π½Π° Android 5.0+.

    SVG to VectorDrawable Converter – ΠΏΠ°ΠΊΠ΅Ρ‚Π½Ρ‹ΠΉ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ SVG Π² Ρ„Π°ΠΉΠ»Ρ‹ рСсурсов XML VectorDrawable. Онлайн-вСрсия

    Бсылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° readmes, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Π΄ΠΎΡΡ‚Π°Ρ‚ΠΎΡ‡Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ lib ΠΈ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€.

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Android Support Library 23.2 ΠΈΠ»ΠΈ Π²Ρ‹ΡˆΠ΅. Класс VectorDrawableCompat Π² Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ позволяСт Π²Π°ΠΌ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ VectorDrawable Π² Android 2.1 (ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ API 7) ΠΈ Π²Ρ‹ΡˆΠ΅. Для этого Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» build.gradle ΠΏΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Vector Asset Studio, ΠΊΠ°ΠΊ описано Π² ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ.

     //For Gradle Plugin 2.0+ android { defaultConfig { vectorDrawables.useSupportLibrary = true } } //For Gradle Plugin 1.5 or below android { defaultConfig { // Stops the Gradle plugin's automatic rasterization of vectors generatedDensities = [] } // Flag notifies aapt to keep the attribute IDs around aaptOptions { additionalParameters "--no-version-vectors" } } 

    Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹ΠΉ Drawable ΠΈ Animated Vector Drawable Π½Π° устройствах ΠΏΠΎΠ΄ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ вСрсий Android Π΄ΠΎ вСрсии 5.0 (ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ API 21), VectorDrawableCompat ΠΈ AnimatedVectorDrawableCompat доступны Ρ‡Π΅Ρ€Π΅Π· Π΄Π²Π΅ Π½ΠΎΠ²Ρ‹Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ: ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅-Π²Π΅ΠΊΡ‚ΠΎΡ€-пСрСносимыС ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅-Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅, соотвСтствСнно.

    Android Studio 1.4 прСдставила ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ для Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ΠΉ, создавая Ρ„Π°ΠΉΠ»Ρ‹ PNG Π²ΠΎ врСмя сборки. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, вСкторная гибкая ΠΈ анимированная ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Ρ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ обСспСчиваСт Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ ΠΈ ΡˆΠΈΡ€ΠΎΠΊΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒ – это Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ со всСми вСрсиями ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Android Π½Π° Android 2.1 (API уровня 7+). Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для использования Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ элСмСнт vectorDrawables Π² Ρ„Π°ΠΉΠ» build.gradle Π² ΠΌΠΎΠ΄ΡƒΠ»Π΅ прилоТСния.

    ΠœΡ‹ ΠΏΠΎΠΌΠΎΠ³Π°Π΅ΠΌ компаниям ΠΏΠΎ всСму ΠΌΠΈΡ€Ρƒ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π½Π° ИВ.

    ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ°

    Поиск ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… возмоТностСй для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ цСнности с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π½Π΅Ρ„ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ Π²Π°ΡˆΠΈΡ… ИВ поставщиков Π½Π° Ρ€Ρ‹Π½ΠΊΠ΅ благодаря Ρ€Π°Π·Π²ΠΈΡ‚ΠΎΠΉ партнСрской сСти.

    Анализ

    Анализ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΡ… расходов Π½Π° ΠΈΠΌΠ΅ΡŽΡ‰ΠΈΡ…ΡΡ поставщиков ΠΈ опрСдСлСния ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… возмоТностСй для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ экономичСской ΠΈ/ΠΈΠ»ΠΈ стратСгичСской цСнности.

    ΠžΡ‚Π±ΠΎΡ€

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½Π½Ρ‹ΠΉ ΠΈ строгий процСсс ΠΎΡ‚Π±ΠΎΡ€Π° поставщиков, Ρ‡Ρ‚ΠΎ сниТаСт ΡΡƒΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ ΠΈ риск ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΈΡ… использования.

    ΠžΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ

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

    Π˜Π½Π²Π΅ΡΡ‚ΠΈΡ†ΠΈΠΈ

    ΠœΡ‹ отслСТиваСм ΠΈ управляСм инвСстициями для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… поставщиков, ΠΏΡ€ΠΎΠ°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΈ стратСгичСски управляСм финансовыми показатСлями, устраняя Π»ΡŽΠ±Ρ‹Π΅ нСсоотвСтствия ΠΈ исправляя ошибки.

    ΠŸΠ΅Ρ€Π΅Π³ΠΎΠ²ΠΎΡ€Ρ‹

    ΠœΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ наши Π·Π°ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ вСдСния ΠΏΠ΅Ρ€Π΅Π³ΠΎΠ²ΠΎΡ€ΠΎΠ² ΠΈ обСспСчиваСм ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΏΡ€ΠΈ принятии Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΈ ΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ ΠΏΠΎΠΌΠΎΡ‰ΡŒ Π² ΠΏΠ΅Ρ€Π΅Π³ΠΎΠ²ΠΎΡ€Π°Ρ… с поставщиками, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ максимальной ΠΎΡ‚Π΄Π°Ρ‡ΠΈ ΠΎΡ‚ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Ρ€Π°ΠΊΡ‚Π°.

    ΠšΠΎΠ½Ρ‚Ρ€Π°ΠΊΡ‚Ρ‹

    ΠœΡ‹ ΠΎΡ†Π΅Π½ΠΈΠΌ ΠΈ ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅ΠΌ соглашСния с поставщиками,Β  ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΠΌ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ полоТСния, связанныС с Π΄Π°Ρ‚Π°ΠΌΠΈ ΠΈ событиями, настроим оповСщСния ΠΈ ΡƒΠ²Π΅Π΄ΠΎΠΌΠΈΠΌ вас Π·Π°Ρ€Π°Π½Π΅Π΅, Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΡ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ дСйствия.

    ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ

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

    Π”Π°Π½Π½Ρ‹Π΅ ΠΎ Ρ€Ρ‹Π½ΠΊΠ΅

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

    Π’Π°ΡˆΠΈ поставщики

    Π’ вашСй схСмС поставок ИВ поставщики Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ свои собствСнныС Ρ†Π΅Π»ΠΈ, Π°ΠΌΠ±ΠΈΡ†ΠΈΠΈ ΠΈ стимулы для продвиТСния своих ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΉ, дСмонстрации своих возмоТностСй, ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ своих ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈ позиционирования своих ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€ΠΎΠ² Π² ΠΈΡ… экосистСмС.

    Π Ρ‹Π½ΠΎΠΊ

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

    ΠŸΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΡΡ‚ΡŒ

    Π’ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎ для Ρ€Ρ‹Π½ΠΊΠ° ΠΈ поставщика, ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΌ для вас, Ссли Π½Π΅ подходят для вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

    Π’Π°ΡˆΠ° компания

    Π’ вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ потрСбности, Π°ΠΌΠ±ΠΈΡ†ΠΈΠΈ, ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ Ρ†Π΅Π»ΠΈ, ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚Ρ‹, Π±ΡŽΠ΄ΠΆΠ΅Ρ‚Ρ‹, возмоТности, инфраструктура ΠΈ дСмографичСскиС ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ.

    Π’Π·Π°ΠΈΠΌΠΎΠ²Ρ‹Π³ΠΎΠ΄Π°

    Π’ΠΎ, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈ для вас, ΠΈ для поставщика, Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΈ условии Π²Π·Π°ΠΈΠΌΠΎΠ²Ρ‹Π³ΠΎΠ΄Ρ‹, Π½Π΅ эффСктивно, Ссли Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ приносит ΠΏΠΎΠ»ΡŒΠ·Ρƒ для Ρ€Ρ‹Π½ΠΊΠ°.

    Π Π΅Π½Ρ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

    Π’ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹Π³ΠΎΠ΄Π½ΠΎ ΠΈ Ρ€Ρ‹Π½ΠΊΡƒ, ΠΈ вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΈ условии Ρ€Π΅Π½Ρ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, Π½Π΅ эффСктивно, Ссли ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ Π½Π΅ приносит ΠΏΠΎΠ»ΡŒΠ·Ρ‹ вашим поставщикам.

    NET(net)

    NET(net) сфокусированы Π½Π° ΠΎΠΊΠ°Π·Π°Π½ΠΈΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ Π² построСнии сбалансированного ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ всС эти элСмСнты. Π­Ρ‚Π° модСль позволяСт ΠΏΠΎΠΌΠΎΡ‡ΡŒ нашим ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒ Π·Π°Ρ‚Ρ€Π°Ρ‚Ρ‹ бизнСса Π½Π° ИВ Π½Π° 40% ΠΈ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΡΡ‚Ρ€Π°Ρ‚Π΅Π³ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΈ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρ‹ поставщиков.

    JPEG ΠΏΡ€ΠΎΡ‚ΠΈΠ² PNG: ΠΊΠ°ΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ сТатого изобраТСния Π»ΡƒΡ‡ΡˆΠ΅?

    Daven Mathies / Digital Trends

    Π’ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… изобраТСниях ΠΏΡ€Π΅ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‚ Π΄Π²Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ: JPEG (ΠΈΠ»ΠΈ JPG) ΠΈ PNG.

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

    JPEG

    Π‘ΠΎΠΊΡ€Π°Ρ‰Π΅Π½ΠΈΠ΅ ΠΎΡ‚ Joint Photographic Experts Group — Π³Ρ€ΡƒΠΏΠΏΡ‹, которая Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π»Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. JPEG стал стандартным сТатым Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ Π² Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ ΠΎΠ±ΠΌΠ΅Π½Π΅ изобраТСниями Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ благодаря Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ балансу Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° ΠΈ качСства изобраТСния.

    Π’ΠΎΡ‡Π½ΠΎΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ различаСтся Π² зависимости ΠΎΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ настроСк, Π½ΠΎ Ρ‚ΠΈΠΏΠΈΡ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ JPEG ΠΈΠΌΠ΅Π΅Ρ‚ коэффициСнт сТатия 10: 1.Если Π²Ρ‹ Π½Π°Ρ‡Π½Π΅Ρ‚Π΅ с изобраТСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 10 ΠœΠ‘ ΠΈ экспортируСтС Π΅Π³ΠΎ ΠΊΠ°ΠΊ JPEG, Ρƒ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 1 ΠœΠ‘. JPEG Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠΉ Ρ€Π°Π·Π½ΠΈΡ†Ρ‹ Π² качСствС, хотя это зависит ΠΎΡ‚ содСрТания исходного изобраТСния ΠΈ Ρ‚ΠΈΠΏΠ° Ρ„Π°ΠΉΠ»Π°.

    Для этого JPEG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ дискрСтноС косинусноС ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅ (DCT). Π₯отя ΠΌΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ°, лСТащая Π² основС этого, слоТна, этот Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ сТатия смотрит Π½Π° всС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, опрСдСляСт, ΠΊΠ°ΠΊΠΈΠ΅ пиксСли Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ достаточно ΠΏΠΎΡ…ΠΎΠΆΠΈ Π½Π° пиксСли Π²ΠΎΠΊΡ€ΡƒΠ³ Π½Π΅Π³ΠΎ, ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ пиксСли Π² ΠΏΠ»ΠΈΡ‚ΠΊΠΈ (Π³Ρ€ΡƒΠΏΠΏΡ‹ пиксСлСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅).

    Π­Ρ‚ΠΎΡ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ эффСктивСн, Π½ΠΎ ΠΎΠ½ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΏΠΎΡ‚Π΅Ρ€ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ JPEG (Π·Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡΠΌΠΈ, упомянутыми Π½ΠΈΠΆΠ΅) ΡΠ²Π»ΡΡŽΡ‚ΡΡ с потСрями, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ послС сохранСния изобраТСния потСрянныС Π΄Π°Π½Π½Ρ‹Π΅ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ восстановлСны. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈ ΠΏΡ€ΠΈ создании ксСрокопии ксСрокопии, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚Π΅ ΠΈ сохраняСтС JPEG, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Ρ…ΡƒΠΆΠ΅, Ρ‡Π΅ΠΌ Ρ€Π°Π½ΡŒΡˆΠ΅, ΠΏΠΎΠΊΠ° Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ Π½Π΅ потСряСт всС Π΄Π΅Ρ‚Π°Π»ΠΈ.

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

    JPEG Ρ‚Π°ΠΊΠΆΠ΅ слСдуСт ΠΈΠ·Π±Π΅Π³Π°Ρ‚ΡŒ с изобраТСниями с большим объСмом тСкста ΠΈΠ»ΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ с Ρ€Π΅Π·ΠΊΠΈΠΌΠΈ линиями, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ ΠΊ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΡŽ ΠΈΠ·-Π·Π° сглаТивания. (Π‘Π³Π»Π°ΠΆΠΈΠ²Π°Π½ΠΈΠ΅ — это Π½Π°ΠΌΠ΅Ρ€Π΅Π½Π½ΠΎΠ΅ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½ΠΎΠ΅ для устранСния Π³Ρ€ΡƒΠ±Ρ‹Ρ… ΠΊΡ€Π°Π΅Π².) Как Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½ΠΈΠΆΠ΅, снимкС экрана, сдСланном с нашСй домашнСй страницы, тСкст ΠΈ Π±Π΅Π»Ρ‹ΠΉ Ρ„ΠΎΠ½ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΎ Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚ΠΎΠ² Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG (справа) ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с PNG ( оставили).

    Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π±Ρ‹Π²Π°ΡŽΡ‚ случаи, ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹, ΠΊΠ°ΠΊ PDF, Π² JPEG. Π’ Ρ‚Π°ΠΊΠΈΡ… случаях Π»ΡƒΡ‡ΡˆΠ΅ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ экспортируСтС Π΅Π³ΠΎ с настройками самого высокого качСства, Ρ‡Ρ‚ΠΎΠ±Ρ‹ вСсь тСкст Π±Ρ‹Π» Ρ‡Π΅Ρ‚ΠΊΠΈΠΌ.

    JPEG ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ 8-Π±ΠΈΡ‚Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ пространства ΠΊΠ°ΠΊ RGB, Ρ‚Π°ΠΊ ΠΈ CMYK, Π½ΠΎ Π΅Π³ΠΎ возмоТности CMYK ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΆΠ΅Π»Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ. (Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹ прСкрасно ΡΠΏΡ€Π°Π²Π»ΡΡŽΡ‚ΡΡ с Ρ„Π°ΠΉΠ»Π°ΠΌΠΈ RGB, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ это Π½Π΅ большая ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°. Однако это ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚, Ссли Π²Ρ‹ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ качСствСнныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ.)

    Π—Π° ΠΏΡ€ΠΎΡˆΠ΅Π΄ΡˆΠΈΠ΅ Π³ΠΎΠ΄Ρ‹ появилось ΠΈ исчСзло мноТСство Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΉ JPEG.НапримСр, JPG-LS Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для исправлСния сТатия с потСрями, Π½ΠΎ ΠΎΠ½ Ρ‚Π°ΠΊ ΠΈ Π½Π΅ закрСпился ΠΈ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ ΠΎΡ‚ΠΎΡˆΠ΅Π» Π½Π° Π²Ρ‚ΠΎΡ€ΠΎΠΉ ΠΏΠ»Π°Π½. JPG2000 Ρ‚Π°ΠΊΠΆΠ΅ попытался Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, Π½ΠΎ Π΅ΠΌΡƒ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ ΡƒΠ΄Π°Π»ΠΎΡΡŒ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ успСха. BPG, Π½ΠΎΠ²Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, основанный Π½Π° стандартС Π²ΠΈΠ΄Π΅ΠΎ H.265, Π±Ρ‹Π» ΠΏΠΎΠ»ΠΎΠ½ Ρ€Π΅ΡˆΠΈΠΌΠΎΡΡ‚ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ JPEG, Π½ΠΎ Ρ‚Π°ΠΊ ΠΈ Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» ΡˆΠΈΡ€ΠΎΠΊΠΎΠ³ΠΎ распространСния.

    Π‘ΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΠΈ JPEG Π½Π΅Π΄Π°Π²Π½ΠΎ подСлились Π½ΠΎΠ²Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΌ Π½Π΅ для Π·Π°ΠΌΠ΅Π½Ρ‹ JPEG, Π° для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ вмСстС с Π½ΠΈΠΌ ΠΊΠ°ΠΊ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ для Π±ΠΎΠ»Π΅Π΅ быстрой ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ. Π’ JPEG XS сТатиС всСго ΡˆΠ΅ΡΡ‚ΡŒ Ρ€Π°Π· вмСсто 10, Π½ΠΎ Π±ΠΎΠ»Π΅Π΅ простыС Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ» быстрСС для ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ²Ρ‹Ρ… Π·Π°Π΄Π°Ρ‡.ΠŸΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ Π·Π°ΠΌΠ΅Π½Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠΉΡ‚ΠΈ Π² Π²ΠΈΠ΄Π΅ HEIF, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ основан Π½Π° стандартС h.265. Π’Π°ΠΌ, Π³Π΄Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠΎΡ‚Π΅Ρ€ΠΏΠ΅Π»ΠΈ Π½Π΅ΡƒΠ΄Π°Ρ‡Ρƒ, HEIF ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ успСха благодаря ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… тСхнологичСских Π±Ρ€Π΅Π½Π΄ΠΎΠ²: Apple. Π•ΠΌΡƒ Π΅Ρ‰Π΅ прСдстоит ΠΏΡ€ΠΎΠΉΡ‚ΠΈ ΠΏΡƒΡ‚ΡŒ, Π½ΠΎ всС большС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ большСС количСство устройств Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π½ΠΎΠ²ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ JPEG Pleno, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ голографичСскиС изобраТСния, тСкстуры с Π³Π»ΡƒΠ±ΠΈΠ½ΠΎΠΉ, ΠΎΠ±Π»Π°ΠΊΠ° Ρ‚ΠΎΡ‡Π΅ΠΊ ΠΈ свСт. поля.

    ΠŸΠ»ΡŽΡΡ‹ ΠœΠΈΠ½ΡƒΡΡ‹
    ΠœΠ°Π»Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ
    Π˜Π½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Π°Ρ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° EXIF ​​ НС ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ CMYK
    Π¨ΠΈΡ€ΠΎΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Π‘Π΅Π· ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ прозрачности

    PNG

    Акроним ΠΎΡ‚ Portable Network Graphics, PNG — это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ² Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ открытая Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ ΠΎΠ±ΠΌΠ΅Π½Π° графичСскими Π΄Π°Π½Π½Ρ‹ΠΌΠΈ (GIF).

    Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ JPEG, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ основан Π½Π° сТатии DCT, PNG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ сТатиС LZW, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌ GIF ΠΈ TIFF. Π’ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅ двухэтапноС сТатиС LZW PNG Π±Π΅Ρ€Π΅Ρ‚ строки Π±ΠΈΡ‚ΠΎΠ², содСрТащихся Π² Π΄Π°Π½Π½Ρ‹Ρ… изобраТСния, Π·Π°Ρ‚Π΅ΠΌ сопоставляСт эти Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Ρ‹Π΅ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ с ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΌΠΈ ΠΊΠΎΠ΄Π°ΠΌΠΈ, хранящимися Π² словарС (ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΌ ΠΊΠΎΠ΄ΠΎΠ²ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΎΠΉ), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ хранится Π² Ρ„Π°ΠΉΠ»Π΅ изобраТСния. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ получаСтся Ρ„Π°ΠΉΠ» мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‰ΠΈΠΉ высокоС качСство.

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

    Одной ΠΈΠ· Π²Ρ‹Π΄Π°ΡŽΡ‰ΠΈΡ…ΡΡ особСнностСй PNG являСтся ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° прозрачности. Как для Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊ ΠΈ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² градациях сСрого пиксСли Π² Ρ„Π°ΠΉΠ»Π°Ρ… PNG ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌΠΈ. Π­Ρ‚ΠΎ позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π½Π° содСрТимоС изобраТСния ΠΈΠ»ΠΈ Π²Π΅Π±-сайта.Как Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π²Ρ‹ΡˆΠ΅ GIF-изобраТСния, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ рСдактирования — Π² Π΄Π°Π½Π½ΠΎΠΌ случаС Adobe Photoshop Mix — ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΊΠ»Π΅Ρ‚Ρ‡Π°Ρ‚Ρ‹ΠΉ Ρ„ΠΎΠ½ для обозначСния прозрачности Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Благодаря этому PNG ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ², особСнно с тСкстом, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π½Π° Π²Π΅Π±-сайтах. Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Ссли Π²Ρ‹ создаСтС ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ Π² Photoshop ΠΈ сохраняСтС изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG, этот ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ станСт Π±Π΅Π»Ρ‹ΠΌ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

    Когда Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, PNG ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠΉ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²ΠΎΠΉ ΠΏΡ€ΠΎΠΏΡ€ΠΈΠ΅Ρ‚Π°Ρ€Π½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌ RAW для хранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ.Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΏΡ€Π°Π²Π΄Π° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡƒΡ‡ΡˆΠΈΡ… Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Adobe Digital Negative (DNG), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° свой смартфон, ΠΈ TIFF. PNG Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π΄Π°Π½Π½Ρ‹Π΅ EXIF, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Ρ‚Π°ΠΊΡƒΡŽ β€‹β€‹ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΊΠ°ΠΊ Π²Ρ‹Π΄Π΅Ρ€ΠΆΠΊΠ°, Π΄ΠΈΠ°Ρ„Ρ€Π°Π³ΠΌΠ° ΠΈ ISO, с ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ½ Π±Ρ‹Π» снят.

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

    Как ΠΈ JPEG, PNG Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Ρ‚Π΅Ρ€ΠΏΠ΅Π» нСсколько ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π½Π° протяТСнии ΠΌΠ½ΠΎΠ³ΠΈΡ… Π»Π΅Ρ‚. APNG — это всС Π΅Ρ‰Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½Ρ‹ΠΉ для воспроизвСдСния Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ GIF. Он Π½Π΅ Ρ‚Π°ΠΊ распространСн, Π½ΠΎ поддСрТиваСтся ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ соврСмСнными Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ.

    Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π·Π°Π±Π°Π²Π½Ρ‹ΠΉ Π»Π°ΠΊΠΎΠΌΡ‹ΠΉ кусочСк Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½Π° Ρ€Π°Π½Π½ΠΈΡ… этапах Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ PNG Π±Ρ‹Π»ΠΎ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΎ Π½Π°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π΅Π³ΠΎ PING, Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€Π° ΠΎΡ‚ Β«PING Is Not GIFΒ», Π½Π°Ρ…Π°Π»ΡŒΠ½Π°Ρ ΠΊΡ€ΠΈΡ‚ΠΈΠΊΠ° создатСлСй Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° GIF.

    ΠŸΠ»ΡŽΡΡ‹ ΠœΠΈΠ½ΡƒΡΡ‹
    Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° большС, Ρ‡Π΅ΠΌ Ρƒ JPEG
    ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° прозрачности НСт встроСнной ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ EXIF ​​
    ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для тСкста ΠΈ ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ²

    Какой Π»ΡƒΡ‡ΡˆΠ΅?

    Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ счСтС, Π½ΠΈ ΠΎΠ΄ΠΈΠ½ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния Π½Π΅ Π»ΡƒΡ‡ΡˆΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.ΠŸΡ€ΠΎΡΡ‚ΠΎ вопрос, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π°ΡˆΠΈΡ… Π½ΡƒΠΆΠ΄.

    Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠ΅ΠΉ с ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹ Π² Instagram, Twitter ΠΈ Ρ‚. Π”., Π›ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ JPEG. Он мСньшС ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ ΡˆΠΈΡ€ΠΎΠΊΠΎ поддСрТиваСтся практичСски Π½Π° всСх ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ… ΠΈ сСрвисах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ.

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

    Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠΈ

    ΠŸΠΎΡ‡Π΅ΠΌΡƒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠΌΠ΅ΡŽΡ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для быстрого Π²Π΅Π±-сайта

    Когда Π²Ρ‹ сохраняСтС изобраТСния для использования Π½Π° своСм сайтС, Π²Ρ‹Π±ΠΎΡ€ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° изобраТСния ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

    ΠŸΠΎΡ‡Π΅ΠΌΡƒ?

    ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π½Π° больший Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° , Ρ‡Ρ‚ΠΎ Π½Π° ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΉ Π²Π΅Π±-сайт , Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ высокий ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΎΡ‚ΠΊΠ°Π·ΠΎΠ² ΠΈ Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΈΠΉ коэффициСнт конвСрсии.

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

    ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ …

    НачнСм с основ:

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ JPG (ΠΈΠ»ΠΈ JPEG)?

    JPG — это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° со сТатиСм с потСрями. ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎΠ± этом Ρ‚Π°ΠΊ: JPEG Π±Π΅Ρ€Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ пытаСтся ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π·Π° счСт ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ изобраТСния. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ просто ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Π΄ΠΎ пиксСльного бСспорядка, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, Π½ΠΎ это Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ приятным Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ.Π˜Ρ‚Π°ΠΊ, JPEG ΠΈΡ‰Π΅Ρ‚ компромисс: мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° ΠΏΡ€ΠΈ максимально высоком качСствС изобраТСния. JPEG стали стандартным Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ сТатых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

    JPG ΠΈΠ»ΠΈ JPEG ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«Joint Photographic Experts GroupΒ», Π½Π°Π·Π²Π°Π½Π½ΡƒΡŽ Π² Ρ‡Π΅ΡΡ‚ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ, создавшСй стандарт.

    ВСхничСски ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ сокращСниС — Β«JPEGΒ», Π½ΠΎ Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ ΠΎΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠ°ΠΊ синонимы Β«JPGΒ». Π­Ρ‚ΠΎ сокращСнноС сокращСниС происходит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ Ρ„Π°ΠΊΡ‚Π°, Ρ‡Ρ‚ΠΎ Π² Windows Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ ΠΈΠΌΠ΅Π½ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π»ΠΈΡΡŒ 3 символами.Π‘Π»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, имя Ρ„Π°ΠΉΠ»Π° Π±Ρ‹Π»ΠΎ Β«.jpgΒ» Π² Windows ΠΈ Β«.jpegΒ» Π½Π° Mac.

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ PNG?

    PNG ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ Β«Portable Graphics FormatΒ». Π­Ρ‚ΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ для ΡˆΡ‚Ρ€ΠΈΡ…ΠΎΠ²Ρ‹Ρ… рисунков, тСкста ΠΈ ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΏΡ€ΠΈ нСбольшом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»Π°.

    Π˜Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊΠΎΠ²Ρ‹ Π½ΠΈΠ·ΠΊΠΈΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ PNG ΠΈ JPG ? Π§Ρ‚ΠΎ обСспСчиваСт Π»ΡƒΡ‡ΡˆΠ΅Π΅ качСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° вашСм Π²Π΅Π±-сайтС?

    ОсновноС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: JPEG для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, PNG для Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ

    Если Π²Ρ‹ ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Ρƒ Π²Π΅Ρ‰ΡŒ ΠΈΠ· всСго этого сообщСния, ΠΏΡƒΡΡ‚ΡŒ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊ: сохраняйтС свои Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG, Π° Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ (ΠΈ снимки экрана) Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG.

    Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ этого Ρ‚ΠΈΠΏΠ° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ сохранСно Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG.

    ΠŸΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΉ рисунок слСдуСт ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ PNG.

    ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ: Ссли ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ†Π²Π΅Ρ‚ΠΎΠ², Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ тСкстур, JPEG — ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. Если ΠΎΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ, Ρ‡Π΅Ρ‚ΠΊΠΎ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ области плоских Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ тСкста, PNG — Π»ΡƒΡ‡ΡˆΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚.

    Но ΠΏΠΎΡ‡Π΅ΠΌΡƒ это Π²Π°ΠΆΠ½ΠΎ?

    ΠŸΡ€ΠΈ сравнСнии ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… JPG ΠΈ PNG рядом Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π²Ρ‹, вСроятно, Π½Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚Π΅ Ρ€Π°Π·Π½ΠΈΡ†Ρ‹.Π˜Ρ‚Π°ΠΊ, Ссли ΠΌΠ΅ΠΆΠ΄Ρƒ изобраТСниями Π½Π΅Ρ‚ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΠΉ Ρ€Π°Π·Π½ΠΈΡ†Ρ‹, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π±Ρ‹ просто Π½Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ всС Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG ΠΈ ΠΏΠΎΠΊΠΎΠ½Ρ‡ΠΈΡ‚ΡŒ с этим?

    ΠžΡ‚Π²Π΅Ρ‚: сТатиС изобраТСния.

    Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ — это максимально Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° изобраТСния Π±Π΅Π· слишком большого ΡƒΡ‰Π΅Ρ€Π±Π° для качСства. Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π±ΠΎΠ»Π΅Π΅ сильноС сТатиС = мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° = Ρ…ΡƒΠ΄ΡˆΠ΅Π΅ качСство изобраТСния. Π₯ΠΎΡ€ΠΎΡˆΠ΅Π΅ сТатиС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ — это поиск Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π³ΠΎ компромисса ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π° ΠΈ качСством.

    ВсС Ρ…ΠΎΡ€ΠΎΡˆΠΎ — ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² высоком Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅.Π€Π°ΠΉΠ» Π½Π΅ сТат, ΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ сохранСн Π½Π° вашСм ТСстком дискС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π³ΠΎ Π² ΠΌΠ³Π½ΠΎΠ²Π΅Π½ΠΈΠ΅ ΠΎΠΊΠ°. Но Ссли Ρ‚ΠΎΡ‚ ΠΆΠ΅ Ρ„Π°ΠΉΠ» находится Π½Π° Π²Π΅Π±-сайтС, Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ. Π”Π°ΠΆΠ΅ ΠΏΡ€ΠΈ быстром ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΡΡ‚ΡŒ нСсколько сСкунд. А ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ скорости Π²Π΅Π±-сайта ΠΈ коэффициСнта конвСрсии, Ρƒ вас Π½Π΅Ρ‚ Π»ΠΈΡˆΠ½ΠΈΡ… сСкунд …

    Π“Ρ€Π°Ρ„ΠΈΠΊ Π²Ρ‹ΡˆΠ΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ люди ΠΏΠΎΠΊΠΈΠ΄Π°ΡŽΡ‚ ваш Π²Π΅Π±-сайт Π΄Π°ΠΆΠ΅ Ρ‡Π΅Ρ€Π΅Π· нСсколько сСкунд оТидания. Если Ρƒ вас Π΅ΡΡ‚ΡŒ нСсколько ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ большого Ρ€Π°Π·ΠΌΠ΅Ρ€Π° (Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°) Π½Π° страницС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ посСтитСлСй Π΅Ρ‰Π΅ Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ увидят ваш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

    Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° практичСский ΠΏΡ€ΠΈΠΌΠ΅Ρ€ этого. Если ΠΌΡ‹ сохраним Ρ‚Π°ΠΊΡƒΡŽ β€‹β€‹Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 1080p Π² ΠΎΠ±ΠΎΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π²ΠΎΡ‚ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ:

    ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ изобраТСния ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½ΠΎ, Π½ΠΎ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния (Π² Π΄Π°Π½Π½ΠΎΠΌ случаС PNG) ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π²Π΄Π²ΠΎΠ΅!

    Но ΠΌΡ‹ Π΅Ρ‰Π΅ Π½Π΅ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΠ»ΠΈ. Π”Π°ΠΆΠ΅ Ρ„Π°ΠΉΠ» мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² этом сравнСнии слишком Π²Π΅Π»ΠΈΠΊ для использования Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ — Π±ΠΎΠ»Π΅Π΅ 1 ΠœΠ‘. Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ эти изобраТСния нСсТатыС, ΠΈ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π²Ρ‹ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСсТатыС изобраТСния Π½Π° Π²Π΅Π±-сайтах.

    Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π±ΠΎΠ»ΡŒΡˆΠΈΡ… нСсТатых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΌΠ΅Π΄Π»ΠΈΡ‚ΡŒ ваши страницы Π΄ΠΎ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ сканирования, Ρ‡Ρ‚ΠΎ Ρ€Π΅Π·ΠΊΠΎ повысит ΠΏΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΎΡ‚ΠΊΠ°Π·ΠΎΠ². ΠœΡ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ эта ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π·Π°Ρ‚Ρ€Π°Π³ΠΈΠ²Π°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Π±-сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ просматривали Π·Π° эти Π³ΠΎΠ΄Ρ‹ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, этот).

    Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ JPEG ΠΈ PNG

    Π˜Ρ‚Π°ΠΊ, изобраТСния Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ, ΠΈ ΠΏΡ€ΠΈ сТатии различия ΠΌΠ΅ΠΆΠ΄Ρƒ JPEG ΠΈ PNG становятся Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅Ρ‚ΠΊΠΈΠΌΠΈ.

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

    Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ сильноС сТатиС JPEG с Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ:

    Π­Ρ‚ΠΈ Π½Π΅Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ ΠΊΠΎΠ½Ρ‚ΡƒΡ€Ρ‹ ΠΈ ΠΎΡ€Π΅ΠΎΠ»Ρ‹ Π²ΠΎΠΊΡ€ΡƒΠ³ тСкста — явныС ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠΈ сТатия JPEG для Ρ„Π°ΠΉΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Π» Π±Ρ‹Ρ‚ΡŒ PNG.

    Π’ΠΎΡ‚ ΠΊΠ°ΠΊ выглядит Ρ‚ΠΎ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ сохранСнии Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG:

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

    Π’ΠΎΡ‚ ΠΊΠ°ΠΊ наши Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠ· Π΄ΠΎ сравнСния послС сТатия:

    Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ JPEG Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ мСньшС 1 ΠœΠ‘, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎ для большого основного изобраТСния Π½Π° страницС (Π²Ρ‹ Π½Π΅ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ хотя Π±Ρ‹ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°). ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ изобраТСния PNG всС Π΅Ρ‰Π΅ Π² порядкС, Π½ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π½Π° 25% большС, Ρ‡Π΅ΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ.

    PNG для Ρ‡Π΅Ρ‚ΠΊΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ

    ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ссли Π²Ρ‹ сохраняСтС Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ ΠΈΠ»ΠΈ снимок экрана Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG ΠΈ сильно сТимаСтС Π΅Π³ΠΎ, Π²Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ мСньший Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, Ρ‡Π΅ΠΌ сТатый PNG. Π’ этом случаС Π²Π°ΠΌ слСдуСт ΠΎΡ‚Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ качСству изобраТСния, Π° Π½Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π°: PNG Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‡Π΅Ρ‚Ρ‡Π΅ ΠΈ Ρ‡Π΅Ρ‚Ρ‡Π΅, Ρ‡Π΅ΠΌ JPEG Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. И ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Ρ‡Π΅Ρ‚Ρ‡Π΅ ΠΈ Ρ‡Π΅Ρ‚Ρ‡Π΅, Ρ‡Π΅ΠΌ JPEG с мСньшим Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π°.

    Π’ΠΎΡ‚ ΠΏΠ°Ρ€Π°Π»Π»Π΅Π»ΡŒΠ½ΠΎΠ΅ сравнСниС: сТатый JPEG vs.сТатый PNG с Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ².

    ВСрсия JPEG. Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°: 64 ΠšΠ‘. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ.

    ВСрсия PNG. Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°: 65 ΠšΠ‘. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ.

    Π‘Ρ€Π°Π²Π½ΠΈΡ‚Π΅ эти изобраТСния ΠΈ посмотритС, Ρ‡Ρ‚ΠΎ Π²Ρ‹ чувствуСтС. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ нСвосприимчивыми ΠΊ нСчСткости изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG, Π½ΠΎ, ΠΊΠ°ΠΊ я ΡƒΠΆΠ΅ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π» Π² Π²ΠΈΠ΄Π΅ΠΎ, для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠ· нас это ΠΏΡ‹Ρ‚ΠΊΠ° …

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

    ОсновноС Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ изобраТСниями .jpg ΠΈ .png это Ρ‚ΠΎΠ»ΡŒΠΊΠΎ.Π€ΠΎΡ€ΠΌΠ°Ρ‚ png ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½.

    Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π°Π·Π΄Π΅Π»Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π²Π΅Π±-сайта, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ:

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

    Π”Π΅Π»ΠΎ «НС ΡƒΠ²Π΅Ρ€Π΅Π½, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠΌΠ΅Π½Π½ΠΎΒ»

    Иногда Ρƒ вас Π΅ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ явно Π½Π΅ ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ‚ Π½ΠΈ Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ «фотография», Π½ΠΈ Π² ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ Β«Π³Ρ€Π°Ρ„ΠΈΠΊΠ°Β».НапримСр, снимок экрана, содСрТащий тСкст ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ этот:

    Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ взят ΠΈΠ· нашСго Π½Π°Π±ΠΎΡ€Π° Β«ChicΒ» Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницы для Thrive Architect.

    Π’ случаС снимка экрана ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда Π»ΡƒΡ‡ΡˆΠ΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΊΠ°ΠΊ PNG. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΡ‹ сохраняСм Ρ‡Π΅Ρ‚ΠΊΠΎΡΡ‚ΡŒ ΠΈ ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ тСкста Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

    Π’ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π½Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… случаях Π»ΡƒΡ‡ΡˆΠ΅ всСго ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΎΠ±ΠΎΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…, ΡΠΆΠ°Ρ‚ΡŒ ΠΈΡ… ΠΈ ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ΅ качСство, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π½Π° ваш сайт.

    Как ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ изобраТСния

    Π’ΠΎΡ‚ нСсколько сСрвисов ΠΈ инструмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для сТатия ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ:

    • Kraken.io — сСрвис, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ. ΠŸΡ€Π΅Π²ΠΎΡΡ…ΠΎΠ΄Π½ΠΎΠ΅ сТатиС изобраТСния ΠΏΡ€ΠΈ сохранСнии высокого качСства изобраТСния.
    • Плагин Kraken WordPress — для автоматичСского сТатия ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ Π½Π° свой сайт (ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π² наши Ρ‚Π΅ΠΌΡ‹ встроСна эта функция).
    • WP Smush — Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠ»Π°Π³ΠΈΠ½ WordPress, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ автоматичСски сТимаСт ваши изобраТСния.

    Как насчСт webp ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ?

    Помимо PNG ΠΈ JPEG, ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ GIF, BMP ΠΈ TIFF.

    Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· Π½ΠΈΡ… просто Ρ…ΡƒΠΆΠ΅, Ρ‡Π΅ΠΌ JPEG ΠΈΠ»ΠΈ PNG для использования Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, поэтому ΠΈΡ… Π½Π΅ стоит ΠΎΠ±ΡΡƒΠΆΠ΄Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ (ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, Π½Π΅ Π² Ρ€Π°ΠΌΠΊΠ°Ρ… этой ΡΡ‚Π°Ρ‚ΡŒΠΈ).

    Один ΠΈΠ· Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ стоит ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, — это webp. Π­Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния, созданный ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ для Ρ„Π°ΠΉΠ»ΠΎΠ² нСбольшого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π€Π°ΠΉΠ»Ρ‹ Webp часто мСньшС Ρ„Π°ΠΉΠ»ΠΎΠ² JPEG ΠΈΠ»ΠΈ PNG, ΠΏΡ€ΠΈ этом сохраняя высокоС качСство изобраТСния. Webp Ρ…ΠΎΡ€ΠΎΡˆΠΎ поддСрТиваСтся Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, Π½ΠΎ Π΅Ρ‰Π΅ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ распространСн Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°Ρ… рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

    К вам

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π²ΠΎΠΎΡ€ΡƒΠΆΠ΅Π½Ρ‹ знаниями ΠΈ инструмСнтами, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ свой Π²Π΅Π±-сайт быстрым ΠΈ красивым.

    Если Ρƒ вас Π΅ΡΡ‚ΡŒ вопросы ΠΈΠ»ΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‹, ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅, поТалуйста, ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Π½ΠΈΠΆΠ΅!

    ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ PNG ΠΈ JPG — Π² Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π°?

    ОбновлСно 21 ноября 2018 Π³.

    PNG ΠΈ JPG ΡΠ²Π»ΡΡŽΡ‚ΡΡ двумя Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. PNG ΠΎΠ±ΠΎΠ³Π½Π°Π» GIF Π΅Ρ‰Π΅ Π² 2013 Π³ΠΎΠ΄Ρƒ. Когда Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ добавлСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ваш Π²Π΅Π±-сайт, это ΠΈΠ½ΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ±ΠΈΠ²Π°Ρ‚ΡŒ с Ρ‚ΠΎΠ»ΠΊΡƒ людСй, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ Π½Π΅ Π·Π½Π°ΡŽΡ‚, ΠΊΠ°ΠΊΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ ΠΈΠΌ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.БСгодня ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ быстро ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ PNG ΠΈ JPG .

    PNG ΠΏΡ€ΠΎΡ‚ΠΈΠ² JPG

    Богласно W3Techs, JPEG ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΌ 73,5% всСх Π²Π΅Π±-сайтов. PNG Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ Π²Ρ‚ΠΎΡ€ΠΎΠ΅ мСсто с 72%. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ JPG ΠΈ PNG Π½ΠΈΠΆΠ΅.

    PNG

    PNG — это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ΡΡ ΠΊΠ°ΠΊ Portable Network Graphic ΠΈ отобраТаСтся ΠΊΠ°ΠΊ .png Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ΠΈ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах. Π­Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° растровой Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ .ΠŸΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ это Π±Ρ‹Π»ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ для Π·Π°ΠΌΠ΅Π½Ρ‹ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Ρ„Π°ΠΉΠ»ΠΎΠ² GIF. ВСрсия 1.0 Π±Ρ‹Π»Π° Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π° Π² октябрС 1996 Π³ΠΎΠ΄Π° ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π° Π² RFC 2083. ΠŸΠ΅Ρ€Π²Π°Ρ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° появилась Π² IE 4 ΠΈ Netscape 4. PNG Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² прилоТСниях для просмотра Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ World Wide Web, поэтому Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Ρ‚Ρ€Π°Π½ΡΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ прогрСссивного отобраТСния. Π’ΠΈΠΏ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° MIME для PNG — image / png .

    Π’ΠΎΡ‚ нСсколько прСимущСств использования PNG:

    1. Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΈ / ΠΈΠ»ΠΈ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ JPG, Π³Π΄Π΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ сохраняСтся Π±Π΅Π»Ρ‹ΠΉ / пустой Ρ„ΠΎΠ½.
    2. ИспользованиС Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠΉ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹. PNG ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ 24-Π±ΠΈΡ‚Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° RGB ΠΈ 32-Π±ΠΈΡ‚Π½Ρ‹Π΅ RGBA.
    3. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π² градациях сСрого.

    НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ PNG-Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, ΠΎΠ½ΠΈ, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, мСньшС Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π² ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ PNG-Ρ„Π°ΠΉΠ»Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для нСслоТных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ. JPG ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

    JPG

    Когда люди ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ ΠΊ JPG, Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΡƒΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‚ JPEG. По сути, это ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅.ΠŸΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ ΠΎ Ρ€Π°Π·Π½ΠΈΡ†Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ JPG ΠΈ JPEG. JPEG ΠΈΠ»ΠΈ JPG — это Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π°, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‰Π΅Π΅ Joint Photographic Experts Group. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚ ISO Π±Ρ‹Π» ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½ Π΅Ρ‰Π΅ Π² 1992 Π³ΠΎΠ΄Ρƒ. Π­Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ сТатия растровых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для сТатия с потСрями , с коэффициСнтами сТатия ΠΎΡ‚ 10: 1 Π΄ΠΎ 20: 1. Π‘Ρ‚Π΅ΠΏΠ΅Π½ΡŒ сТатия ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π° ΠΈ качСством. Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ JPEG Ρ‡Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹ΠΌΠΈ Ρ„ΠΎΡ‚ΠΎΠ°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π°ΠΌΠΈ ΠΈ устройствами для ΠΎΠ±ΠΌΠ΅Π½Π° фотографиями.

    Π₯отя Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JPEG ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Π²Π°ΠΆΠ½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ нСбольшая потСря качСства ΠΈΠ·-Π·Π° сТатия. А Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ΅ сохранСниС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡƒΡ…ΡƒΠ΄ΡˆΠ°ΡŽΡ‚ качСство, Π΄Π°ΠΆΠ΅ Ссли ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Один ΠΈΠ· способов ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ это — Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с RAW JPEG, ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ свои измСнСния, Π° Π·Π°Ρ‚Π΅ΠΌ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Π±Π΅Π· ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ сохранСния нСсколько Ρ€Π°Π·.

    Π’ΠΈΠΏ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° MIME для JPEG — ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ / jpeg (ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΎ Π² RFC 1341), Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ старых вСрсий Internet Explorer, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ‚ΠΈΠΏ MIME image / pjpeg ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ JPEG.JPEG Ρ‚Π°ΠΊΠΆΠ΅ опрСдСляСтся с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡΠΌΠΈ: .jpe , ​​ .jif , ​​ .jfif ΠΈ .jfi .

    ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ рСдактирования Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Adobe Photoshop ΠΈ Gimp, ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ Ρ„Π°ΠΉΠ»Ρ‹ JPEG с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ .jpg ΠΊΠ°ΠΊ Π½Π° Windows, Ρ‚Π°ΠΊ ΠΈ Π½Π° MAC. И Ссли Π²Π°ΠΌ интСрСсно, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Π² ΠΎΠ±ΠΎΠΈΡ… направлСниях, ΠΈ Ρ„Π°ΠΉΠ» ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ.

    Π‘Π²ΠΎΠ΄ΠΊΠ°

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

    GIF ΠΈΠ»ΠΈ PNG? — ΠšΠ°Ρ‡Π΅ΡΡ‚Π²Π΅Π½Π½Ρ‹Π΅ Π²Π΅Π±-совСты

    Π§Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊ — GIF ΠΈΠ»ΠΈ PNG

    PNG ΠΏΡ€ΠΎΡ‚ΠΈΠ² GIF

    Π’ этом совСтС ΠΌΡ‹ рассмотрим Π΄Π²Π° основных Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° графичСского Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ для ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, схСмы ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡ‹:

    • GIF (сокращСниС ΠΎΡ‚ Graphics Interchange Format) Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Π² ΠΊΠΎΠ½Ρ†Π΅ 1980-Ρ… Π³ΠΎΠ΄ΠΎΠ² ΠΈ Π΄ΠΎ сих ΠΏΠΎΡ€ ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ.
    • PNG (пСрСносимая сСтСвая Π³Ρ€Π°Ρ„ΠΈΠΊΠ°) Π±Ρ‹Π»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π² 1995 Π³ΠΎΠ΄Ρƒ, стала Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠ΅ΠΉ W3C Π² 1996 Π³ΠΎΠ΄Ρƒ ΠΈ Π±Ρ‹Π»Π° ΡˆΠΈΡ€ΠΎΠΊΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΡƒΠΆΠ΅ Π² 1998 Π³ΠΎΠ΄Ρƒ.
    GIF

    Π€ΠΎΡ€ΠΌΠ°Ρ‚ GIF — это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сТимаСт Ρ„Π°ΠΉΠ»Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΠ° LZW, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ сохраняСт слСды Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°.

    Бильной стороной

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

    Одна ΠΈΠ· ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, связанных с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ GIF, Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ LZW Π±Ρ‹Π» Π·Π°Ρ‰ΠΈΡ‰Π΅Π½ Π² БША ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰ΠΈΠΌ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Unisys. Π‘Ρ€ΠΎΠΊ дСйствия ΠΏΠ°Ρ‚Π΅Π½Ρ‚Π° Unisys LZW Π² БША истСк 20 июня 2003 Π³.ΠŸΠ°Ρ‚Π΅Π½Ρ‚Ρ‹ LZW — с ΠΈΡΡ‚Π΅ΠΊΡˆΠΈΠΌ сроком дСйствия Π² КанадС, Π€Ρ€Π°Π½Ρ†ΠΈΠΈ, Π˜Ρ‚Π°Π»ΠΈΠΈ, Π“Π΅Ρ€ΠΌΠ°Π½ΠΈΠΈ, Π’Π΅Π»ΠΈΠΊΠΎΠ±Ρ€ΠΈΡ‚Π°Π½ΠΈΠΈ ΠΈ Π―ΠΏΠΎΠ½ΠΈΠΈ.

    PNG

    PNG (пСрСносимая сСтСвая Π³Ρ€Π°Ρ„ΠΈΠΊΠ°), Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅ΠΌΡ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ² для ΠΏΠΎΡ€Ρ‚Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ, Ρ…ΠΎΡ€ΠΎΡˆΠΎ сТатого Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π° растровых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. PNG обСспСчиваСт Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ Π·Π°ΠΌΠ΅Π½Ρƒ GIF, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ распространСнныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ использования TIFF. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ изобраТСния с индСксированными Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°ΠΌΠΈ сСрого ΠΈ истинными Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π». Π“Π»ΡƒΠ±ΠΈΠ½Π° дискрСтизации составляСт ΠΎΡ‚ 1 Π΄ΠΎ 16 Π±ΠΈΡ‚.

    Для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° Ρƒ PNG Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΅ΡΡ‚ΡŒ Ρ‚Ρ€ΠΈ основных прСимущСства ΠΏΠ΅Ρ€Π΅Π΄ GIF:

    • Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»ΠΎΠ² (пСрСмСнная ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ),
    • кроссплатформСнная Π³Π°ΠΌΠΌΠ°-коррСкция (ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡ€ΠΊΠΎΡΡ‚ΡŒΡŽ изобраТСния) ΠΈ цвСтокоррСкция
    • Π΄Π²ΡƒΡ…ΠΌΠ΅Ρ€Π½ΠΎΠ΅ чСрСсстрочноС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (ΠΌΠ΅Ρ‚ΠΎΠ΄ прогрСссивного отобраТСния).

    PNG Ρ‚Π°ΠΊΠΆΠ΅ сТимаСт Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Π΅ΠΌ GIF ΠΏΠΎΡ‡Ρ‚ΠΈ Π²ΠΎ всСх случаях (ΠΎΡ‚ 5% Π΄ΠΎ 25% Π² Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Ρ… случаях).

    Π₯отя Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях Π²Π°ΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ PNG ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠ»ΠΎΡ…ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ старыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈΠ»ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎΠ± ΡƒΡ€ΠΎΠ²Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ PNG Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, ΠΏΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅:

    Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Π°

    О «Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ ΠΏΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΡŽ качСства»

    W3C QA Tips — это ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, ΠΎΠ±ΡŠΡΡΠ½ΡΡŽΡ‰ΠΈΠ΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ кусочки Π·Π½Π°Π½ΠΈΠΉ для Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ слуТбой контроля качСства Π“Ρ€ΡƒΠΏΠΏΠ° интСрСсов Π² W3C.

    Π₯отя подсказки Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ участниками Π³Ρ€ΡƒΠΏΠΏΡ‹, ΠΈΡ… Π½Π΅ слСдуСт Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊ Π½ΠΈΡ‡Π΅Π³ΠΎ, ΠΊΡ€ΠΎΠΌΠ΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… кусочков мудрости, ΠΈ особСнно, ΠΎΠ½ΠΈ , Π° Π½Π΅ Π½ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ тСхничСскиС характСристики W3C.

    Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ совСтах, ΠΊΠ°ΠΊ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ свои собствСнныС ΠΆΠ΅ΠΌΡ‡ΡƒΠΆΠΈΠ½Ρ‹ мудрости ΠΈ Π½Π°ΠΉΡ‚ΠΈ всСх Π΄Ρ€ΡƒΠ³ΠΈΡ… QA совСты Π² ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»Π΅ совСтов.

    КакиС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° своСм Π²Π΅Π±-сайтС?

    Π¦ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ изобраТСния Π±Ρ‹Π²Π°ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ², Π½ΠΎ Π΄Π²Π° Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ — это JPG ΠΈ PNG.Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡ€Π΅Ρ‡ΠΈΠ²ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… источников ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… Π»ΡƒΡ‡ΡˆΠ΅. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Ρ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для своСго Π²Π΅Π±-сайта.

    Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, PNG — это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ сТатия Π±ΠΎΠ»Π΅Π΅ высокого качСства. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ JPG ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΠΌΠ΅ΡŽΡ‚ Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΎΠ΅ качСство, Π½ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ быстрСС. Π­Ρ‚ΠΈ Ρ„Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Ρ‚ΠΎ, Ρ€Π΅ΡˆΠΈΡ‚Π΅ Π»ΠΈ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PNG ΠΈΠ»ΠΈ JPG, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ содСрТит ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

    Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ JPG ΠΈ PNG, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½ΠΈ Ρ‚Π°ΠΊ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°.Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΈΠ΄Ρ‚ΠΈ!

    Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ JPG ΠΈ PNG

    Как ΠΌΡ‹ ΡƒΠΆΠ΅ ΡƒΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΈ, JPG ΠΈ PNG ΡΠ²Π»ΡΡŽΡ‚ΡΡ двумя ΠΈΠ· Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π½Π° Π²Π΅Π±-сайтах. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· Π½ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ€Π°Π·Π½Ρ‹Π΅ Β«ΠΊΠΎΠ΄Π΅ΠΊΠΈΒ» (ΠΈΠ»ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ сТатия) для хранСния Π΄Π°Π½Π½Ρ‹Ρ… изобраТСния. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ PNG Π»ΡƒΡ‡ΡˆΠ΅ подходят для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ, Ρ‡Π΅ΠΌ JPG, ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚.

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

    Однако Π±ΠΎΠ»Π΅Π΅ высокоС сТатиС Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ сохраняСтС JPG, ΠΎΠ½ тСряСт Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ. Если Π²Ρ‹ сохраняСтС JPG снова ΠΈ снова, это ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ Π΅Π³ΠΎ пиксСлизации. Однако для использования Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ это Π½Π΅ всСгда ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

    НапримСр, Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½ΠΈΠΆΠ΅ качСство ΠΊΠΎΠΏΠΈΠΈ (справа) Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ΅, Ρ‡Π΅ΠΌ Ρƒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»Π° (слСва). Π­Ρ‚ΠΎΡ‚ эффСкт Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΌΠ΅Ρ‚Π΅Π½ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Ρ‹ рядом:

    PNG, с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, являСтся Ρ‚ΠΈΠΏΠΎΠΌ сТатия Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ.Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½ сохраняСт большС Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Π±ΠΎΠ»Π΅Π΅ высокому качСству изобраТСния, Ρ‡Π΅ΠΌ Π²Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π²ΠΈΠ΄ΠΈΡ‚Π΅ с JPG. PNG Ρ‚Π°ΠΊΠΆΠ΅ с мСньшСй Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ Π±ΡƒΠ΄Π΅Ρ‚ пиксСлизирован, Ρ‡Π΅ΠΌ JPG.

    Π­Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚ Π΄Π΅Π»Π°Π΅Ρ‚ PNG ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ для Π»ΡŽΠ±Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, содСрТащих Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΠΈΠ»ΠΈ тСкст. НиТС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ слСва прСдставляСт собой JPG, Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ справа — PNG:

    Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, PNG Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ элСмСнты. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ³ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π½Π° Π²Π΅Π±-сайтС. НапримСр, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ»ΠΈΠ²Π°Ρ‚ΡŒΡΡ с Ρ„ΠΎΠ½ΠΎΠΌ страницы.Π’ частности, это ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ Π·Π½Π°Ρ‡ΠΊΠΎΠ²:

    Однако обратная сторона PNG Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρƒ Π½ΠΈΡ… Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈ больший Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ‡Π΅ΠΌ Ρƒ JPG. Π₯отя ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для Π²Π°ΠΆΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ свой Π²Π΅Π±-сайт ΠΈ сСрвСр дСсятками PNG Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС (Ссли ваш сайт Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½).

    ΠŸΠΎΡ‡Π΅ΠΌΡƒ JPG ΠΈ PNG Ρ…ΠΎΡ€ΠΎΡˆΠΎ подходят для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°

    БущСствуСт ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠΎΠ² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, поэтому Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ интСрСсно, ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΌΡ‹ фокусируСмся ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π° JPG ΠΈ PNG.Π­Ρ‚ΠΎ ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ эти Π΄Π²Π° Ρ‚ΠΈΠΏΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π»ΡƒΡ‡ΡˆΠ΅ подходят для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, Ρ‡Π΅ΠΌ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ².

    Для этого Π΅ΡΡ‚ΡŒ нСсколько ΠΏΡ€ΠΈΡ‡ΠΈΠ½, Π² Ρ‚ΠΎΠΌ числС:

    • Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ изобраТСния. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ JPG ΠΈ PNG ΡΠΆΠΈΠΌΠ°ΡŽΡ‚ΡΡ для ускорСния Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, Ρ‡Ρ‚ΠΎ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°.
    • ΠœΠ°Π»Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°. ΠŸΡ€ΠΎΡ†Π΅ΡΡ сТатия Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ JPG ΠΈ PNG Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ мСньшС мСста Π½Π° сСрвСрС, Ρ‡Π΅ΠΌ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Ρ‚ΠΈΠΏΡ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π° это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Ρ‚Π°ΠΊ сильно Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ ΠΎ Π½Π΅Ρ…Π²Π°Ρ‚ΠΊΠ΅ мСста.
    • ΠŸΡ€Π΅ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰Π°Ρ интСграция. МногиС Π²Π΅Π±-инструмСнты созданы с расчСтом Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ JPG ΠΈ PNG. НСкоторыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π΄Π°ΠΆΠ΅ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ².

    ΠšΠΎΡ€ΠΎΡ‡Π΅ говоря, хотя Π½ΠΈΡ‡Ρ‚ΠΎ Π½Π΅ заставляСт вас ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° своСм сайтС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ JPG ΠΈ / ΠΈΠ»ΠΈ PNG, использованиС этих Π΄Π²ΡƒΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ упростит Π²Π°ΡˆΡƒ Ρ€Π°Π±ΠΎΡ‚Ρƒ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, это ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ваш сайт ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΌ ΠΈ быстрым ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Π΅Π³ΠΎ роста.

    Как ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ JPG ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ сPNG

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅ основныС различия ΠΌΠ΅ΠΆΠ΄Ρƒ JPG ΠΈ PNG s, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π΄Π°Ρ‚ΡŒΡΡ вопросом, слСдуСт Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠΈΡ… сочСтаниС. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° этот вопрос, Π΄Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим нСсколько основных ΠΏΡ€Π°Π²ΠΈΠ», ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‰ΠΈΡ…, ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‚ΠΈΠΏ изобраТСния.

    JPG — ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ для ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ:

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

    Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, Π±Ρ‹Π²Π°ΡŽΡ‚ случаи, ΠΊΠΎΠ³Π΄Π° Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PNG, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

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

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

    Π Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ PNG ΠΈ JPG Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

    Когда Π²Ρ‹ Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠ°Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, всС это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°ΠΏΡƒΡ‚Π°Π½Π½Ρ‹ΠΌ.Однако, Ссли Π²Ρ‹ добавляСтС изобраТСния Π½Π° свой Π²Π΅Π±-сайт, Π²Π°ΠΌ ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PNG ΠΈΠ»ΠΈ JPG. Π‘ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊΠΎΠΉ Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Ρ†Π΅Π»Π΅ΠΉ, станСт Π²Ρ‚ΠΎΡ€ΠΎΠΉ Π½Π°Ρ‚ΡƒΡ€ΠΎΠΉ.

    Напомним, ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‚ΠΈΠΏ изобраТСния, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π² Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ JPG ΠΈ PNG.

    1. JPG: Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΡ… для слоТных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ„ΠΎΡ‚ΠΎΠ°Π»ΡŒΠ±ΠΎΠΌΠΎΠ² ΠΈΠ»ΠΈ Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΈ Π½Π΅ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
    2. PNG: Π˜Ρ… Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с Ρ‡Π΅Ρ‚ΠΊΠΈΠΌΠΈ линиями, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΠΈΡ… прозрачности, ΠΈ ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ максимально Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅ качСство.

    Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно: Pxhere, Wikimedia Commons, JanBaby.

    PNG ΠΈ JPG — Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΈ сравнСниС

    Π₯арактСристики

    Бходства ΠΈ различия

    JPEG ΠΈ PNG Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ схоТи. Они ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ сопоставимыС ΡƒΡ€ΠΎΠ²Π½ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ Ρ†Π²Π΅Ρ‚Π° ΠΈ нСсут ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ…, чСрСсстрочной Ρ€Π°Π·Π²Π΅Ρ€Ρ‚ΠΊΠΈ ΠΈ управлСния Ρ†Π²Π΅Ρ‚ΠΎΠΌ. Ни ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, слои ΠΈΠ»ΠΈ HDR.

    Π˜Ρ… раздСляСт Ρ‚ΠΎΡ‚ Ρ„Π°ΠΊΡ‚, Ρ‡Ρ‚ΠΎ PNG ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ изобраТСния, Π° JPEG — Π½Π΅Ρ‚.Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, цвСтовая индСксация доступна для 1-8-Π±ΠΈΡ‚Π½Ρ‹Ρ… PNG, Π½ΠΎ Π½Π΅ поддСрТиваСтся Π² JPEG.

    Π”Ρ€ΡƒΠ³ΠΈΠ΅ вСрсии JPEG ΠΈ PNG

    БущСствуСт ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΅ извСстных Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… вСрсий JPEG ΠΈ PNG. НапримСр, JPEG Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ HDR, Π½ΠΎ Π΅ΡΡ‚ΡŒ Π½Π΅ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ JPEG-HDR. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄Π°ΠΆΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JPEG Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. И хотя PNG Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, ΠΊΠ°ΠΊ GIF, Π΅ΡΡ‚ΡŒ APNG, нСстандартноС ΠΎΡ‚Π²Π΅Ρ‚Π²Π»Π΅Π½ΠΈΠ΅ PNG, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ.

    ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с использованиСм ΠΌΠ΅Π½Π΅Π΅ извСстных вСрсий JPEG ΠΈ PNG сводится ΠΊ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅.НС всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ всС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Firefox ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ APNG, Π° Internet Explorer — Π½Π΅Ρ‚, Π° Chrome Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ). Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π½Π°Π²Ρ€Π΅Π΄ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Ρƒ.

    ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚

    Ѐотография

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

    ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°ΠΌ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ свои изобраТСния Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… графичСских Ρ„Π°ΠΉΠ»ΠΎΠ², Π° ΠΈΠΌΠ΅Π½Π½ΠΎ RAW, JPEG ΠΈ ΠΈΠ½ΠΎΠ³Π΄Π° TIFF. Π₯отя JPEG ΠΈΠΌΠ΅Π΅Ρ‚ прСимущСство мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π°, ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с потСрями, поэтому ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Ρ‹ ΠΈ Π»ΡŽΠ±ΠΈΡ‚Π΅Π»ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ TIFF ΠΈΠ»ΠΈ RAW для сТатия Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ ΠΈΠ»ΠΈ высококачСствСнного сТатия с потСрями.

    Π’ процСссС пост-ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹Π΅ изобраТСния RAW, Π° Π·Π°Ρ‚Π΅ΠΌ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈΡ… Π² Π½ΠΎΠ²ΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ (Π½ΠΎ Π±ΠΎΠ»Π΅Π΅ доступном), Ρ‚Π°ΠΊΠΎΠΌ ΠΊΠ°ΠΊ PNG. Π€ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π° ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ слуТб ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ Ρ„Π°ΠΉΠ»Ρ‹ JPEG ΠΈ PNG, Π° ΠΈΠ½ΠΎΠ³Π΄Π° ΠΈ TIFF, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слуТбы ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с изобраТСниями RAW.

    Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚

    МалСнькиС Π²Π΅Π±-ΠΈΠΊΠΎΠ½ΠΊΠΈ сохранСны Π² Ρ€Π°Π·Π½Ρ‹Ρ… настройках.

    Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π²Π΅Π±-сайтов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ JPEG ΠΈ PNG (Π° ΠΈΠ½ΠΎΠ³Π΄Π° ΠΈ GIF) Π² своСм Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ JPEG ΠΈ PNG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΠΎ Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ.Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв Ρ„Π°ΠΉΠ»Ρ‹ JPEG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΠ»ΠΈ большиС графичСскиС Ρ„ΠΎΠ½Ρ‹ Π²Π΅Π±-сайтов, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π° JPEG с потСрями позволяСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‡Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Π΅Π±-сайты ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ быстрСС. Π’ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌ обСспСчСнии для Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‚Π°ΠΊΠΎΠΌ ΠΊΠ°ΠΊ Adobe Photoshop, Π΅ΡΡ‚ΡŒ инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌ, насколько большим Π±ΡƒΠ΄Π΅Ρ‚ Ρ„Π°ΠΉΠ» ΠΏΡ€ΠΈ использовании ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Π΅Π³ΠΎ настроСк, Π΅Ρ‰Π΅ Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ сохранят ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π₯отя PNG Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ ΠΌΠ΅Π½ΡŒΡˆΠ΅ΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π°, Ρ‡Π΅ΠΌ JPEG, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ со слоТными сцСнами, сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ PNG ΠΈΠ½ΠΎΠ³Π΄Π° ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΠΌΠ΅Π½ΡŒΡˆΠ΅ΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π° для ΠΌΠ΅Π½ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, особСнно Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€.g., нарисованная Π² Ρ„ΠΎΡ‚ΠΎΡˆΠΎΠΏΠ΅ линия ΠΈΠ»ΠΈ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚).

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

    Π‘ΠΆΠ°Ρ‚ΠΈΠ΅

    JPEG ΠΈ PNG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ сТатия. JPEG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ сТатия с потСрями Π½Π° основС DCT, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΆΠ΅Ρ€Ρ‚Π²ΡƒΠ΅Ρ‚ качСством Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ Ρ„Π°ΠΉΠ»ΠΎΠ² мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.PNG ΠΎΡ‚Π΄Π°Π΅Ρ‚ ΠΏΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ качСству ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ сТатия DEFLATE Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° JPEG ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ, ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ качСства изобраТСния Π²ΠΎ врСмя сохранСния, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° PNG настраиваСтся Ρ‚Ρ€ΡƒΠ΄Π½Π΅Π΅ ΠΈ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для дальнСйшСго сТатия изобраТСния.

    ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ сТатия Π²Π»ΠΈΡΡŽΡ‚ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ Ρ†Π²Π΅Ρ‚Π° ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… JPEG ΠΈ PNG.

    ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ΠΈ с потСрями, JPEG Π½Π΅ слСдуСт Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ нСсколько Ρ€Π°Π·, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ это ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎΠΌΡƒ ΡƒΡ…ΡƒΠ΄ΡˆΠ΅Π½ΠΈΡŽ качСства изобраТСния (ΠΎΠ΄Π½Π°ΠΊΠΎ, сохранСниС Π² ΠΎΠ΄Π½ΠΎΠΌ сСансС Π±Π΅Π· закрытия Ρ„Π°ΠΉΠ»Π° ΠΌΠ΅ΠΆΠ΄Ρƒ сохранСниями — это Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ).Π€Π°ΠΉΠ»Ρ‹ JPEG, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΡΠΎΡ…Ρ€Π°Π½ΡΠ»ΠΈΡΡŒ, становятся ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Ρ†Π²Π΅Ρ‚Π° Ρ‚ΠΎΡ‡Π½ΠΎ. Напротив, PNG ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства. Π­Ρ‚ΠΎ Π²ΠΈΠ΄Π΅ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΠΎΡ‚Π΅Ρ€ΡŽ этого поколСния Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 600 сохранСний.

    ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ

    Благодаря ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ΅ прозрачности PNG Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Π·Π° послСдниС нСсколько Π»Π΅Ρ‚, PNG стали популярнСС, особСнно для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… элСмСнтов Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Однако ΠΏΠΎΠ΄Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Ρ‚Ρ€ΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΡΠ²Π»ΡΡŽΡ‚ΡΡ фотографиями ΠΈΠ»ΠΈ произвСдСниями искусства, ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ JPEG, ΠΈ вряд Π»ΠΈ это измСнится Π² блиТайшСС врСмя.

    Бтатус ΠΏΠ°Ρ‚Π΅Π½Ρ‚Π°

    МногиС ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Π² Ρ‚ΠΎΠΌ числС мноТСство ΠΏΠ°Ρ‚Π΅Π½Ρ‚Π½Ρ‹Ρ… Ρ‚Ρ€ΠΎΠ»Π»Π΅ΠΉ, заявляли ΠΎ Π½Π°Π»ΠΈΡ‡ΠΈΠΈ ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ² Π½Π° Ρ‚Ρƒ ΠΈΠ»ΠΈ ΠΈΠ½ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ JPEG. Π—Π° ΠΏΡ€ΠΎΡˆΠ΅Π΄ΡˆΠΈΠ΅ Π³ΠΎΠ΄Ρ‹ это ΠΏΡ€ΠΈΠ²Π΅Π»ΠΎ ΠΊ многочислСнным судСбным искам, послСдний ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ΅Π» Π² 2013 Π³ΠΎΠ΄Ρƒ, ΠΊΠΎΠ³Π΄Π° компания ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Princeton Digital Image Corporation ΠΏΠΎΠ΄Π°Π»Π° Π² суд Π½Π° дСсятки ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΉ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Amazon, Netflix ΠΈ Costco, Π·Π° использованиС JPEG. изобраТСния Π½Π° своих сайтах. ΠŸΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² сТатия — основная ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ JPEG Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ стал популярным.Мало ΠΊΡ‚ΠΎ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ JPEG, опасаясь судСбного прСслСдования.

    PNG Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для Π·Π°ΠΌΠ΅Π½Ρ‹ GIF, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΌΠ΅Ρ‚ΠΎΠ΄ сТатия, Ρ€Π°Π½Π΅Π΅ Π·Π°ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Unisys. PNG ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΌΠ΅Ρ‚ΠΎΠ΄ сТатия DEFLATE, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ Π·Π°ΠΏΠ°Ρ‚Π΅Π½Ρ‚ΠΎΠ²Π°Π½, Ρ‡Ρ‚ΠΎ устраняСт опасСния Π½Π°Ρ€ΡƒΡˆΠ΅Π½ΠΈΡ ΠΏΠ°Ρ‚Π΅Π½Ρ‚Π½Ρ‹Ρ… ΠΏΡ€Π°Π².

    Бписок Π»ΠΈΡ‚Π΅Ρ€Π°Ρ‚ΡƒΡ€Ρ‹

    JPG ΠΏΡ€ΠΎΡ‚ΠΈΠ² GIF ΠΏΡ€ΠΎΡ‚ΠΈΠ² PNG ΠΏΡ€ΠΎΡ‚ΠΈΠ² WEBP

    Π’Ρ€ΠΈ самых популярных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° — это JPG, GIF ΠΈ PNG. Π­Ρ‚ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ ΠΊ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ΅ доставки изобраТСния с ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π° ΠΈ Π²Ρ€Π΅ΠΌΠ΅Π½Π΅ΠΌ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.Π­Ρ‚Π° страница описываСт Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ эти ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ ΠΈ совСты ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΈΡ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

    Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ GIF ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΏΠ°Π»ΠΈΡ‚Ρ€Π°ΠΌΠΈ, JPG Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ изобраТСния Π»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ качСства ΠΏΡ€ΠΈ Ρ‚ΠΎΠΌ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»Π°. НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½ΠΎ сравнСниС. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ слСва — это ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‡Π΅Π½ΡŒ малСнькой области большого изобраТСния, сТатого с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ JPG. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ справа — это Ρ‚Π° ΠΆΠ΅ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, сТатая с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ GIF. Π€Π°ΠΉΠ» GIF Π² 2,4 Ρ€Π°Π·Π° большС, Ρ‡Π΅ΠΌ JPG, Π½ΠΎ явно Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΎΠ³ΠΎ качСства.ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° использованиС Π΄ΠΈΠ·Π΅Ρ€ΠΈΠ½Π³Π° пиксСлСй, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ ΡΠΎΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π³Ρ€Π°Π΄Π°Ρ†ΠΈΠΈ Ρ†Π²Π΅Ρ‚Π° Π½Π° Ρ€ΡƒΠ±Π°ΡˆΠΊΠ΅. (Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π΅Π·Π΅Ρ€Π²Π½ΡƒΡŽ копию со своСго ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π° для Π±ΠΎΠ»Π΅Π΅ рСалистичного сравнСния внСшнСго Π²ΠΈΠ΄Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.)

    ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. БоставноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сохраняСтся Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ 24-Π±ΠΈΡ‚Π½Ρ‹ΠΉ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ сТатия Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ эти изобраТСния.

    Π’ качСствС Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ яркого ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅ΠΌ сравнСниС Π±ΠΎΠ»Π΅Π΅ сТатого JPG ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ самого GIF.На этом ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½ΠΈΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° JPG слСва Π² 18 Ρ€Π°Π· мСньшС, Ρ‡Π΅ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° GIF справа.

    JPG находится слСва, Π° GIF — справа. Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° GIF Π² 18 Ρ€Π°Π· большС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° JPG, Π½ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JPG всС Ρ€Π°Π²Π½ΠΎ выглядит Π»ΡƒΡ‡ΡˆΠ΅. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° Ρ„ΠΈΠΎΠ»Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ пиксСли, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ GIF ΡΠΌΠ΅ΡˆΠΈΠ²Π°Π΅Ρ‚ Π½Π° Π»ΠΈΡ†Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ срСдний Ρ†Π²Π΅Ρ‚ Π² этой области.

    Когда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ GIF?

    Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ GIF, ΠΊΠΎΠ³Π΄Π° Π΅ΡΡ‚ΡŒ большиС области ΠΎΠ΄Π½ΠΎΡ€ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π° ΠΈ ΠΎΠ±Ρ‰Π΅Π΅ количСство Ρ†Π²Π΅Ρ‚ΠΎΠ² мСньшС 256.Рассмотрим ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅:

    Π­Ρ‚ΠΎ исходноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Ρ‹ΡˆΠ΅ сохранСно Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ PNG.

    Π—Π°Ρ‚Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ сохранСно ΠΊΠ°ΠΊ GIF ΠΈ ΠΊΠ°ΠΊ JPG:

    GIF, 1,448 К
    JPG, 2,436 К

    Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ GIF являСтся Π±Π΅Π·ΡƒΠΏΡ€Π΅Ρ‡Π½ΠΎΠΉ ΠΊΠΎΠΏΠΈΠ΅ΠΉ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»Π°. GIF ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±Π΅Π·ΡƒΠΏΡ€Π΅Ρ‡Π½Ρ‹Π΅ ΠΊΠΎΠΏΠΈΠΈ ΠΏΡ€ΠΈ высоком сТатии, Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ содСрТит большиС области ΠΎΠ΄Π½ΠΎΡ€ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, ΠΏΠΎΠΊΠ° Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 256 Ρ†Π²Π΅Ρ‚ΠΎΠ².

    Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG Π²Ρ‹ΡˆΠ΅ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎ ΠΏΠΎΠ²Ρ€Π΅ΠΆΠ΄Π΅Π½ΠΎ. Π¦Π²Π΅Ρ‚ ΠΊΡ€ΡƒΠ³Π° измСнился, ΠΈ Π΅ΡΡ‚ΡŒ пятнистыС области Π² (ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ) Π±Π΅Π»Ρ‹Ρ… областях Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΡ€ΡƒΠ³Π° ΠΈ Π±ΡƒΠΊΠ²Ρ‹. НаТмитС здСсь, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ сравнСниС изобраТСния. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π΄Π΅Π³Ρ€Π°Π΄Π°Ρ†ΠΈΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ JPG ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. JPG позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π° ΠΈ качСством изобраТСния, ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠ΅Π΅ качСство, Ρ‡Π΅ΠΌ Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅.Однако дСлая поэтому Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° JPG Π±ΡƒΠ΄Π΅Ρ‚ Π΅Ρ‰Π΅ большС.

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

    А ΠΊΠ°ΠΊ насчСт PNG?

    ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ всС соврСмСнныС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG, ΠΏΠΎΡ€Π° ΠΎΡ‚ΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ GIF для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° Ρ†Π΅Π»Π΅ΠΉ . PNG изобраТСния Π²Ρ‹ΡˆΠ΅ мСньшС, Ρ‡Π΅ΠΌ GIF, Π° PNG Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ 256 Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ. ΠΊΠ°ΠΊ GIF.

    ЕдинствСнныС ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ GIF — Π»ΠΈΠ±ΠΎ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒΡŽ, Π»ΠΈΠ±ΠΎ для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. PNG ΠΈΠΌΠ΅Π΅Ρ‚ ΠΏΡ€Π΅Π²ΠΎΡΡ…ΠΎΠ΄Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

    А ΠΊΠ°ΠΊ насчСт Webp?

    Webp прСвосходит JPG ΠΏΠΎ ΡΠΆΠ°Ρ‚ΠΈΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ с потСрями ΠΈ прСвосходит PNG ΠΏΠΎ ΡΠΆΠ°Ρ‚ΠΈΡŽ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. Однако Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Safari ΠΏΠΎΠΊΠ° Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это. ΠšΡ€ΠΈΡ‡ΠΈΡ‚Π΅ Π½Π° Apple, ΠΏΠΎΠΊΠ° ΠΎΠ½ΠΈ Π½Π΅ согласятся ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ webp.

    БвязанныС Ρ‚Π΅ΠΌΡ‹

    Для Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ³ΠΎ обсуТдСния сТатия с потСрями ΠΈ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΈΠΏΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ TIFF, PNG, BMP ΠΈ Ρ‚. Π΄.см. Π¦ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ Ρ‚ΠΈΠΏΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

    Часто горячо обсуТдаСтся вопрос ΠΎ Ρ‚ΠΎΠΌ, слСдуСт Π»ΠΈ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ JPG для архивирования. изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΌ Π½Π΅Π±Π΅Π·Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎΠ± этой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ΅, см. «ΠšΠ°ΠΊ ΠΏΠ»ΠΎΡ…ΠΎ Π»ΠΈ JPG? Β»ΠΈΒ« JPG ΠΈΠ»ΠΈ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ для архивирования? Β».

    ΠŸΡ€ΠΈΡΡ‹Π»Π°ΠΉΡ‚Π΅ прСдлоТСния Π½Π° этой страницС ΠΏΠΎ адрСсу matthews@wfu.

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

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