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

Вопрос ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° 1Π‘ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ СдинствСнного ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΎΡ‚Π²Π΅Ρ‚Π°, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ трСбования ΠΊΠ°Ρ€Π΄ΠΈΠ½Π°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ для Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ срСды ΠΈ ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ. Π’Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ исходники ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства, ΠΎΠ΄Π½Π°ΠΊΠΎ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠΎΡ€ΠΎΠ³ΠΈ читаСмости ΠΈ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля отступов. Π˜Π³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ этих тСхничСских нюансов часто ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ выглядит «слипшимся» ΠΈΠ»ΠΈ тСряСтся Π½Π° Ρ„ΠΎΠ½Π΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Π”Π°Π»Π΅Π΅ ΠΌΡ‹ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎ Ρ€Π°Π·Π±Π΅Ρ€Π΅ΠΌ спСцификации для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… носитСлСй, ΠΏΡ€Π°Π²ΠΈΠ»Π° построСния Π·Π°Ρ‰ΠΈΡ‚Π½ΠΎΠ³ΠΎ поля ΠΈ тСхничСскиС трСбования ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ. БоблюдСниС этих стандартов Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ваша продукция Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠΌΡƒ ΡΡ‚ΠΈΠ»ΡŽ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°.

ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ трСбования Π±Ρ€Π΅Π½Π΄Π±ΡƒΠΊΠ° ΠΈ Π·ΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ, Ρ€Π΅Π³Π»Π°ΠΌΠ΅Π½Ρ‚ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌ использованиС Π°ΠΉΠ΄Π΅Π½Ρ‚ΠΈΠΊΠΈ, являСтся Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π¦Π΅Π½Ρ‚Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΌ элСмСнтом здСсь выступаСт Π½Π΅ просто графичСский Π·Π½Π°ΠΊ, Π° Π΅Π³ΠΎ взаимодСйствиС с ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰ΠΈΠΌ пространством. Для сохранСния цСлостности восприятия Π²ΠΎΠΊΡ€ΡƒΠ³ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ свободноС пространство, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ называСтся ΠΎΡ…Ρ€Π°Π½Π½ΠΎΠΉ Π·ΠΎΠ½ΠΎΠΉ. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅ Π·Π°Ρ‰ΠΈΡ‰Π°Π΅Ρ‚ Π·Π½Π°ΠΊ ΠΎΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΡˆΡƒΠΌΠ° ΠΈ ΡΠΎΡΠ΅Π΄ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… элСмСнтов ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

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

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Никогда Π½Π΅ ΠΎΠ±Ρ€Π΅Π·Π°ΠΉΡ‚Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΏΠΎ ΠΊΠΎΠ½Ρ‚ΡƒΡ€Ρƒ Π±ΡƒΠΊΠ² ΠΈΠ»ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ отступ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒΡΡ со всСх Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… сторон, Π΄Π°ΠΆΠ΅ Ссли Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ ΠΏΠ»ΠΎΡ‚Π½ΡƒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΡƒ.

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

πŸ’‘

Для быстрого расчСта ΠΎΡ…Ρ€Π°Π½Π½ΠΎΠΉ Π·ΠΎΠ½Ρ‹ Π² графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ… создайтС Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ Π½Π° расстоянии, Ρ€Π°Π²Π½ΠΎΠΌ 1/3 высоты Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΎΡ‚ Π΅Π³ΠΎ ΠΊΡ€Π°Π΅Π².

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ для Π²Π΅Π±-сайтов ΠΈ интСрфСйсов

ΠŸΡ€ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ символики Π½Π° Π²Π΅Π±-рСсурсах ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ являСтся баланс ΠΌΠ΅ΠΆΠ΄Ρƒ Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы. Для шапки сайта (header) рСкомСндуСмая высота Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π² Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅ ΠΎΡ‚ 40 Π΄ΠΎ 80 пиксСлСй Π² зависимости ΠΎΡ‚ ΠΎΠ±Ρ‰Π΅ΠΉ высоты Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ. Блишком ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΉ Π·Π½Π°ΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΡƒΡŽ ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ экрана, вытСсняя Π²Π°ΠΆΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈΠ»ΠΈ мСню.

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

  • πŸ–₯️ ДСсктопная вСрсия: ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 250 пиксСлСй, высота ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG ΠΈΠ»ΠΈ SVG.
  • πŸ“± Мобильная адаптация: высота ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 32 пиксСлСй для Ρ‡Π΅Ρ‚ΠΊΠΎΠ³ΠΎ отобраТСния Π½Π° Retina-дисплСях.
  • πŸ” Favicon: ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹ΠΉ символ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 16x16, 32x32 ΠΈΠ»ΠΈ 48x48 пиксСлСй для Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

ИспользованиС Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° SVG являСтся ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ для соврСмСнной Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ. Π’Π°ΠΊΠΈΠ΅ Ρ„Π°ΠΉΠ»Ρ‹ вСсят мСньшС растровых Π°Π½Π°Π»ΠΎΠ³ΠΎΠ² ΠΈ идСально ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΏΠΎΠ΄ любоС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана Π±Π΅Π· появлСния «лСсСнок» ΠΈΠ»ΠΈ размытия. Π­Ρ‚ΠΎ особСнно Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎ для устройств с высокой ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ пиксСлСй, Π³Π΄Π΅ растровыС изобраТСния Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… вСрсий (@2x, @3x).

πŸ“Š Π’ ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Π²Ρ‹ Ρ‡Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π½Π° сайтС?
PNG (растр)
SVG (Π²Π΅ΠΊΡ‚ΠΎΡ€)
JPG (сТатый)
GIF (анимация)

Π‘ΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ для ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ

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

Для ΡˆΠΈΡ€ΠΎΠΊΠΎΡ„ΠΎΡ€ΠΌΠ°Ρ‚Π½ΠΎΠΉ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π±Π°Π½Π½Π΅Ρ€Ρ‹, вывСски ΠΈΠ»ΠΈ Π±ΠΈΠ»Π±ΠΎΡ€Π΄Ρ‹, трСбования ΠΊ исходному Ρ„Π°ΠΉΠ»Ρƒ становятся Π΅Ρ‰Π΅ строТС. Π—Π΄Π΅ΡΡŒ критичСски Π²Π°ΠΆΠ½ΠΎ Π½Π°Π»ΠΈΡ‡ΠΈΠ΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… AI, EPS ΠΈΠ»ΠΈ PDF. РастровыС изобраТСния Π΄Π°ΠΆΠ΅ с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ (300 dpi) ΠΌΠΎΠ³ΡƒΡ‚ Π΄Π°Ρ‚ΡŒ Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚Ρ‹ ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Π΄ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎ нСдопустимо для Π½Π°Ρ€ΡƒΠΆΠ½ΠΎΠΉ Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹.

Π’ΠΈΠΏ носитСля Мин. ΡˆΠΈΡ€ΠΈΠ½Π° (ΠΌΠΌ) Π Π΅ΠΊΠΎΠΌ. Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ЦвСтовая модСль
Визитная ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° 20 ΠΌΠΌ 300 dpi CMYK
Листовка А4 30 ΠΌΠΌ 300 dpi CMYK
Π‘Π°Π½Π½Π΅Ρ€ ΡƒΠ»ΠΈΡ‡Π½Ρ‹ΠΉ 500 ΠΌΠΌ 72-150 dpi (Π² ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅ 1:1) CMYK
БувСнирная продукция 15 ΠΌΠΌ Π’Π΅ΠΊΡ‚ΠΎΡ€ Pantone / CMYK

ΠŸΡ€ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² для Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ всС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π² ΠΊΡ€ΠΈΠ²Ρ‹Π΅. Π­Ρ‚ΠΎ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚ ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ, ΠΊΠΎΠ³Π΄Π° Π½Π° сторонС ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠ³ΠΎ Ρ†Π΅Π½Ρ‚Ρ€Π° отсутствуСт Π½ΡƒΠΆΠ½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, ΠΈ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΌΠ΅Π½Π΅Π½ Π½Π° стандартный, Ρ‡Ρ‚ΠΎ испортит ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°. Π’Π°ΠΊΠΆΠ΅ слСдуСт ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС Ρ‡Π΅Ρ€Π½Ρ‹Π΅ элСмСнты Π±Ρ‹Π»ΠΈ настроСны ΠΊΠ°ΠΊ «составной Ρ‡Π΅Ρ€Π½Ρ‹ΠΉΒ» (Rich Black), Ссли ΠΎΠ½ΠΈ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ большиС ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ, для получСния Π³Π»ΡƒΠ±ΠΎΠΊΠΎΠ³ΠΎ насыщСнного Ρ†Π²Π΅Ρ‚Π°.

πŸ’‘

Для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ всСгда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ исходники ΠΈΠ»ΠΈ растр с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 300 dpi Π² ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅ 1:1.

Π¦Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΏΡ€ΠΎΡ„ΠΈΠ»ΠΈ ΠΈ тСхничСскиС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ²

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ Ρ†Π²Π΅Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ профиля β€” Π·Π°Π»ΠΎΠ³ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΈ Π½Π° ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅, ΠΈ Π½Π° Π±ΡƒΠΌΠ°Π³Π΅. Для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ модСль RGB, которая ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр Ρ†Π²Π΅Ρ‚ΠΎΠ² Π·Π° счСт свСчСния пиксСлСй. Для ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠ° конвСртация Π² модСль CMYK, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹ Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‚ Ρ†Π²Π΅Ρ‚ ΠΏΡƒΡ‚Π΅ΠΌ смСшивания красок, Ρ‡Ρ‚ΠΎ физичСски ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΡΡ€ΠΊΠΎΡΡ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΎΠ².

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

⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ использования Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° JPG для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ. Π­Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π» ΠΈ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π½Π° Π±Π΅Π»Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Ρ€ΡƒΡˆΠΈΡ‚ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Π½Π° Ρ†Π²Π΅Ρ‚Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅.

Для ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡ΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΈΠ»ΠΈ Π² ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹ΠΉ Ρ†Π΅Π½Ρ‚Ρ€ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ€Ρ…ΠΈΠ², содСрТащий Π½Π°Π±ΠΎΡ€ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ². Π’ Π½Π΅Π³ΠΎ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ исходники, растровыС ΠΊΠΎΠΏΠΈΠΈ высокого Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π² RGB ΠΈ CMYK, Π° Ρ‚Π°ΠΊΠΆΠ΅ вСрсии с ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ ΠΈ Π½Π° Π±Π΅Π»ΠΎΠΉ ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠ΅. Π’Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π·Π°ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ сцСнарии использования Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ.

Ошибки ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΈ искаТСнии ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ

Одной ΠΈΠ· самых распространСнных ошибок являСтся ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°. РастягиваниС изобраТСния ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈΠ»ΠΈ высотС ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ Π΄Π΅Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ Π·Π½Π°ΠΊΠΎΠ² ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ². Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ 1Π‘ ΠΈΠΌΠ΅Π΅Ρ‚ строго Π²Ρ‹Π²Π΅Ρ€Π΅Π½Π½ΡƒΡŽ Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΡŽ, ΠΈ любоС ΠΎΡ‚ΠΊΠ»ΠΎΠ½Π΅Π½ΠΈΠ΅ ΠΎΡ‚ исходных ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ воспринимаСтся ΠΊΠ°ΠΊ Π±Ρ€Π°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

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

  • ❌ Π—Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ: Π Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π½Π΅Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ, мСняя ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон.
  • ❌ Π—Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ: ΠœΠ΅Π½ΡΡ‚ΡŒ Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° Π½Π° ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠΈ Π±Π΅Π· согласования.
  • ❌ Π—Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ: Π”ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ‚Π΅Π½ΠΈ, ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ ΠΈΠ»ΠΈ эффСкты, Π½Π΅ прСдусмотрСнныС Π±Ρ€Π΅Π½Π΄Π±ΡƒΠΊΠΎΠΌ.

Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ инструмСнты вСрстки, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ object-fit: contain Π² CSS, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ автоматичСски ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ изобраТСния ΠΏΡ€ΠΈ Π°Π΄Π°ΠΏΡ‚Π°Ρ†ΠΈΠΈ ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹. Однако Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΡƒ слСдуСт Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ критичСскиС Ρ‚ΠΎΡ‡ΠΊΠΈ breakpoints, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π½Π΅ становится микроскопичСским Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΡ… экрана.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ нСльзя просто Ρ€Π°ΡΡ‚ΡΠ½ΡƒΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ?

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

ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π²Π½Π΅Π΄Ρ€Π΅Π½ΠΈΡŽ Π² 1Π‘

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

Для размСщСния Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠ»ΠΈ Π½Π° ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. Π’ свойствах элСмСнта Β«ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Β» слСдуСт ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π΅ΠΆΠΈΠΌ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΠŸΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΎΠΊΠ½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ Π·Π½Π°ΠΊ Π½Π΅ дСформировался. ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Π°Ρ высота для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π² шапкС Ρ„ΠΎΡ€ΠΌΡ‹ 1Π‘ составляСт ΠΎΠΊΠΎΠ»ΠΎ 30-40 условных Π΅Π΄ΠΈΠ½ΠΈΡ†.

// ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π° для установки ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Π€ΠΎΡ€ΠΌΡ‹.ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° = Новый ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°(ΠŸΡƒΡ‚ΡŒΠšΠ€Π°ΠΉΠ»Ρƒ);

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Π€ΠΎΡ€ΠΌΡ‹.ΠœΠ°ΡΡˆΡ‚Π°Π± = Π Π΅ΠΆΠΈΠΌΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.ΠŸΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ;

ΠŸΡ€ΠΈ Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ Ρ‡Π΅Ρ€Π΅Π· ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Π‘ΠšΠ” (БистСма Компоновки Π”Π°Π½Π½Ρ‹Ρ…) ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ добавляСтся Π² ΠΌΠ°ΠΊΠ΅Ρ‚. Π—Π΄Π΅ΡΡŒ критичСски Π²Π°ΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π² ΠΌΠΈΠ»Π»ΠΈΠΌΠ΅Ρ‚Ρ€Π°Ρ…, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ трСбованиям ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΎΡΡŒ Π²Ρ‹ΡˆΠ΅. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° 1Π‘ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ пСрСдаст эти Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π΄Ρ€Π°ΠΉΠ²Π΅Ρ€Ρƒ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Π°, поэтому исходный Ρ„Π°ΠΉΠ» Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ достаточноС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

β˜‘οΈ Π§Π΅ΠΊ-лист ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° для 1Π‘

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΎ: 0 / 4
⚠️ Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π˜Π½Ρ‚Π΅Ρ€Ρ„Π΅ΠΉΡΠ½Ρ‹Π΅ руководства ΠΈ трСбования ΠΊ использованию Ρ‚ΠΎΠ²Π°Ρ€Π½Ρ‹Ρ… Π·Π½Π°ΠΊΠΎΠ² ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ±Π½ΠΎΠ²Π»ΡΡ‚ΡŒΡΡ ΠΏΡ€Π°Π²ΠΎΠΎΠ±Π»Π°Π΄Π°Ρ‚Π΅Π»Π΅ΠΌ. ΠŸΠ΅Ρ€Π΅Π΄ запуском ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° с Π±Ρ€Π΅Π½Π΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ всСгда ΡΠ²Π΅Ρ€ΡΠΉΡ‚Π΅ΡΡŒ с Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ вСрсиСй партнСрского ΠΏΠΎΡ€Ρ‚Π°Π»Π° ΠΈΠ»ΠΈ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ².

Часто Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡ‹Π΅ вопросы (FAQ)

МоТно Π»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° 1Π‘ Π½Π° Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π½Π° Π±Π΅Π»ΠΎΠΉ Π±ΡƒΠΌΠ°Π³Π΅?

ИспользованиС ΠΌΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½ΠΎΠΉ вСрсии допускаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚Π΅Ρ… случаях, ΠΊΠΎΠ³Π΄Π° это прямо прСдусмотрСно ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π±Ρ€Π΅Π½Π΄Π±ΡƒΠΊΠΎΠΌ для спСцифичСских носитСлСй (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, факс ΠΈΠ»ΠΈ Π³Ρ€Π°Π²ΠΈΡ€ΠΎΠ²ΠΊΠ°). Π’ стандартной ΠΏΠΎΠ»ΠΈΠ³Ρ€Π°Ρ„ΠΈΠΈ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΈΡ€ΠΌΠ΅Π½Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π°. БамовольноС ΠΏΠ΅Ρ€Π΅ΠΊΡ€Π°ΡˆΠΈΠ²Π°Π½ΠΈΠ΅ Π² Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Π±Π΅Π· наличия ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° Π² Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½Π΅ считаСтся Π½Π°Ρ€ΡƒΡˆΠ΅Π½ΠΈΠ΅ΠΌ.

Какой ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° допустим для Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ сайта?

Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ для Ρ„Π°Π²ΠΈΠΊΠΎΠ½ΠΊΠΈ являСтся ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ 16x16 пиксСлСй. Однако для соврСмСнных дисплССв рСкомСндуСтся ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ вСрсии 32x32 ΠΈ 48x48 пиксСлСй. На Ρ‚Π°ΠΊΠΎΠΌ ΠΌΠ°Π»ΠΎΠΌ пространствС Π΄Π΅Ρ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ Π½Π΅Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ, поэтому часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ графичСский символ Π±Π΅Π· тСкстовой части.

Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ для экрана ΠΈ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ?

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ… измСрСния ΠΈ плотности. Π­ΠΊΡ€Π°Π½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ пиксСли ΠΈ модСль RGB, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ зависит ΠΎΡ‚ физичСского Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΌΠ°Ρ‚Ρ€ΠΈΡ†Ρ‹ ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ (PPI). ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΌΠΈΠ»Π»ΠΈΠΌΠ΅Ρ‚Ρ€Ρ‹/сантимСтры ΠΈ модСль CMYK с фиксированным Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ (ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ 300 dpi). Один ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ Ρ„Π°ΠΉΠ» Π±Π΅Π· Π°Π΄Π°ΠΏΡ‚Π°Ρ†ΠΈΠΈ Π½Π΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для ΠΎΠ±Π΅ΠΈΡ… Π·Π°Π΄Π°Ρ‡ качСствСнно.

Π“Π΄Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ 1Π‘ Π² высоком качСствС?

ΠžΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ исходники ΠΈ Π±Ρ€Π΅Π½Π΄Π±ΡƒΠΊ, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ доступны зарСгистрированным ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Π°ΠΌ Π² ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π½Π° сайтС Ρ„ΠΈΡ€ΠΌΡ‹ 1Π‘. Для ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² рСкомСндуСтся Π·Π°ΠΏΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ Ρƒ своСго нСпосрСдствСнного ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€Π°-Ρ„Ρ€Π°Π½Ρ‡Π°ΠΉΠ·ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ Π»Π΅Π³Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ использования.