Много ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅: Как Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ нСсколько ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ листС А4

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

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎ Π² ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ

ΠšΡƒΠΏΠΈΡ‚ΡŒΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎ
Π½Π° ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ?

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ яркий ΠΊΠΎΠ»Π»Π°ΠΆ Π² ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅!
Π€ΠΎΡ‚ΠΎΠšΠžΠ›Π›ΠΠ– — это:

  • Π‘ΠΎΠ»Π΅Π΅ 100 Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… шаблонов для быстрого создания ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ
  • ДСсятки Ρ€Π°ΠΌΠΎΠΊ ΠΈ масок, способных ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ снимки
  • ΠžΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΠ½Ρ‹, ΠΊΠ»ΠΈΠΏΠ°Ρ€Ρ‚ ΠΈ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ для надписСй

Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅ софт ΠΈ создайтС Ρ„ΠΎΡ‚ΠΎΠΊΠΎΠ»Π»Π°ΠΆ прямо сСйчас!

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно

Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ»Π»Π°ΠΆ сдСлали Π·Π° 1 ΠΌΠΈΠ½ΡƒΡ‚Ρƒ, Π° Ρƒ вас получится?

ο»Ώ

02 августа 2019

Автор ΡΡ‚Π°Ρ‚ΡŒΠΈ: Π”Π΅ΠΌΡŒΡΠ½ Π–Π΄Π°Π½ΠΎΠ²

5.0 ΠžΡ†Π΅Π½ΠΎΠΊ: 3 (Π’Π°ΡˆΠ°: )

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ сСгодня β€” это Ρ†Π΅Π»ΠΎΠ΅ искусство. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ силы ΠΈ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎ Π² ΠΎΠ΄Π½Ρƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ, Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ потрСбуСтся Π·Π°Π½ΡΡ‚ΡŒΡΡ поисками подходящСго софта. ΠœΡ‹ Ρ€Π΅ΡˆΠΈΠ»ΠΈ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ вашС врСмя ΠΈ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π² этом Π΄Π΅Π»Π΅. Π—Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Β«Π€ΠΎΡ‚ΠΎΠšΠžΠ›Π›ΠΠ–Β». Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ красивых ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ‹ Π»Π΅Π³ΠΊΠΎ ΠΈ быстро смоТСтС ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ ΠΈΠ· Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. НачнитС с просмотра ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΡƒΡ€ΠΎΠΊΠ°:


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


Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎ Π² ΠΎΠ΄Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ?

  • Π¨Π°Π³ 1. УстановитС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ
  • Π¨Π°Π³ 2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚ΠΈΠΏ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°
  • Π¨Π°Π³ 3. НастройтС Ρ„ΠΎΠ½
  • Π¨Π°Π³ 4. Π£ΠΊΡ€Π°ΡΡŒΡ‚Π΅ ΠΊΠΎΠ»Π»Π°ΠΆ
  • Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π¨Π°Π³ 1. УстановитС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ

Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ свои Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΊΠΎΠ»Π»Π°ΠΆΠΈ ΠΈΠ· Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π»Π΅Π³ΠΊΠΎ!

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
всСго 148 Мб

Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Windows 11, 10, 8, 7, XP

Π’ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ для ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ Β«Π€ΠΎΡ‚ΠΎΠšΠžΠ›Π›ΠΠ–Β» Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ мноТСство инструмСнтов, способных ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ сказочныС ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ Π·Π° ΠΎΡ‡Π΅Π½ΡŒ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ сроки. Для Π½Π°Ρ‡Π°Π»Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹ скачайтС ΠΈ установитС софт. Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹ Π·Π°ΠΉΠΌΠ΅Ρ‚ Ρƒ вас Π½Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠ°Ρ€Ρ‹ ΠΌΠΈΠ½ΡƒΡ‚, сразу послС этого Π²Ρ‹ смоТСтС ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ творчСству ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ свои ΠΈΠ΄Π΅ΠΈ.

ПослС запуска ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΡ€Π΅Π»Π°Π³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΊΠΎΠ»Π»Π°ΠΆ, Ρ„ΠΎΡ‚ΠΎΠΊΠ½ΠΈΠ³Ρƒ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΡƒΠΆΠ΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚

Π¨Π°Π³ 2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚ΠΈΠΏ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°

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

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² создания ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°

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


Для удобства всС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Ρ‹ Π½Π° тСматичСскиС ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ подходящий Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, настройтС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ страницы ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π“ΠΎΡ‚ΠΎΠ²ΠΎΒ». Указанная Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ° ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½ΠΎ появится ΠΏΠ΅Ρ€Π΅Π΄ Π²Π°ΠΌΠΈ Π½Π° экранС. Π’Ρ‹ смоТСтС ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΎΠ»Π»Π°ΠΆ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ.

Π›ΡŽΠ±ΠΎΠΉ шаблон Π²Ρ‹ смоТСтС ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΏΠΎ своСму вкусу

Для старта Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚. ПослС этого ΡƒΡ…Π²Π°Ρ‚ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½Ρ‹ΠΉ снимок ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ Π΅Π³ΠΎ Π² Ρ€Π°ΠΌΠΊΡƒ Π² шаблонС. ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΡΠΉΡ‚Π΅ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρƒ, ΠΏΠΎΠΊΠ° всС слоты Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Ρ‹.

НайдитС ΠΏΠ°ΠΏΠΊΡƒ с Π½ΡƒΠΆΠ½Ρ‹ΠΌΠΈ снимками ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΈΡ… Π½Π° лист

Π¨Π°Π³ 3. НастройтС Ρ„ΠΎΠ½

Π©Π΅Π»ΠΊΠ½Π΅ΠΌ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«Π€ΠΎΠ½Β» Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ слСва. Β«Π€ΠΎΡ‚ΠΎΠšΠžΠ›Π›ΠΠ–Β» ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ Π½Π° Π²Ρ‹Π±ΠΎΡ€ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС ΠΏΠΎΠ΄Π»ΠΎΠΆΠΊΠΈ. Π’Π°ΠΊ Π½Π° Ρ€ΠΎΠ»ΡŒ Ρ„ΠΎΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Π±Ρ€Π°Π½ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ ΠΈΠ· ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ ΠΈΠ»ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚, Π³Π΄Π΅ основой станут Π΄Π²Π° ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ°, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ Π²Π°ΠΌΠΈ. ΠŸΡ€ΠΈ этом Ρ‚ΠΈΠΏ Π·Π°Π»ΠΈΠ²ΠΊΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ.

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

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

Π¨Π°Π³ 4. Π£ΠΊΡ€Π°ΡΡŒΡ‚Π΅ ΠΊΠΎΠ»Π»Π°ΠΆ

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

ΠŸΠΎΠ΄Π±Π΅Ρ€ΠΈΡ‚Π΅ Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΡΡ‰ΡƒΡŽ Ρ€Π°ΠΌΠΊΡƒ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² Π½Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ

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

Π—Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ «ВСкст ΠΈ ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΡΒ». Π’Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Π² ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΠΌ окошкС слСва ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст», послС Ρ‡Π΅Π³ΠΎ надпись появится Π½Π° экранС.

ΠΠ°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π΅ располоТСниС ΠΈ внСшний Π²ΠΈΠ΄: Ρ€Π°Π·ΠΌΠ΅Ρ€, Ρ‚ΠΈΠΏ ΡˆΡ€ΠΈΡ„Ρ‚Π°, Ρ†Π²Π΅Ρ‚ ΠΈ Ρ‚.Π΄.

РазмСститС Π½Π° ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ надпись ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ для Π½Π΅Ρ‘ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅

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

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ Π³ΠΎΡ‚ΠΎΠ². ΠžΡΡ‚Π°Π»ΠΎΡΡŒ лишь ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ ΠΈΠ»ΠΈ сразу ΠΆΠ΅ Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ Π½Π° домашнСм ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Π΅. Разработанная композиция Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Β«Π€ΠΎΡ‚ΠΎΠšΠžΠ›Π›ΠΠ–Β» станСт ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΠ΅ΠΌ для стСн вашСго Π΄ΠΎΠΌΠ° ΠΈ Π΄Π°ΠΆΠ΅ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΠΎΠ΄Π°Ρ€ΠΊΠΎΠΌ Π½Π° дСнь роТдСния Π²Π°ΡˆΠ΅ΠΌΡƒ Π΄Ρ€ΡƒΠ³Ρƒ ΠΈΠ»ΠΈ родствСннику. УстановитС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° свой ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ ΠΈ ΠΎΠΊΡƒΠ½ΠΈΡ‚Π΅ΡΡŒ Π² Π±Π΅Π·Π³Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹ΠΉ ΠΌΠΈΡ€ творчСства!

Π”Ρ€ΡƒΠ³ΠΈΠ΅ интСрСсныС ΡΡ‚Π°Ρ‚ΡŒΠΈ:

Доступно Π±ΠΎΠ»Π΅Π΅ 300
Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… шаблонов ΠΊΠΎΠ»Π»Π°ΠΆΠ΅ΠΉ!

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ бСсплатно

Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Windows 11, 10, 8, 7, XP

ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π€ΠΎΡ‚ΠΎ Онлайн — ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Photo

Π‘ΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π½Π° Π±Π°Π·Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹Ρ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΎΡ‚ aspose.

com Π° Ρ‚Π°ΠΊΠΆΠ΅ aspose.cloud

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ЀОВО Ρ„Π°ΠΉΠ»Ρ‹ ΠΌΡ‹ΡˆΡŒΡŽ

По Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ

По Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ

Π‘Π΅Ρ‚ΠΊΠ°

Π‘Ρ‚ΠΎΠ»Π±Ρ†Ρ‹

Ряды

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ OCR Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ OCR

ΠΠ½Π³Π»ΠΈΠΉΡΠΊΠΈΠΉΠΡ€Π°Π±ΡΠΊΠΈΠΉΠ˜ΡΠΏΠ°Π½ΡΠΊΠΈΠΉΠ˜Ρ‚Π°Π»ΡŒΡΠ½ΡΠΊΠΈΠΉΠšΠΈΡ‚Π°ΠΉΡΠΊΠΈΠΉ ΡƒΠΏΡ€ΠΎΡ‰Π΅Π½Π½Ρ‹ΠΉΠΠ΅ΠΌΠ΅Ρ†ΠΊΠΈΠΉΠŸΠ΅Ρ€ΡΠΈΠ΄ΡΠΊΠΈΠΉΠŸΠΎΠ»ΡŒΡΠΊΠΈΠΉΠŸΠΎΡ€Ρ‚ΡƒΠ³Π°Π»ΡŒΡΠΊΠΈΠΉΠ ΡƒΡΡΠΊΠΈΠΉΠ€Ρ€Π°Π½Ρ†ΡƒΠ·ΡΠΊΠΈΠΉ

ЗагруТая свои Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ наш сСрвис, Π²Ρ‹ ΡΠΎΠ³Π»Π°ΡˆΠ°Π΅Ρ‚Π΅ΡΡŒ с нашими Условиями обслуТивания ΠΈ ΠŸΠΎΠ»ΠΈΡ‚ΠΈΠΊΠΎΠΉ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ

JPGDOCXPDFMDPPTXPPTHTMLTXTDOCDOTDOCMDOTXDOTMRTFMHTMLXHTMLODTOTTPSPCLXPSBMPEMFPNGGIFSVGTIFFEPUBXLSXXLSCSVTEXMOBIWPSWPT

ΠžΠ‘ΠͺΠ•Π”Π˜ΠΠ˜Π’Π¬

Π’Π°ΡˆΠΈ Ρ„Π°ΠΉΠ»Ρ‹ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ БКАЧАВЬ

Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Google Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² Dropbox

ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π½Π° ΡΠ»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΡƒΡŽ ΠΏΠΎΡ‡Ρ‚Ρƒ
ΠžΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ Π½Π°ΠΌ свой ΠΎΡ‚Π·Ρ‹Π²

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ ΠΎΠ± этой ошибкС Π½Π° Ρ„ΠΎΡ€ΡƒΠΌΠ΅ Aspose, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΡ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΈ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ? Когда ошибка Π±ΡƒΠ΄Π΅Ρ‚ исправлСна, Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ Π½Π° email.

Π€ΠΎΡ€ΠΌΠ° ΠΎΡ‚Ρ‡Π΅Ρ‚Π°

Google Sheets
Mail Merge ΠžΠ±Π»Π°Ρ‡Π½Ρ‹ΠΉ API

ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΎΠ½Π»Π°ΠΉΠ½

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот бСсплатный ΠΎΠ½Π»Π°ΠΉΠ½-сСрвис, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ нСсколько Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π² ΠΎΠ΄Π½Ρƒ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства. ВсС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, это Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ нСсколько Ρ„Π°ΠΉΠ»ΠΎΠ², Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ порядок Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹ΠΉ способ объСдинСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ. НСсколько Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ Π² ΠΎΠ΄Π½Ρƒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π·Π° считанныС сСкунды.

ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Π·Π°Π΄Π°Π½Π½ΠΎΠΌ порядкС ΠΎΠ½Π»Π°ΠΉΠ½

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ объСдинСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ, Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ ΠΈΠ»ΠΈ ΠΏΠΎ Π·Π°Π΄Π°Π½Π½ΠΎΠΉ сСткС:

  • Ссли Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ объСдинСниС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π² порядкС слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ
  • Ссли Π²Ρ‹ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚Π΅ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ΅ объСдинСниС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ Π² порядкС свСрху Π²Π½ΠΈΠ·
  • Ссли Π²Ρ‹ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ объСдинСниС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΏΠΎ сСткС, Ρ‚ΠΎ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ количСство строк ΠΈ столбцов сСтки, Π² соотвСтствии с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ собрана итоговая фотография

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Photo Merger, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠΊΠΎΠ»Π»Π°ΠΆ Π·Π° считанныС сСкунды. Однако для этой Ρ†Π΅Π»ΠΈ ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π²Π°ΠΌ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ наш ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΉ Photo Collage Maker, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π°ΠΌ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ способы объСдинСния Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ вмСстС, Π° Ρ‚Π°ΠΊΠΆΠ΅ нСсколько способов выдСлСния Ρ„ΠΎΡ‚ΠΎΡ€Π°ΠΌΠΎΠΊ Ρ†Π²Π΅Ρ‚ΠΎΠΌ.

ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠΉΡ‚Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ вмСстС ΠΎΠ½Π»Π°ΠΉΠ½

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

Как ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹

  1. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π΄ΠΎ 10 Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΈΡ… Π² ΠΎΠ΄ΠΈΠ½.
  2. Π—Π°Π΄Π°ΠΉΡ‚Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ порядок соСдинСния Ρ„ΠΎΡ‚ΠΎ, оптичСскоС распознаваниС символов (OCR) ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π²Ρ‹Ρ…ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.
  3. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹.
  4. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Π²Ρ‹Ρ…ΠΎΠ΄Π½ΠΎΠΉ Ρ„Π°ΠΉΠ» для ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ³ΠΎ просмотра.
  5. ΠžΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ ссылку для скачивания Π²Ρ‹Ρ…ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° Π½Π° Π²Π°ΡˆΡƒ ΡΠ»Π΅ΠΊΡ‚Ρ€ΠΎΠ½Π½ΡƒΡŽ ΠΏΠΎΡ‡Ρ‚Ρƒ.

Вопросы-ΠžΡ‚Π²Π΅Ρ‚Ρ‹

Как ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ нСсколько Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² ΠΎΠ΄ΠΈΠ½?


Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ нашим ΠΎΠ½Π»Π°ΠΉΠ½ сСрвисом Ρ„ΠΎΡ‚ΠΎ Merger. Он быстрый ΠΈ простой Π² использовании. ΠžΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚Π΅ нСсколько Ρ„ΠΎΡ‚ΠΎ вмСстС бСсплатно.

Бколько Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ² я ΠΌΠΎΠ³Ρƒ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ?


Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π΄ΠΎ 10 Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

Каков максимально допустимый Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»Π°?


Π Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ 10 ΠœΠ‘.

Какими способами ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚?


Π’ ΠΊΠΎΠ½Ρ†Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ слияния Ρ„ΠΎΡ‚ΠΎ Π²Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ссылку для скачивания. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ сразу ΠΈΠ»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ссылку Π½Π° свой адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹.

Как Π΄ΠΎΠ»Π³ΠΎ ΠΌΠΎΠΈ Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ хранятся Π½Π° Π²Π°ΡˆΠΈΡ… сСрвСрах?


Π’Π°ΡˆΠΈ Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ хранятся Π½Π° сСрвСрах Aspose Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 24 часов. По истСчСнии этого Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΎΠ½ΠΈ автоматичСски ΡƒΠ΄Π°Π»ΡΡŽΡ‚ΡΡ.

ΠœΠΎΠΆΠ΅Ρ‚Π΅ Π»ΠΈ Π²Ρ‹ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡ‚ΡŒ ΠΌΠΎΠΈΡ… Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ²? ВсС бСзопасно?


Aspose удСляСт пСрвостСпСнноС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ бСзопасности ΠΈ Π·Π°Ρ‰ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… Π΄Π°Π½Π½Ρ‹Ρ…. Π‘ΡƒΠ΄ΡŒΡ‚Π΅ ΡƒΠ²Π΅Ρ€Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎ ваши Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ хранятся Π½Π° бСзопасных сСрвСрах ΠΈ Π·Π°Ρ‰ΠΈΡ‰Π΅Π½Ρ‹ ΠΎΡ‚ любого нСсанкционированного доступа.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ объСдинСниС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ² Π² ΠΎΠ΄ΠΈΠ½ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Π΅ΠΌ я ΠΎΠΆΠΈΠ΄Π°Π»?


ОбъСдинСниС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„ΠΎΡ‚ΠΎ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ½ΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ кодирования ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π½ΠΎΠ³ΠΎ сТатия Π΄Π°Π½Π½Ρ‹Ρ….

Π’Ρ€ΠΈ способа ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ нСсколько Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΠΎΠ»Π»Π°ΠΆ ΠΈΠ»ΠΈ Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π½Π° ΠΏΠ°ΠΌΡΡ‚ΡŒ с нСсколькими снимками Π΄Ρ€ΡƒΠ·Π΅ΠΉ, сСмьи.

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

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

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΏΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π΅ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ процСссора Microsoft Word, просмотра ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ cloud. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ это с Π²Π΅Π±-сайта, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ опишСм Π½ΠΈΠΆΠ΅.


нСсколько Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ способ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС β€” с использованиСм ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для просмотра ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Windows, Ρ‡Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ просто. Π‘Π½Π°Ρ‡Π°Π»Π° слСдуСт Π½Π°ΠΉΡ‚ΠΈ всС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ, ΠΈ Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΈΡ… Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅, ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС. см. ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅ …

Π Π°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ всС Π½ΡƒΠΆΠ½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅

Когда Π²Ρ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Π² ΠΏΠ°ΠΏΠΊΠ΅ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части ΠΎΠΊΠ½Π° активируСтся опция для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с изобраТСниями. Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ изобраТСния, ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ.

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

Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС Π²ΠΈΠ΄ΠΈΠΌ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ изобраТСния Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС. МоТно Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ доступныС ΠΎΠΏΡ†ΠΈΠΈ: Π² ΠΎΠ΄Π½Ρƒ страницу ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎ 35 ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. НаТмитС ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€ сразу распСчатаСт страницу с Ρ‡Π΅Ρ‚Ρ‹Ρ€ΡŒΠΌΡ фотографиями Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС. Π‘ΠΌ. ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΆΠ΅

Π Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ 4 Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ простой ΡΠΏΠΎΡΠΎΠ±Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ снимки β€” это с использованиСм Microsoft Office PowerPoint. Π­Ρ‚Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ тСкстов Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ… с ОБ Windows. Она стоит ΠΎΠΊΠΎΠ»ΠΎ $ 200 Π² срСднСм, хотя Π½Π° самом Π΄Π΅Π»Π΅ ΠΏΠΎΡ‡Ρ‚ΠΈ всС ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Ρ‚Π°ΡŽΡ‚ Π΅Π΅ бСсплатно.

Π”Π΅Π»ΠΎ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ эта ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ‚ извСстным ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌ Microsoft Office ΠΎΡ‚ Windows. Π’ сочСтании с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ β€” это самый ΠΏΡ€ΠΎΠ΄Π°Π²Π°Π΅ΠΌΡ‹ΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ MicrosΠΎft послС Windows ΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ срСди офисных Ρ€Π°Π±ΠΎΡ‚Π½ΠΈΠΊΠΎΠ², послС Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎΠΉ бСсплатной вСрсии Open Office.

ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ совсСм просто. Если Π²Ρ‹ сдСлали слайд, Π±ΡƒΠ΄Π΅Ρ‚ Π»Π΅Π³ΠΊΠΎ ΡΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ нСсколько ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ вмСстС ΠΈ Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ ΠΈΡ…. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ (Π² зависимости ΠΎΡ‚ вСрсии ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ систСмы открываСтся ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ). ΠœΡ‹ попытаСмся Π΄Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰Π΅Π΅ объяснСниС процСсса .

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

ПанСль управлСния Microsoft Power Point

ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΊΠΎΠ»Π»Π°ΠΆ Π³ΠΎΡ‚ΠΎΠ², Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°ΡΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΡƒΡŽ страницу. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² мСню Π€Π°ΠΉΠ» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠŸΠ΅Ρ‡Π°Ρ‚ΡŒ. Π—Π°Ρ‚Π΅ΠΌ появится ΠΎΠΊΠ½ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ свойства ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ. см. рисунок …

КоллаТ в Microsoft Power Point

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

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Photovisi

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

АдаптивныС изобраТСния — Π˜Π·ΡƒΡ‡Π΅Π½ΠΈΠ΅ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

  • Назад
  • ΠžΠ±Π·ΠΎΡ€: Multimedia and embedding
  • Π”Π°Π»Π΅Π΅

Π’ Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΠΈΠ·ΡƒΡ‡ΠΈΠΌ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ Π³ΠΈΠ±ΠΊΠΈΡ… (responsive) ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ β€” Ρ‚Π°ΠΊΠΈΡ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π½Π° устройствах с сильно ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‰ΠΈΠΌΠΈΡΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ экрана, Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ характСристиками β€” ΠΈ рассмотрим инструмСнты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ Π² HTML для ΠΈΡ… Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ. Responsive images — Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Π° Ρ‡Π°ΡΡ‚ΡŒ (ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ Π½Π°Ρ‡Π°Π»ΠΎ) Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‚Π΅ΠΌΡ‹, которая Π±ΡƒΠ΄Π΅Ρ‚ рассмотрСна ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΌΠΎΠ΄ΡƒΠ»Π΅ Π½Π° Ρ‚Π΅ΠΌΡƒ CSS.

ВрСбования:ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅Ρ‚ΡΡ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌΡ‹ с основами HTML ΠΈ ΡƒΠΌΠ΅Π΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ статичныС изобраТСния Π½Π° Π²Π΅Π±-страницу.
ЦСль:Π£Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ элСмСнты, ΠΊΠ°ΠΊ srcset ΠΈ <picture> Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π³ΠΈΠ±ΠΊΠΈΡ… изобраТСния Π½Π° Π²Π΅Π±-сайтах.

ΠšΠ°ΠΊΡƒΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΌΡ‹ пытаСмся Ρ€Π΅ΡˆΠΈΡ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ изобраТСниями? Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹ΠΉ сцСнарий. ΠžΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Π²Π΅Π±-сайт ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅, для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ восприятия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, Π° Ρ‚Π°ΠΊΠΆΠ΅ нСсколько ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ ΠΏΠΎΠ΄ Π½ΠΈΠΌ. Π’Ρ‹, вСроятно, Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Π·Π°Π½ΠΈΠΌΠ°Π»ΠΎ всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΎΠΊΠ½Π°, Π° изобраТСния Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π»ΠΈΡΡŒ Π³Π΄Π΅-Ρ‚ΠΎ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ. Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ простой ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Вакая вёрстка Ρ…ΠΎΡ€ΠΎΡˆΠΎ выглядит Π½Π° ΡˆΠΈΡ€ΠΎΠΊΠΎΡ„ΠΎΡ€ΠΌΠ°Ρ‚Π½Ρ‹Ρ… экранах Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ² ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ПК, (Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΄Π΅ΠΌΠΎ-ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΈ Π½Π°ΠΉΡ‚ΠΈ исходный ΠΊΠΎΠ΄ Π½Π° Github.) ΠœΡ‹ Π½Π΅ Π±ΡƒΠ΄Π΅ΠΌ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ CSS, скаТСм Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

  • Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠΌΡƒ Ρ‚Π΅Π³Π° main Π·Π°Π΄Π°Π½Π° максимальная ΡˆΠΈΡ€ΠΈΠ½Π° 1200 пиксСлСй. Если ΡˆΠΈΡ€ΠΈΠ½Π° ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° большС этого значСния, Ρ‚ΠΎ содСрТимоС сайта остаётся Π½Π° 1200 пиксСлСй ΠΈ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ сСбя Π² доступном пространствС. Если ΡˆΠΈΡ€ΠΈΠ½Π° ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° мСньшС, содСрТимоС устанавливаСтся Π² 100% ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ экрана.
  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² шапкС всСгда Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ Ρ‚Π΅Π³Π° header Π²Π½Π΅ зависимости ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Если сайт Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒΡΡ Π½Π° ΡƒΠ·ΠΊΠΈΡ… экранах, Ρ‚ΠΎ Π²Π°ΠΆΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ изобраТСния (люди) всё Ρ€Π°Π²Π½ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΈΠ΄Π½Ρ‹. ВсС, Ρ‡Ρ‚ΠΎ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ экрана Π±ΡƒΠ΄Π΅Ρ‚ скрыто. Высота шапки 200 пиксСлСй.
  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π² содСрТимом Π·Π°Π΄Π°Π½Ρ‹ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ Ссли ΡˆΠΈΡ€ΠΈΠ½Π° body становится мСньшС Ρ‡Π΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния, Ρ‚ΠΎ изобраТСния Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒΡΡ ΠΈ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ всСгда Π²Π½ΡƒΡ‚Ρ€ΠΈ body ΠΈ Π½Π΅ Π²Ρ‹ΡΡ‚ΡƒΠΏΠ°ΡŽΡ‚ Π·Π° Π΅Π³ΠΎ ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹.

Всё Ρ…ΠΎΡ€ΠΎΡˆΠΎ, ΠΎΠ΄Π½Π°ΠΊΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ просматриваСтС сайт Π½Π° устройствС с нСбольшим экраном – шапка Π²Π½ΠΈΠ·Ρƒ выглядит Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ, Π½ΠΎ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΠ½Π° Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ высоту экрана; ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ², выглядит уТасно – ΠΏΡ€ΠΈ Ρ‚Π°ΠΊΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Π΅Π΄Π²Π° ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ людСй!

Π‘Ρ‹Π»ΠΎ Π±Ρ‹ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ изобраТСния, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²ΠΈΠ΄Π½Ρ‹ Π²Π°ΠΆΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ снимка, ΠΊΠΎΠ³Π΄Π° сайт отобраТаСтся Π½Π° ΡƒΠ·ΠΊΠΎΠΌ экранС, ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ срСднСС ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΌ ΠΈ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ изобраТСниями для экранов срСднСй ΡˆΠΈΡ€ΠΈΠ½Ρ‹, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹ – это извСстно ΠΊΠ°ΠΊ art direction problem.

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

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

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

Π’Π°ΠΊΠΎΠ³ΠΎ Ρ€ΠΎΠ΄Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π½Π΅ Π±Ρ‹Π»ΠΎ Π² Π½Π°Ρ‡Π°Π»Π΅ сущСствования Π²Π΅Π±Π°, Π² ΠΏΠ΅Ρ€Π²ΠΎΠΉ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Π΅ 90-Ρ… Π³ΠΎΠ΄ΠΎΠ² – Ρ‚ΠΎΠ³Π΄Π° СдинствСнными устройствами для просмотра Π²Π΅Π±-страниц Π±Ρ‹Π»ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ ΠΈ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΈ, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ создатСли Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ Π°Π²Ρ‚ΠΎΡ€Ρ‹ спСцификаций Π΄Π°ΠΆΠ΅ Π½Π΅ Π·Π°Π΄ΡƒΠΌΡ‹Π²Π°Π»ΠΈΡΡŒ ΠΎ создании Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Ρ‹Π»ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ Π½Π΅Π΄Π°Π²Π½ΠΎ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… Π²Ρ‹ΡˆΠ΅. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π²Π°ΠΌ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ нСсколько ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅, Π½ΠΎ содСрТит Ρ€Π°Π·Π½ΠΎΠ΅ количСство пиксСлСй (resolution switching), ΠΈΠ»ΠΈ Ρ€Π°Π·Π½Ρ‹Π΅ изобраТСния с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ областями основного изобраТСния (art direction).

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: НовыС возмоТности ΠΎΠ±ΡΡƒΠΆΠ΄Π°ΡŽΡ‚ΡΡ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅ β€” srcset/sizes/<picture> β€” всС ΠΎΠ½ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ послСдними вСрсиями соврСмСнных Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² (Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Microsoft Edge, Π½ΠΎ Π½Π΅ Internet Explorer).

Π’ этом Ρ€Π°Π·Π΄Π΅Π»Π΅ рассмотрим Π΄Π²Π΅ Π²Ρ‹ΡˆΠ΅ΠΎΠΏΠΈΡΠ°Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ, ΠΊΠ°ΠΊ ΠΈΡ… Ρ€Π΅ΡˆΠΈΡ‚ΡŒ с использованиСм инструмСнтов HTML <img>. Как ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ Π²Ρ‹ΡˆΠ΅ — ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΊ ΡƒΠΊΡ€Π°ΡˆΠ΅Π½ΠΈΠ΅ сайта ΠΈ установлСно ΠΊΠ°ΠΊ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS. CSS большС ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ‡Π΅ΠΌ HTML, ΠΎΠ± этом ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΌΠΎΠ΄ΡƒΠ»Π΅ ΠΎ CSS.

Π Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ: Π Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹

Π˜Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊΡƒΡŽ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ Ρ€Π΅ΡˆΠ°ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ? Π’ зависимости ΠΎΡ‚ устройства Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π½ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ². ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° Π²Ρ‚ΠΎΡ€ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ элСмСнт <img> ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ позволяСт ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ:

<img src="elva-fairy-800w. jpg" alt="Elva dressed as a fairy">

Однако Π΅ΡΡ‚ΡŒ Π΄Π²Π° Π½ΠΎΠ²Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° β€” srcset ΠΈ sizes β€” ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ изобраТСния с ΠΏΠΎΠΌΠ΅Ρ‚ΠΊΠ°ΠΌΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π²Ρ‹Π±Ρ€Π°Π» подходящСС. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Π½Π° Github: responsive.html (Ρ‚Π°ΠΊΠΆΠ΅ смотри источник ΠΊΠΎΠ΄Π°).

<img srcset="elva-fairy-320w.jpg 320w,
             elva-fairy-480w.jpg 480w,
             elva-fairy-800w.jpg 800w"
    
     src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">

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

srcset Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ названия ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, срСди ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π²Ρ‹Π±Π΅Ρ€Π΅Ρ‚ Π½ΡƒΠΆΠ½ΠΎΠ΅ ΠΈ ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹. ΠŸΠ΅Ρ€Π΅Π΄ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ запятой части значСния Π² Ρ‚Π°ΠΊΠΎΠΌ порядкС:

  1. НазваниС изобраТСния (elva-fairy-480w. jpg.)
  2. ΠŸΡ€ΠΎΠ±Π΅Π».
  3. ΠΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Π°Ρ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² пиксСлах (480w) β€” Π·Π°ΠΌΠ΅Ρ‚ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ здСсь ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ w вмСсто px, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ. Π­Ρ‚Π° настоящая ΡˆΠΈΡ€ΠΈΠ½Π° изобраТСния, которая ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ просмотрСна Π² свойствах ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π° Mac Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Finder ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Cmd + I , Ρ‡Ρ‚ΠΎΠ±Ρ‹ вывСсти ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π½Π° экран).

sizes опрСдСляСт ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ ΠΌΠ΅Π΄ΠΈΠ°Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡˆΠΈΡ€ΠΈΠ½Ρƒ экрана) ΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ изобраТСния, ΠΊΠΎΠ³Π΄Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ΅ ΠΌΠ΅Π΄ΠΈΠ°Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ истинно β€” это Ρ‚ΠΎ, ΠΎ Ρ‡Ρ‘ΠΌ ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ Π²Ρ‹ΡˆΠ΅. Π’ нашСм случаС, ΠΏΠ΅Ρ€Π΅Π΄ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ запятой ΠΌΡ‹ пишСм:

  1. МСдиа-условиС ((max-width:480px)) β€” Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ большС ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎΠ± этом Π² CSS topic, Π½ΠΎ сСйчас Π΄Π°Π²Π°ΠΉΡ‚Π΅ скаТСм, Ρ‡Ρ‚ΠΎ ΠΌΠ΅Π΄ΠΈΠ°-условиС описываСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅ состояниС экрана. Π’ этом случаС, ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ «ΠΊΠΎΠ³Π΄Π° viewport width мСньшС ΠΈΠ»ΠΈ Ρ€Π°Π²Π΅Π½ 480 пиксСлям».
  2. ΠŸΡ€ΠΎΠ±Π΅Π».
  3. Π¨ΠΈΡ€ΠΈΠ½Ρƒ слота (Π² ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»Π΅ «width of the slot»), Π·Π°Π½ΠΈΠΌΠ°Π΅ΠΌΡƒΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΌΠ΅Π΄ΠΈΠ°-условиС истинно. (440px)

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Для ΡˆΠΈΡ€ΠΈΠ½Ρ‹ слота, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ значСния (px, em) ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠΊΠ½Π° просмотра (vw), Π½ΠΎ НЕ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Ρ‹. Π’Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ послСднСго слота Π½Π΅Ρ‚ ΠΌΠ΅Π΄ΠΈΠ°-условия β€” это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ станСт Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ, Ссли Π½ΠΈ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… ΠΌΠ΅Π΄ΠΈΠ°-условий Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ истинно. Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΠ΅Ρ‚ всС ΠΏΠΎΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ послС ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ совпадСния, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½Π΅Π΅ ΠΊ порядку ΠΈΡ… объявлСния.

Π˜Ρ‚Π°ΠΊ, с Ρ‚Π°ΠΊΠΈΠΌΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ сдСлаСт ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

  1. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚ Π½Π° ΡˆΠΈΡ€ΠΈΠ½Ρƒ экрана устройства.
  2. ΠŸΠΎΠΏΡ‹Ρ‚Π°Π΅Ρ‚ΡΡ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ подходящСС ΠΌΠ΅Π΄ΠΈΠ°-условиС ΠΈΠ· списка Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ sizes.
  3. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ слота ΠΊ этому ΠΌΠ΅Π΄ΠΈΠ°Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ.
  4. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· списка ΠΈΠ· srcset, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚ΠΎΡ‚ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€, Ρ‡Ρ‚ΠΎ ΠΈ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΉ слот, ΠΈΠ»ΠΈ, Ссли Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π½Π΅Ρ‚, Ρ‚ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ большС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ слота.

И это всё! На Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚, Ссли ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ с viewport width 480px Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ страницу, ΠΌΠ΅Π΄ΠΈΠ°-условиС (max-width: 480px) Π±ΡƒΠ΄Π΅Ρ‚ истинно, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½ слот 440px, Ρ‚ΠΎΠ³Π΄Π° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ elva-fairy-480w.jpg, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ свойство ΡˆΠΈΡ€ΠΈΠ½Ρ‹ (480w) Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π±Π»ΠΈΠ·ΠΊΠΎ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ 440px. Условно, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ 800px Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π½Π° дискС 128KB, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ вСрсия Π² 480px Ρ‚ΠΎΠ»ΡŒΠΊΠΎ 63KB β€” экономия Π² 65KB. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρƒ вас страница, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ это Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ, Π²Ρ‹ обСспСчитС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΏΡ€ΠΎΠΏΡƒΡΠΊΠ½ΡƒΡŽ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ.

Π‘Ρ‚Π°Ρ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠ΅ эти возмоТности, просто ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ ΠΈΡ… ΠΈ Π²ΠΎΠ·ΡŒΠΌΡƒΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ адрСсу ΠΈΠ· Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° src.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π’ описании элСмСнта <head> Π²Ρ‹ Π½Π°ΠΉΠ΄Ρ‘Ρ‚Π΅ строку <meta name="viewport" content="width=device-width">: это заставляСт ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ viewport width для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ web-страниц (Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ нСчСстны насчёт своСго viewport width, вмСсто этого ΠΎΠ½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ страницу Π² большСм viewport width, Π° Π·Π°Ρ‚Π΅ΠΌ ΡƒΠΆΠΈΠΌΠ°ΡŽΡ‚ Π΅Ρ‘, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ сказываСтся Π½Π° Π½Π°ΡˆΠΈΡ… ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Ρ… изобраТСниях ΠΈΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. ΠœΡ‹ расскаТСм Π²Π°ΠΌ ΠΎΠ± этом большС Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΌΠΎΠ΄ΡƒΠ»Π΅.)

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ инструмСнты Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°

Π•ΡΡ‚ΡŒ нСсколько ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹Ρ… инструмСнтов Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ слотов ΠΈ Ρ‚. Π΄., ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Когда я Ρ€Π°Π±ΠΎΡ‚Π°Π» Π½Π°Π΄ Π½ΠΈΠΌΠΈ, я сначала Π·Π°Π³Ρ€ΡƒΠΆΠ°Π» Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ ΠΌΠΎΠ΅Π³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° (not-responsive.html), Π·Π°Ρ‚Π΅ΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π» Responsive Design View (Tools > Web Developer > Responsive Design View), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ Π½Π° layout вашСй Π²Π΅Π±-страницы ΠΊΠ°ΠΊ Ссли Π±Ρ‹ ΠΎΠ½ΠΈ Π±Ρ‹Π»ΠΈ просмотрСны Ρ‡Π΅Ρ€Π΅Π· устройства с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ экрана.

Π― устанавливал viewport width Π½Π° 320px, Π·Π°Ρ‚Π΅ΠΌ Π½Π° 480px; для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ я обращался ΠΊ DOM Inspector, ΠΊΠ»ΠΈΠΊΠ°Π» ΠΏΠΎ элСмСнту <img> Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΌΡ‹ заинтСрСсованы, Π΄Π°Π»Π΅Π΅ смотрСл Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Box Model с ΠΏΡ€Π°Π²ΠΎΠΉ стороны дисплСя. Π­Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ изобраТСния

А дальшС Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π»ΠΈ srcset Ссли ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ viewport width Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠ°ΠΊΠΈΠΌ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡƒΠ·ΠΊΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ), ΠΎΡ‚ΠΊΡ€Ρ‹Π² Network Inspector (Tools > Web Developer > Network) ΠΈ Π·Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ страницу. Π­Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΏΠ΅Ρ€Π΅Ρ‡Π΅Π½ΡŒ рСсурсов ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Ρ‹ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ (ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ) web-страницу, ΠΈ Ρ‚ΡƒΡ‚ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ Ρ„Π°ΠΉΠ» изобраТСния Π±Ρ‹Π» Π²Ρ‹Π±Ρ€Π°Π½ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ: ΠžΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€, Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ

Если Π²Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚Π΅ нСсколько Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ экрана, Π½ΠΎ всС видят вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈ Ρ‚ΠΎΠΌ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Π½Π° экранС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с подходящим Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ srcset с x-дСскриптором ΠΈ Π±Π΅Π· sizes β€” Π±ΠΎΠ»Π΅Π΅ простой синтаксис! Найти ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠ°ΠΊ это выглядит ΠΌΠΎΠΆΠ½ΠΎ здСсь srcset-resolutions.html (смотритС Ρ‚Π°ΠΊΠΆΠ΅ the source code):

<img srcset="elva-fairy-320w.jpg,
             elva-fairy-480w.jpg 1.5x,
             elva-fairy-640w.jpg 2x"
     src="elva-fairy-640w.jpg" alt="Elva dressed as a fairy">

Π’ Π΄Π°Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ примСняСтся CSS Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² 320 пиксСлСй Π½Π° экранС (Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠ΅ CSS-пиксСлями):

img {
  width: 320px;
}

Π’ этом случаС, Π½Π΅Ρ‚ нСобходимости Π² sizes β€” Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ просто опрСдСляСт Π² ΠΊΠ°ΠΊΠΎΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ дисплСй ΠΈ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящСС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² соотвСтствии с srcset. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ссли устройство, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΠΎΠ΅ ΠΊ страницС, ΠΈΠΌΠ΅Π΅Ρ‚ дисплСй стандартного/Π½ΠΈΠ·ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ΄ΠΈΠ½ пиксСль устройства прСдставляСт (соотвСтствуСт) ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ CSS-пиксСль, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ elva-fairy-320w.jpg (ΠΏΡ€ΠΈΠΌΠ΅Π½Ρ‘Π½ x1, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ Π²Π°ΠΌ Π½Π΅ Π½Π°Π΄ΠΎ Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ). Если устройство ΠΈΠΌΠ΅Π΅Ρ‚ высокоС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π² Π΄Π²Π° пиксСля устройства Π½Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ CSS-пиксСль ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ elva-fairy-640w.jpg. 640px ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ 93KB, Ρ‚ΠΎΠ³Π΄Π° Ρ‚Π°ΠΊ 320px ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ — всСго 39KB.

Π₯удоТСствСнноС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅

Подводя ΠΈΡ‚ΠΎΠ³ΠΈ, ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° худоТСствСнного оформлСния Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² ΠΆΠ΅Π»Π°Π½ΠΈΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΎ соотвСтствовало Ρ€Π°Π·Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌ отобраТСния изобраТСния. НапримСр, Ссли Π½Π° Π²Π΅Π±-сайтС отобраТаСтся большой ΠΏΠ΅ΠΉΠ·Π°ΠΆΠ½Ρ‹ΠΉ снимок с Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ посСрСдинС ΠΏΡ€ΠΈ просмотрС Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, Ρ‚ΠΎ ΠΏΡ€ΠΈ просмотрС Π²Π΅Π±-сайта Π² мобильном Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΎΠ½ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ΡΡ; ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΠ»ΠΎΡ…ΠΎ Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ малСньким, ΠΈ Π΅Π³ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ тяТСло Ρ€Π°Π·Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ. ВСроятно Π±ΡƒΠ΄Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΌΠ΅Π½ΡŒΡˆΡƒΡŽ ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² мобильной вСрсии Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ отобраТаСтся Π² ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ (Π² ΠΏΡ€ΠΈΠ±Π»ΠΈΠΆΠ΅Π½ΠΈΠΈ). Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <picture> позволяСт Π½Π°ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

Π’ΠΎΠ·Π²Ρ€Π°Ρ‰Π°ΡΡΡŒ ΠΊ Π½Π°ΡˆΠ΅ΠΌΡƒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ not-responsive.html, ΠΌΡ‹ ΠΈΠΌΠ΅Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΎΡ‡Π΅Π½ΡŒ нуТдаСтся Π² худоТСствСнном ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ:

<img src="elva-800w.jpg" alt="Chris standing up holding his daughter Elva">

Π”Π°Π²Π°ΠΉΡ‚Π΅ исправим это ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ элСмСнта <picture>! Π’Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ <video> ΠΈ <audio>, элСмСнт <picture> это ΠΎΠ±Ρ‘Ρ€Ρ‚ΠΊΠ° содСрТащая Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ количСство элСмСнтов <source> ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π²Ρ‹Π±ΠΎΡ€ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ€Π°Π·Π½Ρ‹Ρ… источников, Π² сопровоТдСнии ΠΊΡ€Π°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ элСмСнта <img>. Код responsive.html выглядит Ρ‚Π°ΠΊ:

<picture>
  <source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg">
  <source media="(min-width: 800px)" srcset="elva-800w. jpg">
  <img src="elva-800w.jpg" alt="Chris standing up holding his daughter Elva">
</picture>
  • Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <source> ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ media, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ содСрТит ΠΌΠ΅Π΄ΠΈΠ°-условиС; ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ этих условий опрСдСляСтся, ΠΊΠ°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²Π΅Π΄Π΅Π½ΠΎ. Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС, Ссли ΡˆΠΈΡ€ΠΈΠ½Π° viewport’a составит 799px ΠΈΠ»ΠΈ мСньшС, Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²Π΅Π΄Π΅Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ элСмСнта <source>. Если ΡˆΠΈΡ€ΠΈΠ½Π° составит 800px ΠΈ Π±ΠΎΠ»Π΅Π΅ β€” Π²Ρ‚ΠΎΡ€ΠΎΠ³ΠΎ.
  • Атрибут srcset содСрТит ΠΏΡƒΡ‚ΡŒ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π²Π΅Π΄Π΅Π½ΠΎ. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΈ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ с <img> Π²Ρ‹ΡˆΠ΅, <source> ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ srcset ΠΈ sizes с нСсколько ΠΏΡ€Π΅Π΄ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½Ρ‹ΠΌΠΈ изобраТСниями. Π’Π°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π²Π½ΡƒΡ‚Ρ€ΠΈ элСмСнта <picture>, Π½ΠΎ ΠΈ Π·Π°Π΄Π°Ρ‚ΡŒ Π³Ρ€ΡƒΠΏΠΏΡƒ прСдписаний для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ…. Π’ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Ρ‹ вряд Π»ΠΈ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ этим ΠΎΡ‡Π΅Π½ΡŒ часто.
  • Π’Ρ‹ всСгда Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ элСмСнт <img>, с src ΠΈ alt, прямо ΠΏΠ΅Ρ€Π΅Π΄ </picture>, ΠΈΠ½Π°Ρ‡Π΅ изобраТСния Π½Π΅ появятся. Π­Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π½Π° Ρ‚ΠΎΡ‚ случай, ΠΊΠΎΠ³Π΄Π° Π½ΠΈ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΠΌΠ΅Π΄ΠΈΠ°-условий Π½Π΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€Π΅Π½ΠΎ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ссли Π±Ρ‹ Π²Ρ‹ ΡƒΠ±Ρ€Π°Π»ΠΈ Π²Ρ‚ΠΎΡ€ΠΎΠΉ элСмСнт <source>) ΠΈΠ»ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ элСмСнт <picture>.

Π­Ρ‚ΠΎΡ‚ ΠΊΠΎΠ΄ позволяСт Π½Π°ΠΌ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π½Π° ΡˆΠΈΡ€ΠΎΠΊΠΈΡ…, ΠΈ Π½Π° ΡƒΠ·ΠΊΠΈΡ… экранах, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅:

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π²Π°ΠΌ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ media Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ худоТСствСнном ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ; ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ media, Π½Π΅ примСняйтС ΠΌΠ΅Π΄ΠΈΠ°-условия с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ sizes.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ это нСльзя ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ посрСдством CSS ΠΈ JavaScript?

Когда Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ страницу, ΠΎΠ½ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π΄ΠΎ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π³Π»Π°Π²Π½Ρ‹ΠΉ парсСр Π½Π°Ρ‡Π°Π» Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€ΠΏΡ€Π΅Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ CSS ΠΈ JavaScript. Π’ срСднСм, эта Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ° ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы Π½Π° 20%. Но ΠΎΠ½Π° Π½Π΅ Ρ‚Π°ΠΊ ΠΏΠΎΠ»Π΅Π·Π½Π° Π² случаС с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ изобраТСниями, поэтому ΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Ρ‚Π°ΠΊΠΈΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, ΠΊΠ°ΠΊ srcset. НапримСр, Π²Ρ‹ Π½Π΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ элСмСнт <img>, ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²ΡŒΡŽΠΏΠΎΡ€Ρ‚Π° ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ JavaScript ΠΈ динамичСски ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ источник изобраТСния. Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΡƒΠΆΠ΅ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ ΠΊ Ρ‚ΠΎΠΌΡƒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΊΠ°ΠΊ Π²Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΠΌΠ΅Π½ΡŒΡˆΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ, Ρ‡Ρ‚ΠΎ ΠΏΠ»ΠΎΡ…ΠΎ.

Π‘ΠΌΠ΅Π»ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ соврСмСнныС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π•ΡΡ‚ΡŒ нСсколько Π½ΠΎΠ²Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² изобраТСния (Ρ‚Π°ΠΊΠΈΡ…, ΠΊΠ°ΠΊ WebP ΠΈ JPEG-2000), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ удаётся ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ высокоС качСство ΠΏΡ€ΠΈ ΠΌΠ°Π»ΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»Π°. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΈΡ… Π½Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ.

<picture> позволяСт Π½Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π² старых Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ MIME-Ρ‚ΠΈΠΏ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° type, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ сразу ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ Ρ„Π°ΠΉΠ»Ρ‹ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΊΠ°ΠΊ Π½Π΅ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅:

<picture>
  <source type="image/svg+xml" srcset="pyramid.svg">
  <source type="image/webp" srcset="pyramid. webp">
  <img src="pyramid.png" alt="regular pyramid built from four equilateral triangles">
</picture>
  • НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ media, Ссли Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ худоТСствСнноС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅.
  • Π’ элСмСнтС <source> ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ изобраТСниям Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Π°Π½ Π² type.
  • Как ΠΈ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ…, ΠΏΡ€ΠΈ нСобходимости Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ srcset ΠΈ sizes.

Π‘Π°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ создайтС ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΠ΅, худоТСствСнно ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для ΡˆΠΈΡ€ΠΎΠΊΠΈΡ… ΠΈ ΡƒΠ·ΠΊΠΈΡ… экранов, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ <picture> ΠΈ srcset.

  1. ΠΠ°ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ HTML-Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ.
  2. НайдитС ΡˆΠΈΡ€ΠΎΠΊΠΎΡ„ΠΎΡ€ΠΌΠ°Ρ‚Π½ΠΎΠ΅ ΠΏΠ΅ΠΉΠ·Π°ΠΆΠ½ΠΎΠ΅ Ρ„ΠΎΡ‚ΠΎ с ΠΊΠ°ΠΊΠΎΠΉ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ яркой Π΄Π΅Ρ‚Π°Π»ΡŒΡŽ. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π²Π΅Π±-Π²Π΅Ρ€ΡΠΈΡŽ изобраТСния посрСдством графичСского Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, ΠΏΠΎΡ‚ΠΎΠΌ ΠΎΠ±Ρ€Π΅ΠΆΡŒΡ‚Π΅ Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΡ€ΡƒΠΏΠ½Π΅Π΅ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΡŒ, ΠΈ создайтС Π²Ρ‚ΠΎΡ€ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 480px достаточно).
  3. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ элСмСнт <picture> для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с худоТСствСнно ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ.
  4. ΠžΠ±ΠΎΠ·Π½Π°Ρ‡ΡŒΡ‚Π΅ нСсколько Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² для этой ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.
  5. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ srcset/size для описания ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΏΡ€ΠΈ смСнС Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π²ΡŒΡŽΠΏΠΎΡ€Ρ‚Π°

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ инструмСнты Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ смСну Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΊΠ°ΠΊ Π±Ρ‹Π»ΠΎ описано Π²Ρ‹ΡˆΠ΅.

Π­Ρ‚ΠΎ всС для ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ — ΠΌΡ‹ надССмся, Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΎΡΡŒ ΠΈΠ³Ρ€Π°Ρ‚ΡŒ с этими Π½ΠΎΠ²Ρ‹ΠΌΠΈ тСхнологиями. Напомним, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ здСсь обсуТдали Π΄Π²Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹:

  • Π₯удоТСствСнноС ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅: ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹Π΅ изобраТСния для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² — Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для ΠΏΠΎΠ»Π½Ρ‹Ρ… экранов Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° ΠΈ ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ основной ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, для мобильного ΠΌΠ°ΠΊΠ΅Ρ‚Π°. Всё это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ <picture> элСмСнта.
  • ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ: ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π½Π° устройствах с ΡƒΠ·ΠΊΠΈΠΌ экраном, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΠΌ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ изобраТСния, ΠΊΠ°ΠΊ Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… дисплСях, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для экранов с высокой/Π½ΠΈΠ·ΠΊΠΎΠΉ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ. Π­Ρ‚Ρƒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ (SVG ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ), ΠΈ srcset ΠΈ sizes Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹.

Π­Ρ‚ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΏΠΎΠ΄Π²ΠΎΠ΄ΠΈΡ‚ нас ΠΊ ΠΎΠΊΠΎΠ½Ρ‡Π°Π½ΠΈΡŽ Ρ†Π΅Π»ΠΎΠ³ΠΎ модуля «ΠœΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° ΠΈ встраиваниС»! ЕдинствСнноС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ ΠΎΡΡ‚Π°Π»ΠΎΡΡŒ сСйчас ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄ Ρ‚Π΅ΠΌ, ΠΊΠ°ΠΊ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ дальшС — это ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ нашС ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠΉΠ½ΠΎΠ΅ Π·Π°Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π²Ρ‹ усвоили ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π». Π’Π΅ΡΠ΅Π»ΠΈΡ‚Π΅ΡΡŒ!

  • ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Π΅ изобраТСния ΠΎΡ‚ ДТСйсона Григсби
  • ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Π΅ изобраТСния: Если Π²Ρ‹ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ мСняСтС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ srcset β€” Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ большС объяснСний Ρ‚ΠΎΠ³ΠΎ,ΠΊΠ°ΠΊ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚,ΠΊΠ°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ
  • <img>
  • <picture>
  • <source>
  • Назад
  • ΠžΠ±Π·ΠΎΡ€: Multimedia and embedding
  • Π”Π°Π»Π΅Π΅

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

Как Найти Π’ΡΡŽ Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ О МСбСли По Одной ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅?

Мои ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹

АдрСс: Россия, Вомск (МБК+4)
E-mail: [email protected]
vk.com/dmitry.cherneta
instagram.com/dmitry.cherneta
youtube.com/user/4shaga

Π“Ρ€ΡƒΠΏΠΏΠ° Π’ΠšΠΎΠ½Ρ‚Π°ΠΊΡ‚Π΅

ΠžΠ’Π—Π«Π’Π« О Π ΠΠ‘ΠžΠ’Π•

Ольга Басина24 Ρ„Π΅Π² 2016

Read More

ΠŸΡ€ΠΈΠ±Π΅Π³Π°Π»Π° ΠΊ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Дмитрия Π½Π΅ΠΎΠ΄Π½ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ. ΠžΡ‡Π΅Π½ΡŒ качСствСнная ΠΈ опСративная Ρ€Π°Π±ΠΎΡ‚Π° Π½Π° высоком ΡƒΡ€ΠΎΠ²Π½Π΅. ВсС Π·Π°Π΄Π°Ρ‡ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ Π² срок! ΠŸΠΎΡΡ‚ΠΎΡΠ½Π½ΠΎ остаСтся Π½Π° связи (☝ это ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ фрилансСры Π³Ρ€Π΅ΡˆΠ°Ρ‚ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π° ΠΆΠ΄Π°Ρ‚ΡŒ приходится днями-нСдСлями). Π’Ρ‹Ρ€ΡƒΡ‡Π°Π» мСня Π² Ρ€Π°Π±ΠΎΡ‚Π΅ с самыми ΠΊΠ°ΠΏΡ€ΠΈΠ·Π½Ρ‹ΠΌΠΈ ΠΈ Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈπŸ†˜. Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ всСгда Π΄Π°Π²Π°Π» ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ совСты Π² Ρ€Π°Π±ΠΎΡ‚Π΅, ΠΊΠ°Ρ‡Π΅ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΊΠΎΠ½ΡΡƒΠ»ΡŒΡ‚Π°Ρ†ΠΈΡŽ ΠΈ Π½Π΅ отступал ΠΎΡ‚ Π½Π°ΠΈΡΠ»ΠΎΠΆΠ½Π΅ΠΉΡˆΠΈΡ… Π·Π°Π΄Π°Ρ‡ (ΠΎΡ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ТС😊) «Ρ…ΠΎΡ‡Ρƒ ΠΊΠ°ΠΊ-Ρ‚ΠΎ Ρ‚Π°ΠΊ, Π½Π΅ знаю ΠΊΠ°ΠΊ». Π“ΠΈΠ±ΠΊΠΈΠΉ ΠΈ Π»ΠΎΡΠ»ΡŒΠ½Ρ‹ΠΉ Π² сотрудничСствС. Π”Π° ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅, ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΠ°Ρ€Π΅Π½ΡŒ с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ приятно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. 😊 πŸ‘

Инна Диянова2 ΠΌΠ°Ρ€ 2016

Read More

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Дмитрия ΠΊΠ°ΠΊ ΠΎΡ‡Π΅Π½ΡŒ добросовСстного ΠΈ чСстного фрилансСра. МнС нравится Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ Π΅Ρ‰Π΅ ΠΈ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π½Π΅ стоит Π½Π° мСстС Π² своСм Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅, Π° постоянно ΡƒΠ»ΡƒΡ‡ΡˆΠ°Π΅Ρ‚ свои ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ качСства. МнС, ΠΊΠ°ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ, Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π½ΠΈΠΌ ΠΎΡ‡Π΅Π½ΡŒ приятно. Бпасибо Π”ΠΈΠΌΠ° Π·Π° сотрудничСство!

Максим ΠŸΡƒΠ΄Π°Π»ΠΎΠ²28 ΠΌΠ°Ρ€ 2016

Read More

ΠœΡ‹ (http://thegeos.ru/) ΠΈΠΌΠ΅Π΅ΠΌ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹ с фрилансСрами. Но, ΠΊ ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ — это приятноС ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ· ΠΏΡ€Π°Π²ΠΈΠ». ВсС Π·Π°Π΄Π°Ρ‡ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ ΠΎΡ‡Π΅Π½ΡŒ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎ, обратная связь происходит ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ. Π― Π΄ΡƒΠΌΠ°ΡŽ ΠΌΡ‹ ΠΈ дальшС Π±ΡƒΠ΄Π΅ΠΌ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ.

Π¨ΡƒΡ€ΠΊΠ° Π©ΡƒΠΊΠΈΠ½Π°27 мая 2016

Read More

Π‘ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠ΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ Π½Π°Π΄ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ нСбольшой ΠΊΠ²Π°Ρ€Ρ‚ΠΈΡ€Ρ‹-студии 30 ΠΌ2. Вопросы Ρ€Π΅ΡˆΠ°Π»ΠΈΡΡŒ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎ, Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ всСгда Π±Ρ‹Π» Π½Π° связи, нСсмотря Π½Π° Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π²ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ (ΠΌΡ‹ ΠΈΠ· ΠœΠΎΡΠΊΠ²Ρ‹). Π Π°Π±ΠΎΡ‚Ρ‹ исполнял Π² срок. Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ ΡΠΎΠ±Π»ΡŽΠ΄Π°Π΅Ρ‚ Π’Π—, Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅ ракурсы ΠΈ Π²ΠΎΠΎΠ±Ρ‰Π΅ приятный Π² ΠΎΠ±Ρ‰Π΅Π½ΠΈΠΈ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ. УспСхов Π’Π°ΠΌ, Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ! НадССмся Π½Π° дальнСйшСС сотрудничСство πŸ˜‰πŸ‘

Π•Π»Π΅Π½Π° ΠšΠΎΡ€ΡˆΡƒΠ½ΠΎΠ²Π°13 июл 2016

Read More

Бпасибо Π”ΠΈΠΌΠ΅ Π·Π° ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ,ΠΏΡ€ΠΈ сотрудничСствС с Π½ΠΈΠΌ,Π²Ρ‹Ρ€ΡƒΡ‡Π°Π» с нСсколькими ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, Π½Π΅ ΠΏΠΎΠ΄Π²ΠΎΠ΄ΠΈΠ» мСня 😊 Π±ΡƒΠ΄Π΅ΠΌ дальшС Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒπŸ‘ … Π½Π΅ смотря Π½Π° Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π²ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π² 4 часа!)

КсСния ΠšΠ°Ρ€Ρ‚ΡƒΠ΅ΡΠΎΠ²Π° 31 Π°Π²Π³ 2017

Read More

Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½Π΅ΠΌΠ½ΠΎΠ³ΠΈΡ…, ΠΊΡ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½) это, Π½Π° ΠΌΠΎΠΉ взгляд, ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Π½Π΅ΠΆΠ΅Π»ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Π³ΠΎΡ‚ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΠΎ Ρ‚Π·) Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ ΠΎΡ‡Π΅Π½ΡŒ Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΊ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡŽ Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π°, Π³Π»Π°Π²Π½ΠΎΠ΅, ΠΎΡ‡Π΅Π½ΡŒ качСствСнно ΠΈ Π² срок (Π΄Π°ΠΆΠ΅ Ссли 4 часа Π½ΠΎΡ‡ΠΈπŸ˜‰)) Π£ Дмитрия ΠΎΡ‡Π΅Π½ΡŒ приятныС условия Ρ€Π°Π±ΠΎΡ‚Ρ‹β˜ НС Ρ€Π°Π· ΠΏΠΎΠΌΠΎΠ³Π°Π» ΠΌΠ½Π΅ совСтами Π² освоСнии 3Dmax, ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠΌΠΎΠ³Π»ΠΈ Π΅Π³ΠΎ Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈπŸ‘Œ ΠžΡ‡Π΅Π½ΡŒ Ρ‚Π΅Ρ€ΠΏΠ΅Π»ΠΈΠ² ΠΈ Π΄Π΅Π»ΠΈΠΊΠ°Ρ‚Π΅Π½ (особСнно ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Ρ€Π°ΠΊΡƒΡ€ΡΠ°πŸ˜πŸ˜))) ΠŸΡ€ΠΈΡΡ‚Π½ΠΎ ΡΠΎΡ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‡Π°Ρ‚ΡŒ)) Π‘ΠΎΠ²Π΅Ρ‚ΡƒΡŽ)) ΠžΠ±Ρ€Π°Ρ‰ΡƒΡΡŒ Π΅Ρ‰Π΅ Π½Π΅ Ρ€Π°Π·βœŒβœŒ

Π•Π»Π΅Π½Π° Π›ΠΈΠΊΠΎΠ²Π°28 ноя 2017

Read More

ΠŸΡ€Π΅ΠΊΡ€Π°ΡΠ½Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ‚ΠΎΡ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ всСгда Π½Π° связи, ΠΎΡ‡Π΅Π½ΡŒ быстрый ΠΈ ΡƒΠΌΠ΅Π»Ρ‹ΠΉ, ΠΏΠΎΠ½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠΉ всС ΠΌΠΎΠΈ запросы. Π”Π΅Π»Π°Π΅Ρ‚ ΠΎΡ‚ΠΌΠ΅Π½Π½Ρ‹Π΅ ΠΈ качСствСнныС Π²ΠΈΠ·Ρ‹!!! πŸ‘πŸ» ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π² ΠΌΠΎΠ΅ΠΌ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Π΅. НадСюсь Π½Π° дальнСйшСС сотрудничСство!!!😊

Π•ΠΊΠ°Ρ‚Π΅Ρ€ΠΈΠ½Π° ΠΡ„Π°Π½Π°ΡΡŒΠ΅Π²Π°28 сСн 2018

Read More

НС ΠΎΠ΄Π½ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π»Π° с Π”ΠΌΠΈΡ‚Ρ€ΠΈΠ΅ΠΌ. ΠžΡΡ‚Π°Π»Π°ΡΡŒ ΠΎΡ‡Π΅Π½ΡŒ довольна сотрудничСством! πŸ‘πŸ»ΠžΡ‡Π΅Π½ΡŒ отвСтствСнный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄, постоянная связь, Π½Π΅ смотря Π½Π° Ρ€Π°Π·Π½ΠΈΡ†Ρƒ Π²ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π Π°Π΄ΡƒΠ΅Ρ‚ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅ΠΉΡˆΠ΅Π³ΠΎ Π’Π—, Π° ΠΌΠ½ΠΎΠ³ΠΈΠ΅ вопросы ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½ΠΎ Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ Π² Ρ€Π΅ΠΆΠΈΠΌΠΈ ΠΎΠ½-Π»Π°ΠΉΠ½. ЧувствуСтся, Ρ‡Ρ‚ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚, с ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΎΡ‚Π΄Π°Ρ‡Π΅ΠΉ, поэтому ΠΌΡ‹ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΠΌ ΠΊ качСствСнной ΠΈ рСалистичной ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅!😊

АндрСй Мягков12 сСн 2019

Read More

Π‘ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠ΅ΠΌ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ ΡƒΠΆΠ΅ ΠΎΠΊΠΎΠ»ΠΎ Π“ΠΎΠ΄Π°, Π·Π° это врСмя Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ 30 высококачСствСнных Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΉ! Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Дмитрия ΠΊΠ°ΠΊ исполнитСля: — Π·Π° качСство — Π·Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ — Π·Π° Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Ρ†Π΅Π½Π½ΠΈΠΊ Π½Π° Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Дмитрия ΠΌΡ‹ Π½Π°ΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ Ρ„ΠΎΡ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ 5 сайтов Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°Π΅Ρ‚ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ, ΠΎΠ½ΠΈ Π΄ΠΎ ΡΡƒΠΌΠ°ΡˆΠ΅ΡΡ‚Π²ΠΈΡ Π˜Π΄Π΅Π°Π»ΡŒΠ½Ρ‹! Высокая дСтализация ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠ²! Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎΠ΅ Π’Π—, с ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ Π½Π° Ρ„ΠΎΡ‚ΠΎ ΠΈ ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΈΠΌ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ мысли Ρ‡Π΅Π³ΠΎ Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π² ΠΈΡ‚ΠΎΠ³Π΅. И Π‘ΠΠœΠžΠ• Π“Π›ΠΠ’ΠΠžΠ• Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ, Вас Π½Π΅ бросит Ρ‡Π΅Ρ€Π΅Π· мСсяц ΠΈΠ»ΠΈ ΠΏΠΎΠ» Π³ΠΎΠ΄Π°, Ссли Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ракурс ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈ ΠΏΠΎΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ. Π‘ Π½ΠΈΠΌ всСгда ΠΌΠΎΠΆΠ½ΠΎ договорится. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ высококлассный мастСр своСго Π΄Π΅Π»Π°!

Алиса Π¨Π°ΠΉΠΌΠ°Ρ€Π΄Π°Π½ΠΎΠ²Π°11 Ρ„Π΅Π² 2020

Read More

Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ, большоС Ρ‚Π΅Π±Π΅ спасибо!!! Π‘Π΄Π΅Π»Π°Π»ΠΈ большиС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΊΠ°ΠΊ всСгда Π±Ρ‹Π»ΠΈ малСнькиС сроки, Π½ΠΎ нСсмотря Π½Π° это, Ρ€Π°Π±ΠΎΡ‚Π° Π±Ρ‹Π»Π° исполнСна фантастичСски!!! Π¦Π²Π΅Ρ‚, тСкстура, Π½ΠΎΡ‡Π½ΠΎΠ΅ ΠΈ Π΄Π½Π΅Π²Π½ΠΎΠ΅ освСщСниС — сказка!!!)) Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ спокойно, благодаря высокому профСссионализму Дмитрия. Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ, спасибо Π΅Ρ‰Ρ‘ Ρ€Π°Π· ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·!!!! πŸ€—

КсСния ΠšΠ°Ρ€Ρ‚ΡƒΠ΅ΡΠΎΠ²Π°23 Π΄Π΅ΠΊ 2020

Read More

ΠœΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ с Π”ΠΌΠΈΡ‚Ρ€ΠΈΠ΅ΠΌ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½ ΡƒΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ‚ ΠΈ Ρ‚Ρ‹ настоящий ΠΏΡ€ΠΎΡ„ΠΈ своСго Π΄Π΅Π»Π°πŸ‘ Для мСня сСйчас ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Π° качСствСнная ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΈ здСсь ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ Π½Π΅Ρ‚ Ρ€Π°Π²Π½Ρ‹Ρ…) ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ исполнСния ΠΎΡ‡Π΅Π½ΡŒ всСгда Ρ€Π°Π΄ΡƒΠ΅Ρ‚πŸ‘ Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ всСгда ΠΈΠ΄Π΅Ρ‚ навстрСчу, Π΄Π°ΠΆΠ΅ Ссли Π½ΡƒΠΆΠ½ΠΎ срочно) Π‘ΠŸΠΠ‘Π˜Π‘Πž Ρ‚Π΅Π±Π΅ Π·Π° ΠΎΠ³Ρ€ΠΎΠΌΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚ΡƒπŸ‘πŸ™ надСюсь Π½Π° дальнСйшСС сотрудничСство)))