Π Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ для сайта ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ: Как Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ для сайта

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

Какой ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для сайта

ΠžΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ 3 января 2021

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²: 2Β 188

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

Часто ΠΌΡ‹ сталкиваСмся с Ρ‚Π°ΠΊΠΎΠΉ ситуациСй, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ всС ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·-Π·Π° Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон.

ОсобСнно этим Π³Ρ€Π΅ΡˆΠ°Ρ‚ сайты, Π³Π΄Π΅ рСкомСндуСтся ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅, Π² ΠΊΠΎΠ½Ρ†Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈΠ»ΠΈ поста.

Π Π°Π·Π½ΠΎΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон Π² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Ρ…

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

Π’Π°ΠΊ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, Π² основном ΠΏΠΎ высотС?

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

Π›ΡƒΡ‡ΡˆΠ΅ всСго это Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ популярного Π΄Π²ΠΈΠΆΠΊΠ° wordpress.

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

Допустим, Ρ‡Ρ‚ΠΎ Π² Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ Ρ‚Π΅ΠΌΠ΅ оформлСния прСдусмотрСн ΠΏΠΎΠΊΠ°Π· ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… мСстах:

  1. Π‘Π»Π°ΠΉΠ΄Π΅Ρ€ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части сайта, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ 728Ρ…420 px;
  2. Π’ сайдбарС 280Ρ…310 px;
  3. Π€ΡƒΡ‚Π΅Ρ€Π΅ 1024Ρ…728 px;
  4. Π’ ΠΊΠΎΠ½Ρ†Π΅ поста 3 ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ 320Ρ…250 px;
  5. И Ρ‚. ДалСС…

Бколько мСст прСдусмотрСно, ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ систСма, для Π²Ρ‹Π²ΠΎΠ΄Π° Π² Ρ€Π°Π·Π½Ρ‹Ρ… мСстах, с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌ ΠΎΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² систСму, Ρ‚ΠΎ систСма Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ Π΅Ρ‰Π΅ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ, сколько прСдусмотрСно Π² Ρ‚Π΅ΠΌΠ΅ оформлСния, плюс Ρ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… Π² ΠΎΠ±Ρ‰ΠΈΡ… настройках.

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π½ΡƒΡŽ для слайдСра 728Ρ…420. ΠŸΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ потСряСт Π² качСствС ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π»ΠΈΠ±ΠΎ ΠΏΠ»ΠΎΡ…ΠΎ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ, Π»ΠΈΠ±ΠΎ расплывСтся Π΄ΠΎ нСузнаваСмости, ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π² Ρ„ΡƒΡ‚Π΅Ρ€Π΅, Π³Π΄Π΅ Ρƒ нас прСдусмотрСн Ρ€Π°Π·ΠΌΠ΅Ρ€ 1024Ρ…728 px.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ ΠΈ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΠ»ΠΎ Ρƒ мСня Π½Π° сайтС. ΠŸΡ€ΠΈ смСнС Ρ‚Π΅ΠΌΡ‹ оформлСния, Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π°Ρ€ΡƒΡˆΠΈΠ»Π°ΡΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ самоС Π³Π»Π°Π²Π½ΠΎΠ΅! Как ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‚ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠ»ΠΈ Ρ„ΠΎΡ‚ΠΎ Π½Π° «всС Π²Ρ€Π΅ΠΌΠ΅Π½Π°Β»?

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для сайта

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

Π§Ρ‚ΠΎ касаСтся Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ², Ρ‚ΠΎ Π½Π° ΠΌΠΎΠΉ взгляд ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ:

Π¨ΠΈΡ€ΠΈΠ½Π° 1600 px;
Высота 1067 px;

Но скачанныС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ с Ρ€Π°Π·Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ±Π°Π½ΠΊΠΎΠ² ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ рСдактирования. Π˜Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΎΡΡ‚ΠΈΠ³Π°Ρ‚ΡŒ Π² нСсколько ΠΌΠ΅Π³Π°Π±Π°ΠΉΡ‚.

Никто Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΆΠ΄Π°Ρ‚ΡŒ ΠΏΠΎΠΊΠ° такая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° загрузится Π½Π° страницС сайта.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅: Как оптимизация ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ влияСт Π½Π° ΠΏΠΎΡΠ΅Ρ‰Π°Π΅ΠΌΠΎΡΡ‚ΡŒ сайта

Π‘Π°ΠΌΡ‹ΠΉ Π»ΡƒΡ‡ΡˆΠΈΠΉ способ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ – это Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ photoshop.

Как ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² photoshop

Π“Π»Π°Π²Π½Ρ‹ΠΌ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠΌ здСсь являСтся ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон ΠΈ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Π²Ρ‹ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΡ… ΠΏΡ€ΠΎΡ‰Π΅ всСго.

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ инструмСнт Β«ΠŸΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ», Π² стилях выставим Β«Π—Π°Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈΒ», Π·Π°Ρ‚Π΅ΠΌ ΡƒΠΊΠ°ΠΆΠ΅ΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρƒ – 3, высоту – 2 ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ.

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

Ρ€Π°Π·ΠΌΠ΅Ρ€ 1600Ρ…1067 px

Π’Π°ΠΊΠΈΠ΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡƒΡ‚ для Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π½Π° сайтах.

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ этапом устанавливаСм Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту. Π‘Ρ‚Π°Π²ΠΈΠΌ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² 1600 px. ΠŸΡ€ΠΈ Π΄Π°Π½Π½ΠΎΠΌ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ сторон высота подставится автоматичСски.

ΠžΡΡ‚Π°Π»ΠΎΡΡŒ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ с вСсом изобраТСния. Π§Π°Ρ‰Π΅ всСго я ΡΠΎΡ…Ρ€Π°Π½ΡΡŽ с ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ, ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌΠΈ Π½Π° рисункС.

Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для web

Но, ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ΅, Ссли ΠΏΡ€ΠΈ этом Π½Π΅ пострадаСт качСство изобраТСния.

Π­Ρ‚ΠΎ ΠΈ Π΅ΡΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для сайта, Π° Π³Π»Π°Π²Π½ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ.

Как ΡƒΠ·Π½Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° сайтС

Π‘Π°ΠΌΡ‹ΠΌ распространСнным способом являСтся просмотр изобраТСния Π² web-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡ‹ΡˆΠΈ, Β«ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅Β».

А Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ скачано Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€, Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ свойств.

Для ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ², созданных Π½Π° сСрвисах (wix, tilde ΠΈ ΠΏΡ€ΠΎΡ‡ΠΈΠ΅), ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для сайта ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ·Π½Π°Ρ‚ΡŒ Π² инструкции ΠΏΠΎ добавлСнию ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Но Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ (cms), Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π·Π½Π°Ρ‚ΡŒ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ Π΅Π³ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΌ Π²Ρ‹ΡˆΠ΅ способом.

НапримСр, ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ шаблонов, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π° дСмонстрационных сайтах Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

Π“Π΄Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ изобраТСния для сайта

На ΠΌΠΎΠΉ взгляд, Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ самым бСзопасным Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ использования ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ – это сСрвис pexels

ΠŸΠΎΡ‡Π΅ΠΌΡƒ бСзопасным?

  • ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΡΠΊΠ°Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ бСсплатно
  • ΠžΠ±Ρ€Π°Ρ‚Π½Ρ‹Π΅ ссылки Π½Π° источник ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ
  • Π‘ΠΊΠ°Ρ‡Π°Π½Π½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° свой вкус.

Π•Ρ‰Π΅ нСсколько сайтов, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Π·ΡΡ‚ΡŒ изобраТСния для использования Π½Π° сайтС: Freepik, stockvault.

iconfinder β€” для поиска Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€ΠΎΠ΄Π° ΠΈΠΊΠΎΠ½ΠΎΠΊ.

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для сайта. Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

Π›ΡŽΠ±ΠΎΠ΅ скачанноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°Π½Π½Ρ‹ΠΌ способом, Π° ΠΏΡ€ΠΈ использовании ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ Π΄ΠΎ Π»ΡŽΠ±Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ².

Π‘Π°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠΌΠ΅Π»ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π² систСму, Ρ‚ΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π² Π»ΡŽΠ±Ρ‹Ρ… мСстах страницы ΠΈΠ»ΠΈ всСго шаблона.

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ для сайтов: пошаговая инструкция с Ρ„ΠΎΡ‚ΠΎ

И снова здравствуйтС, Π΄ΠΎΡ€ΠΎΠ³ΠΈΠ΅ ΠΌΠΎΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ. Π‘ Π²Π°ΠΌΠΈ Π½Π° связи, Π’ΠΈΠΌΡƒΡ€ ΠœΡƒΡΡ‚Π°Π΅Π². БСгодня Ρ…ΠΎΡ‡Ρƒ ΠΎΡ‚ΠΎΠΉΡ‚ΠΈ ΠΎΡ‚ основной Ρ‚Π΅ΠΌΡ‹ ΠΈ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π²Π°ΠΌ, ΠΏΡ€ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ для сайтов. МногиС ΡΠΎΠ²Π΅Ρ€ΡˆΠ°ΡŽΡ‚ Π³Ρ€ΡƒΠ±Π΅ΠΉΡˆΠΈΠ΅ ошибки, ΠΊΠΎΠ³Π΄Π° ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, взятыС сразу ΠΈΠ· Ρ„ΠΎΡ‚ΠΎΠ°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π°. БСгодня Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, для ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π½Π° сайтах.

Π‘ Ρ‡Π΅Π³ΠΎ всС начинаСтся?

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌΡ‹Π΅ Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΊΠ°ΠΌΠ΅Ρ€ΠΎΠΉ, ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‚ΡΡ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ JPEG прямо Π² самом Ρ„ΠΎΡ‚ΠΎΠ°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π΅. Π’Π°ΠΌ для этого Π΅ΡΡ‚ΡŒ Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π½Ρ‹ΠΉ ΠΊΠΎΠ΄Π΅ΠΊ.

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ RAW ΠΈΠΌΠ΅Π΅Ρ‚ слишком большой объСм Π΄Π°Π½Π½Ρ‹Ρ…, хотя ΠΎΠ½ ΠΈ Ρ…Ρ€Π°Π½ΠΈΡ‚ максимум ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠ± ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, ΠΎ снятом ΠΊΠ°Π΄Ρ€Π΅. МоТно ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это копия ΠΌΠ°Ρ‚Ρ€ΠΈΡ†Ρ‹ ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹ Π½Π° ΠΌΠΎΠΌΠ΅Π½Ρ‚ съСмки.

Но Π² Ρ‚Π°ΠΊΠΎΠΌ β€œΡΡ‹Ρ€ΠΎΠΌβ€ Π²ΠΈΠ΄Π΅ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСльзя. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ RAW ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ профСссионалы, ΠΊΠ°ΠΊ ΠΎΡ‚ΠΏΡ€Π°Π²Π½ΡƒΡŽ Ρ‚ΠΎΡ‡ΠΊΡƒ для дальнСйшСй ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, – Π»ΠΈΠ±ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠΆ ΠΊΡ€ΡƒΡ‚Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΡ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ, Π»ΠΈΠ±ΠΎ экспСрты: Π² области Π½Π°ΡƒΠΊΠΈ, Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ, криминалистики, ΠΈΠ»ΠΈ ΠΌΠ΅Π΄ΠΈΡ†ΠΈΠ½Ρ‹. Π’ Ρ‚Π΅Ρ… случаях, ΠΊΠΎΠ³Π΄Π° Π½Π°Π΄ΠΎ Π²Ρ‹Ρ‚ΡΠ½ΡƒΡ‚ΡŒ максимум качСства ΠΈΠ· ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π° изобраТСния.

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Ρ€Π΅ΠΏΠΎΡ€Ρ‚Π΅Ρ€ΠΎΠ² ΠΈ Π΄Π°ΠΆΠ΅ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ² Π΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΡƒΡŽΡ‚ΡΡ JPEG, настраивая ΠΊΠ°ΠΌΠ΅Ρ€Ρƒ ΠΏΠΎΠ΄ свои Ρ†Π΅Π»ΠΈ. (Π›ΡŽΠ±ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ Π²Π°ΠΌ скаТСт – Π΄Π°ΠΉΡ‚Π΅ ΠΌΠ½Π΅ свСтосилу, Π° Π·Π΅Ρ€Π½ΠΎ Π²ΠΎ Π²Ρ‚ΠΎΡ€ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΈΠ² с просвСтлСнной ΠΎΠΏΡ‚ΠΈΠΊΠΎΠΉ цСнится большС, Ρ‡Π΅ΠΌ ΠΌΠ°Ρ‚Ρ€ΠΈΡ†Π° с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ.)

Но ΠΈ Π² этом Π²ΠΈΠ΄Π΅, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ вСсят ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ»ΠΈΡ‡Π½ΠΎ Π² ΠΌΠ΅Π³Π°Π±Π°ΠΉΡ‚Π°Ρ…. ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΠΈ ΠΊΠ°ΠΌΠ΅Ρ€ ставят Π½Π° ΠΏΠ΅Ρ€Π²ΠΎΠ΅ мСсто качСство изобраТСния, ΠΈ ΠΎΠ½ΠΎ кодируСтся Ρƒ Π½ΠΈΡ… Π² JPEG практичСски Π±Π΅Π· сТатия, Π½ΠΎ с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΎΠΉ, относящСйся ΠΊ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹.

Π”Π΅Π»Π°Ρ‚ΡŒ Π²Π΅Π±-страницы с Ρ‚Π°ΠΊΠΈΠΌΠΈ Ρ„ΠΎΡ‚ΠΊΠ°ΠΌΠΈ, ΠΏΡ€ΠΈ всСм ΠΈΡ… качСствС, – Π΄Π΅Π»ΠΎ Π½Π΅Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€Π½ΠΎΠ΅. Они ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ грузятся.

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

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкст, Π½ΠΎ ΠΈ изобраТСния ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΡƒΡŽΡ‚ΡΡ поисковыми систСмами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ большиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ малСньким. Π—Π½Π°Ρ‡ΠΈΡ‚, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ цСлСсообразно Π±Ρ€Π°Ρ‚ΡŒ побольшС. Но Π΄ΠΎ ΠΊΠ°ΠΊΠΈΡ… ΠΏΠΎΡ€?

ΠžΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ Π΄ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экрана устройства Π² пиксСлях. Π­Ρ‚ΠΎ максимум, Π° Π΅Ρ‰Π΅ Π½Π° страницС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использован Π΄Π²ΡƒΡ…- ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Ρ‚Ρ€Π΅Ρ…ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚. Много Ρ‡Π΅Π³ΠΎ Π΅Ρ‰Π΅ зависит ΠΎΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² Ρ‚Π΅Π³Π° img. Π—Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ самим Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ, Ссли это прСдписано Π² Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ΅ страницы.

Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, Ρ€Π°Π·Ρ€Π΅ΡˆΠ°ΡŽΡ‰Π°Ρ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ экрана Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ устройств 72 пиксСля Π½Π° дюйм ΠΈΠ»ΠΈ 96. Π‘ΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½Π΅Π·Π°Ρ‡Π΅ΠΌ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° Ρ‚Π°ΠΊΠΈΡ… экранах изобраТСния с 300 пиксСлСй Π½Π° дюйм. Π›ΠΈΡˆΠ½ΠΈΠ΅ пиксСли Π±ΡƒΠ΄ΡƒΡ‚ просто усрСднСны ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ взята ΠΈΡ… проСкция Π½Π° ΠΎΠ΄ΠΈΠ½.

А Ссли ΠΌΡ‹ попытаСмся ΠΈΠ·ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π² ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅ 1:1 Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с полосами ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, смоТСм Π½Π°Π±Π»ΡŽΠ΄Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‡Π°ΡΡ‚ΡŒ изобраТСния ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ.

Π’Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚, Ρ‡Ρ‚ΠΎ зря Π³Ρ€ΡƒΠ·ΠΈΠ»ΠΎΡΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π³Π°Π±Π°ΠΉΡ‚? Π’Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚. Π’ΠΎΡ‚ Ρ‚ΡƒΡ‚ ΠΈ открываСтся Ρ€Π΅Π·Π΅Ρ€Π² для сТатия.

ΠŸΡ€ΠΎΡ†Π΅ΡΡ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с изобраТСниями, Π² Ρ‚ΠΎΠΌ числС ΠΈ бСсплатных. Но Π»ΡƒΡ‡ΡˆΠ΅, Ссли ΠΌΡ‹ сСйчас возьмСм ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ стандартный, ΠΎΠ±Ρ‰Π΅ΠΏΡ€ΠΈΠ·Π½Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. НапримСр, Adobe Photoshop.

Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ Ρ‚ΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ вСрсии Π΅ΡΡ‚ΡŒ практичСски Ρƒ всСх, ΠΊΡ‚ΠΎ занимаСтся сайтами, ΠΈΡ… созданиСм, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ Π½Π° ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅, ΠΊΠ°ΠΊ дСлаСтся оптимизация Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠΉ с Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹, Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Photoshop. Π’ ΠΌΠΎΠ΅ΠΉ случаС, я Π±ΡƒΠ΄Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Adobe Photoshop CS6 русской вСрсиСй. Для Ρ‚Π΅Ρ… шагов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ с Π²Π°ΠΌΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΠΌ, ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Photoshop любой вСрсии. И Ρ‚Π°ΠΊ Π½Π°Ρ‡Π½Π΅ΠΌ.

1. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅

Π€Π°ΠΉΠ» – ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ. Π’ появившСмся ΠΎΠΊΠ½Π΅ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ Π½ΡƒΠΆΠ½ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ.

На рисункС ΠΌΡ‹ Π±Π΅Ρ€Π΅ΠΌ Ρ„ΠΎΡ‚ΠΎ, ΠΈΠΌΠ΅ΡŽΡ‰Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΊΠΎΠ»ΠΎ 4,5 Мб. Π­Ρ‚ΠΎΡ‚ Ρ„Π°ΠΉΠ» Ρƒ нас Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPEG, ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΡƒΡŽ с Π·Π΅Ρ€ΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠΊΠ°ΠΌΠ΅Ρ€Ρ‹.

2. УмСньшаСм Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ – Π Π°Π·ΠΌΠ΅Ρ€

изобраТСния

Π—Π΄Π΅ΡΡŒ Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ:

  • Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, ставим 72 пиксСля Π½Π° дюйм, Π½Π°ΠΌ большС ΠΈ Π½Π΅ Π½Π°Π΄ΠΎ.
  • Π Π°Π·ΠΌΠ΅Ρ€. Π¨ΠΈΡ€ΠΈΠ½Ρƒ ставим 800 пиксСлСй, ΠΎΠ½ автоматичСски Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ высоту, Π² Π΄Π°Π½Π½ΠΎΠΌ случаС, ΠΎΠ½ поставил 533 пиксСлСй, согласно ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.

Π’Π°ΠΆΠ½ΠΎ! Π‘Ρ‚Π°Π²ΠΈΠΌ всС Π³Π°Π»ΠΎΡ‡ΠΊΠΈ, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π­Ρ‚ΠΎ:

  • ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ стили;
  • Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ;
  • Π˜Π½Ρ‚Π΅Ρ€ΠΏΠΎΠ»ΡΡ†ΠΈΡ: БикубичСская автоматичСская

Β 

3.

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ сохранСниС

Π—Π΄Π΅ΡΡŒ, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π²Π΅Π± ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΉ. Для этого Π·Π°Ρ…ΠΎΠ΄ΠΈΠΌ, Π€Π°ΠΉΠ» – Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web.

4. ВыставляСм качСство

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

Π’Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ «ВысокоС» качСство 60%. Π£ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π² этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 193.5 ΠšΠ±Π°ΠΉΡ‚ ΠΏΡ€ΠΈ качСствС 60%. Ну ΠΈ Π»Π°Π΄Π½ΠΎ. На Π²ΠΈΠ΄ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π΅ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΌΠΎ ΠΎΡ‚ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»Π°. Π’ΠΎΡ‚ Π² Ρ‚Π°ΠΊΠΎΠΌ самом Π²ΠΈΠ΄Π΅ Π΅Π³ΠΎ ΠΈ сохраняСм. Π“ΠΎΡ‚ΠΎΠ²ΠΎ!

5. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΈΠΌ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅

И Π½Π°ΠΊΠΎΠ½Π΅Ρ†, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΠΌ, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Для этого совсСм Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π΅Π΅ Π½Π° хостинг ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ Π² html-ΠΊΠΎΠ΄Π΅ локальной странички. Достаточно просто ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π΅Π΅ вашим Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ, ΠΊΠ°ΠΊ это ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° послСднСм рисункС.

На этом ΠΈ всС. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ ΠΊΡƒΠ΄Π° ΡƒΠ³ΠΎΠ΄Π½ΠΎ, Π²Π΅Π±-сайт, ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

На этом я Π±ΡƒΠ΄Ρƒ Π·Π°ΠΊΠ°Π½Ρ‡ΠΈΠ²Π°Ρ‚ΡŒ. Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, сСкрСт ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ для Π²Π΅Π±-страниц. НадСюсь ΡΡ‚Π°Ρ‚ΡŒΡ Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ, ΠΈ Π±Ρ‹Π»ΠΎ Π±Ρ‹ Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, Ссли Π²Ρ‹ подСлились Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях со ΡΡ‚Π°Ρ‚ΡŒΠ΅ΠΉ. Π­Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠΈΠΉ ваш ΠΏΠΎΠ΄Π°Ρ€ΠΎΠΊ для мСня.

ВсСх Π²Π°ΠΌ Π±Π»Π°Π³, Π’ΠΈΠΌΡƒΡ€ ΠœΡƒΡΡ‚Π°Π΅Π².

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для сайта

ΠŸΠΎΡΡ‚Π°Ρ€Π°ΡŽΡΡŒ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ использованию ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° сайтС.

Π Π΅Ρ‡ΡŒ ΠΏΠΎΠΉΠ΄Π΅Ρ‚ Π½Π΅ ΠΎΠ± элСмСнтах Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π° ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Ρ… Π² Π²ΠΈΠ΄Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (Ρ„ΠΎΡ‚ΠΎ, Π³Π°Π»Π΅Ρ€Π΅ΠΈ, ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹, инструкции, сканы Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈ Ρ‚.Π΄.).

Главная ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° – ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΈΠ»ΠΈ сам Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ Ρ„ΠΎΡ‚ΠΎ для размСщСния Π½Π° сайтС ΠΈ сразу Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ ΠΈΡ… Π½Π° сайт.

Π­Ρ‚ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° β„–1, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ смотрит, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΌ Π·Π° Ρ„ΠΎΡ‚ΠΊΠΈ, ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΠΎΠ½ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, вСса ΠΈ ΠΊΠ°ΠΊ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ, Π° это всё Π²Π°ΠΆΠ½Ρ‹Π΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ:

  • Π Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Ρ‚ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ, Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, Ссли это Ρ„ΠΎΡ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΡΡ‚Π°Ρ‚ΡŒΠΈ ΠΈ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π±ΡƒΠ΄Π΅Ρ‚ 300px, Ρ‚ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 5000px, Ссли ΠΆΠ΅ это Ρ„ΠΎΡ‚ΠΎ для слайдСра ΠΈΠ»ΠΈ Π³Π°Π»Π΅Ρ€Π΅ΠΈ, которая ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠΏΠ°ΠΏ, Ρ‚ΠΎΠ³Π΄Π° максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Ρ„ΠΎΡ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Π΅ экрана, я ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ задаю 1920px.
  • ВСс Ρ„ΠΎΡ‚ΠΎΠΊ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠ·ΠΌΠ΅Ρ€ΡΡ‚ΡŒΡΡ Π² ΠœΠ΅Π³Π°Π±Π°ΠΉΡ‚Π°Ρ…, ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎΠΊ Π±Ρ‹Π» Π΄ΠΎ 200 ΠšΠ‘, Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈ большС Π² зависимости ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° изобраТСния. Но Ссли Ρ„ΠΎΡ‚ΠΎ вСсит большС 1Мб, Ρ‚ΠΎΠ³Π΄Π° это ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°.
  • НазваниС Ρ„ΠΎΡ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ прописано Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π»Π°Ρ‚ΠΈΠ½ΠΈΡ†Π΅ΠΉ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ² ΠΈ спСцсимволов. НСльзя ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΈΡ€ΠΈΠ»Π»ΠΈΡ†Ρƒ, ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΈ спСцсимволы, ΠΈΠ·-Π·Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… хостингах с Ρ‚Π°ΠΊΠΈΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, ΠΈ ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π° всСх хостингах послС Π°Ρ€Ρ…ΠΈΠ²Π°Ρ†ΠΈΠΈ-Ρ€Π°Π·Π°Ρ€Ρ…ΠΈΠ²Π°Ρ†ΠΈΠΈ (ΠΏΡ€ΠΈ пСрСносС ΠΈΠ»ΠΈ восстановлСнии ΠΈΠ· Π±Π΅ΠΊΠ°ΠΏΠ°) ΠΊΠΈΡ€ΠΈΠ»Π»ΠΈΡ†Π° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½Π° Π² ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ нСпонятныС Π·Π½Π°ΠΊΠΈ, ΠΈ ΠΏΡƒΡ‚ΠΈ ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ, сохранСнныС Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈΠ»ΠΈ прописанных Π² ΠΊΠΎΠ΄Π΅ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π°ΠΌ файлов… Волько Π»Π°Ρ‚ΠΈΠ½ΠΈΡ†Π°.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ прСдставим ΡΠΈΡ‚ΡƒΠ°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΈ ΠΎΡ‚ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊΠ° 20 Ρ„ΠΎΡ‚ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π³Π°Π»Π΅Ρ€Π΅ΡŽ. ΠœΡ‹ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ‹ просто Π²Π·ΡΡ‚ΡŒ ΠΈ сразу ΠΈΡ… Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ, Π½ΠΎ Π²Ρ‹ ΡƒΠΆΠ΅ Π½Π°Ρ‡Π°Π»ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ эту ΡΡ‚Π°Ρ‚ΡŒΡŽ ΠΈ Π½Π°Ρ‡Π°Π»ΠΈ Π΄ΡƒΠΌΠ°Ρ‚ΡŒ.

20 Ρ„ΠΎΡ‚ΠΎΠΊ вСсят 93ΠœΠ‘? НавСрноС, стоит ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΈΡ… вСс. Π¨ΠΈΡ€ΠΈΠ½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎ 5000px? Π—Π°Ρ‡Π΅ΠΌ, Ссли галСрСя сайта ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ Π΄ΠΎ 1200px. ВсС Ρ„ΠΎΡ‚ΠΊΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ названия ΠΈ, Ρ‡Π°Ρ‰Π΅ всСго, это Π½Π°Π±ΠΎΡ€ символов ΠΈ Ρ†ΠΈΡ„Ρ€, сгСнСрированный ΠΊΠ°ΠΌΠ΅Ρ€ΠΎΠΉ ΠΈ Π½ΠΈΡ‡Π΅ΠΌ Π½Π΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ Π½ΠΈ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π½ΠΈ для поисковых систСм? Π’ΠΎΠ³Π΄Π° Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ простой шаблон Π² Π½Π°Π·Π²Π°Π½ΠΈΠΈ Ρ„ΠΎΡ‚ΠΎΠΊ с привязкой ΠΊ ΠΊΠ°ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ ΡΠΎΠ±Ρ‹Ρ‚ΠΈΡŽ ΠΈΠ»ΠΈ названию ΡΡ‚Π°Ρ‚ΡŒΠΈ.

[vc_message color=”alert-success”]Если, Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΠ»ΠΈ Π΄Π²Π° изобраТСния, Ρ‚ΠΎΠ³Π΄Π° это Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΡ‰Π΅ ΠΈ быстрСС ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop, Ρ‡Π΅Ρ€Π΅Π· CTRL+ALT+i ΠΏΠΎΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ для WEB Ρ‡Π΅Ρ€Π΅Π· CTRL+ALT+SHIFT+S.[/vc_message]

Но Ρƒ нас 20 Ρ„ΠΎΡ‚ΠΎΠΊ (Π° Π±Ρ‹Π²Π°Π΅Ρ‚ ΠΈ большС), Ρ‚ΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ΅Π½ инструмСнт для ΠΏΠ°ΠΊΠ΅Ρ‚Π½ΠΎΠ³ΠΎ измСнСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

ΠŸΠ°ΠΊΠ΅Ρ‚Π½Π°Ρ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ FastStone Photo Resizer ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠ°ΠΊΠ΅Ρ‚Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ названия для Ρ„ΠΎΡ‚ΠΎΠΊ. Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ здСсь faststone. org/FSResizerDownload.htm.

ΠšΡ€Π°Ρ‚ΠΊΠ°Ρ инструкция:

  1. ДобавляСм Ρ„Π°ΠΉΠ»Ρ‹ для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ (1), Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΠ°ΠΏΠΊΡƒ для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² (2), Π·Π°Π΄Π°Π΅ΠΌ Π½ΠΎΠ²ΠΎΠ΅ имя для Ρ„Π°ΠΉΠ»ΠΎΠ² (3) ΠΈ Π·Π°Π΄Π°Π΅ΠΌ настройки для рСсайза (4)
  2. Π’ настройках для Π΄Π°Π½Π½ΠΎΠ³ΠΎ сайта я задаю рСсайз Π΄ΠΎ 1200px, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΌ галСрСя ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ Π΄ΠΎ 1200, Π°, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ, для Π³Π°Π»Π΅Ρ€Π΅ΠΉ я задаю Ρ€Π°Π·ΠΌΠ΅Ρ€ 1920
  3. На Π²Ρ‹Ρ…ΠΎΠ΄Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Ρ‚Π°ΠΊΠΈΠ΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹:

    ΠΊΠ°ΠΊ Π²ΠΈΠ΄ΠΈΠΌ, ΠΎΠ±Ρ‰ΠΈΠΉ вСс Π±Ρ‹Π» 93ΠœΠ‘, Π° стал 6Мб, Ρ‡Ρ‚ΠΎ для 20 Ρ„Π°ΠΉΠ»ΠΎΠ² довольно Ρ‚Π°ΠΊΠΈ Π½Π΅ΠΏΠ»ΠΎΡ…ΠΎ.

Π”Π°Π½Π½Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π½Π΅ΠΏΠ»ΠΎΡ…, Π½ΠΎ Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½. Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Google Page Speed Π½Π΅ ругался Π½Π° вСс Ρ„ΠΎΡ‚ΠΎΠΊ, ΠΌΡ‹ ΠΈΡ… Π΅Ρ‰Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠ΅ΠΌ.

Для Ρ„ΠΈΠ½Π°Π»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ 1 ΠΈΠ· 2 ΠΎΠ½Π»Π°ΠΉΠ½ рСсурсов tinypng.com ΠΈΠ»ΠΈ kraken.io. Π― сСйчас ΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡΡŒ, Π² основном, ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ.

И это позволяСт Π½Π°ΠΌ ΡΠΆΠ°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΊΠΈ Π΅Ρ‰Π΅ Π½Π° 46% сохранив ΠΏΡ€ΠΈ этом Π΅Ρ‰Π΅ 3ΠœΠ‘

По ΠΈΡ‚ΠΎΠ³Ρƒ, наша страница Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π½Π΅ 93Мб Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π° Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ всСго навсСго 3Мб Ρ„ΠΎΡ‚ΠΎΠΊ Π½ΡƒΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Плюс экономится мСсто Π½Π° вашСм хостингС, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ 10 Ρ‚Π°ΠΊΠΈΡ… Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΈ Π΄Π΅ΡˆΠ΅Π²Ρ‹ΠΉ хостинг ΡƒΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π±ΠΈΡ‚ ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π° 1 Π“ΠΈΠ³Π°Π±Π°ΠΉΡ‚, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ 10 Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΏΠΎ 3ΠœΠ‘ Π·Π°ΠΉΠΌΠ΅Ρ‚ всСго 30ΠœΠ‘.

Π’ Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ всСго 4 ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π² ΠΈΡ… Ρ‡Π΅Ρ€Π΅Π· tinypng.com я ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΠ» вСс с 1370ΠšΠ‘ Π΄ΠΎ 350ΠšΠ‘, ΠΈΠ»ΠΈ Π½Π° 75%, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈ ΠΌΠ΅Π»ΠΎΡ‡ΡŒ, Π½ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π½Π° 1ΠœΠ‘ мСньшС, Π·Π½Π°Ρ‡ΠΈΡ‚ страница загрузится быстрСС.

[vc_message color=”alert-info”]Π’Π°ΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ качСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ послС всСх ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡΠ²ΠΈΡ‚ΡŒΡΡ Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚Ρ‹, Ρ‚ΠΎΠ½ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΡŒΡΡ, Π° слоТныС рисунки с ΠΌΠ΅Π»ΠΊΠΈΠΌΠΈ дСталями ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΏΠ»Ρ‹Ρ‚ΡŒ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ссли Π²Π°ΠΌ качСство графичСских ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² Π²Π°ΠΆΠ½Π΅Π΅ ΠΈΡ… вСса ΠΈ скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° сайтС, Ρ‚ΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ послСдний шаг.[/vc_message]

Π§ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅ я Π΅Ρ‰Π΅ Π½Π°ΠΏΠΈΡˆΡƒ Ρ‡Ρ‚ΠΎ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΏΡ€ΠΎ Π°Π»ΡŒΡ‚Ρ‹ ΠΈ Ρ‚Π°ΠΉΡ‚Π»Ρ‹, Π½ΠΎ нСизвСстно ΠΊΠΎΠ³Π΄Π°.

ВрСбования ΠΊ Ρ„ΠΎΡ‚ΠΎ Π½Π° сайт. ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ для сайта

ВсС ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ ΡΡ‚Π°Ρ€ΡƒΡŽ пословицу Β«ΠšΠ°Ρ€Ρ‚ΠΈΠ½Π° стоит тысячи слов». Π‘Ρ‚ΠΎΠΈΡ‚ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΎ Π½Π΅ΠΉ, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ сайта ΠΈ изобраТСниях, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅.


Π’Ρ‹Π±ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для сайта ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ слоТной Π·Π°Π΄Π°Ρ‡Π΅ΠΉ — вСдь Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ создаСт ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅, Ρ‚ΠΎΡ‡Π½ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ ΠΎΠ±Ρ‰Π΅Π΅ настроСниС, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Π΅Ρ€Π½Ρ‹ΠΉ ΠΎΠ±Ρ€Π°Π·, Π½Ρƒ ΠΈ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ.

ВрСбования ΠΊ изобраТСниям для вашСго сайта

1. Π Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ

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

2. Π Π΅Π»Π΅Π²Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ

Π’Π°ΡˆΠΈ изобраТСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Π·Ρƒ вашСго Π±Ρ€Π΅Π½Π΄Π°. Если Π²Ρ‹ ΠΏΡ€ΠΎΠ΄Π°Π΅Ρ‚Π΅ мСбСль ΠΏΡ€Π΅ΠΌΠΈΡƒΠΌ-класса, Ρ‚ΠΎ изобраТСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚Ρ€Π°ΠΆΠ°Ρ‚ΡŒ это: Π±Ρ‹Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ, качСствСнными ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΡŽ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒ, Π±Ρ‹Π»ΠΎ Π±Ρ‹ странно ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° сайтС, ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰Π΅ΠΌ мСбСль, изобраТСния Π»Ρ‹ΠΆΠ½ΠΈΠΊΠ° Π½Π° трассС. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΠΈ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΌΠ½Π΅Π½ΠΈΠ΅ ΠΎ Π±Ρ€Π΅Π½Π΄Π΅ Π² большой стСпСни ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎ изобраТСниям, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹ΠΌ Π½Π° сайтС, ΠΈ нСльзя это Π½Π΅Π΄ΠΎΠΎΡ†Π΅Π½ΠΈΠ²Π°Ρ‚ΡŒ.

3. Π­Ρ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ

Π­Ρ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ – это ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ, ΠΎΠ½ΠΎ ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊΡƒΠΏΠΈΡ‚ΡŒ ваш Ρ‚ΠΎΠ²Π°Ρ€. Но, размСщая Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π½Π° сайтС, Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΡ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π›ΡƒΡ‡ΡˆΠΈΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΡΠ²Π»ΡΡŽΡ‚ΡΡ, Π±Ρ€Π΅Π½Π΄Ρ‹ ΠΏΠΈΡ‰Π΅Π²ΠΎΠΉ ΠΏΡ€ΠΎΠΌΡ‹ΡˆΠ»Π΅Π½Π½ΠΎΡΡ‚ΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Burger King. Они Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ своих блюд. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° это Ρ„ΠΎΡ‚ΠΎ ΠΈ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΡŠΠ΅ΡΡ‚ΡŒ эти Π²ΠΊΡƒΡΠ½Π΅ΠΉΡˆΠΈΠ΅ Π±ΡƒΡ€Π³Π΅Ρ€Ρ‹!

4. Π­Ρ„Ρ„Π΅ΠΊΡ‚Π½ΠΎΡΡ‚ΡŒ

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π½Π° сайтах для привлСчСния внимания. National Geographic Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ ΠΌΠΎΡ‰Π½Ρ‹Π΅ снимки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΡ‚ΡΠ³ΠΈΠ²Π°ΡŽΡ‚ взгляд ΠΈ Π·Π°ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΠΈ. Π­Ρ„Ρ„Π΅ΠΊΡ‚Π½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΡƒΡΠΈΠ»ΠΈΠ²Π°ΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° сайтС ΠΈ ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ.

5. Π£Π½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ, Ссли ваш Π±Ρ€Π΅Π½Π΄ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ услуги Π² нишС, насыщСнной ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°ΠΌΠΈ? Π’ Ρ‚Π°ΠΊΠΈΡ… случаях Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°ΡŽΡ‚ отличия вашСго Π±Ρ€Π΅Π½Π΄Π° ΠΎΡ‚ Π±Ρ€Π΅Π½Π΄ΠΎΠ² ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². Π’Π°ΡˆΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡΠΎΠΎΠ±Ρ‰Π°Ρ‚ΡŒ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ Ρ‚Π°ΠΊΠΈΠ΅, ΠΊΠ°ΠΊ ваши ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Ρ‹ ΠΈ Ρ‡Π΅ΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²Ρ‹ ΠΎΡ‚ Π½ΠΈΡ… ΠΎΡ‚Π»ΠΈΡ‡Π°Π΅Ρ‚Π΅ΡΡŒ.

Π‘Π°ΠΌΡ‹ΠΉ Π²Π΅Ρ€Π½Ρ‹ΠΉ способ – это Π½Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„Π°. Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½ΠΎ с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния Π·Π°Ρ‚Ρ€Π°Ρ‚, Π½ΠΎ это Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΡˆΠ΅ΠΌΡƒ Π±Ρ€Π΅Π½Π΄Ρƒ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ.

6. Π›ΡŽΠ΄ΠΈ

Π€ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ людСй ΠΌΠΎΠ³ΡƒΡ‚ сильно ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ коэффициСнт конвСрсии вашСго сайта. Но Π²Π°ΠΆΠ½ΠΎ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ нСсколько Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ². Если Π²Ρ‹ Π±Π΅Ρ€Π΅Ρ‚Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ со стоков, Ρ‚ΠΎ ΠΎΠ½ΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ распространСнными. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ увидят Π½Π° вашСм сайтС Ρ„ΠΎΡ‚ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π½Π° ΠΌΠ½ΠΎΠ³ΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… сайтах, Ρ‚ΠΎ эффСкт ΠΎΡ‚ Ρ„ΠΎΡ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ прямо ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Ρ‹ΠΌ – конвСрсия ΡƒΠΏΠ°Π΄Π΅Ρ‚, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡΠ½ΠΈΠΆΠ°ΡŽΡ‚ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ довСрия ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту . Π’Π°ΠΊΠΆΠ΅ Π½Π° Ρ‚Π°ΠΊΠΈΡ… фотографиях Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½Π° аудитория, которая ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Π½Π° ваш сайт. Π›ΡŽΠ΄ΠΈ ΠΏΠΎΠ΄ΡΠΎΠ·Π½Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π°ΡΡΠΎΡ†ΠΈΠΈΡ€ΡƒΡŽΡ‚ сСбя с Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠΎΠΌ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, это ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΈΠΌ Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ сСбя Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎ, ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ довСрия ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ шанс ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° ΠΈΠ»ΠΈ услуги с вашСго сайта.

7. Π­ΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ

Π£ ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π΅ΡΡ‚ΡŒ эмоции, ΠΈ ΠΎΠ½ΠΈ идСально подходят для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ конвСрсии вашСго сайта. Tackledirect — это ΠΌΠ°Π³Π°Π·ΠΈΠ½ ΠΏΠΎ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠ΅ Ρ€Ρ‹Π±ΠΎΠ»ΠΎΠ²Π½Ρ‹Ρ… Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ². На сайтС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ изобраТСния людСй, с Π³ΠΎΡ€Π΄ΠΎΡΡ‚ΡŒΡŽ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… свой ΡƒΠ»ΠΎΠ². Π‘ΠΏΡ€Π°Π²Π° ΠΎΡ‚ Ρ„ΠΎΡ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅ΡΡ‚ΡŒ Π½Π° фотоснимкС. «Какой Ρ€Ρ‹Π±Π°ΠΊ откаТСтся ΠΏΠΎΠΉΠΌΠ°Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ€Ρ‹Π±Ρƒ? А наши Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ, Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠΌΠΎΠ³Π»ΠΈ ΠΈΠΌ!Β»

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


Автор: Оля ΠšΠ°Π΄Ρ‹ΠΊΠΎΠ²Π°
Π”Π°Ρ‚Π° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ: 01.12.18

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ для сайта. Как ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния для сайта.

1. Π€ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° сайт

Π—Π°Π³Ρ€ΡƒΠΆΠ°ΠΉΡ‚Π΅ изобраТСния Π½Π° сайт Π² распространСнных графичСских Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ…: jpeg, gif, png.

  • Для сохранСния качСства Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ рисунков с Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π½Ρ‹ΠΌΠΈ Π·Π°Π»ΠΈΠ²ΠΊΠ°ΠΌΠΈ, Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ jpeg.
  • Для простых рисунков ΠΈ особСнно Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ gif. Π’Π°ΠΊΠΆΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ gif ΠΈ png ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ; Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ, воспользовавшись ΠΈΠΌΠΈ, Π’Ρ‹ смоТСтС ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ рисунок Π½Π° ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅.
  • Π€ΠΎΡ€ΠΌΠ°Ρ‚ png прСдставляСт собою Π½Π΅Ρ‡Ρ‚ΠΎ срСднСС ΠΌΠ΅ΠΆΠ΄Ρƒ jpeg ΠΈ gif. Он Π±ΠΎΠ»Π΅Π΅ щадящС, Ρ‡Π΅ΠΌ gif ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ слоТныС изобраТСния, ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ jpeg. ΠœΠΈΠ½ΡƒΡΠΎΠΌ сохранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² этом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ являСтся большой вСс ΠΈΡ‚ΠΎΠ³ΠΎΠ²Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΡ€ΠΈ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌ качСствС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚, Π½ΠΈΠ·ΠΊΠΎΠ΅ качСство ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΡ€ΠΈ нСобходимости сохранСния Π΅Π΅ с ΠΌΠ°Π»Ρ‹ΠΌ «вСсом», Ρ‚.Π΅., β€” с ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΌ сТатиСм.

2. Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π² пиксСлях ΠΈ Π΅Π³ΠΎ «вСс» Π² ΠΊΠΈΠ»ΠΎΠ±Π°ΠΉΡ‚Π°Ρ…

Когда Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Π΄Π΅Π»Π°Π» ΠΏΠ΅Ρ€Π²Ρ‹Π΅ шаги, скорости соСдинСния Π±Ρ‹Π»ΠΈ Π½ΠΈΠ·ΠΊΠΈΠΌΠΈ, поэтому вСс ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы ΠΈΠΌΠ΅Π» ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π’ настоящСС врСмя трСбования ΠΊ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ вСса страниц Π½Π΅ ΡΡ‚ΠΎΠ»ΡŒ ТСстки.

Однако, ΠΈ сСйчас, Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΠΊ сСбС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ вСсом ΠΏΠΎ 500-1000 Кб, Ρ‚.ΠΊ. для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ мобильного ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, это β€” потСрянныС сСкунды ΠΈ Ρ€ΡƒΠ±Π»ΠΈ.

«ВСс» ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ тСсно (Π½ΠΎ Π½Π΅ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎ) связан с Π΅Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π² пиксСлях, Π° Ρ‚Π°ΠΊΠΆΠ΅ со ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒΡŽ Π΅Π΅ сТатия.

2.1 ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΡ‚ΠΎ для сайта. Каким Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€, Π² пиксСлях, изобраТСния для сайта?

ΠžΡ‚Ρ‚ΠΎΠ»ΠΊΠ½ΡƒΠ²ΡˆΠΈΡΡŒ ΠΎΡ‚ срСднСй ΡˆΠΈΡ€ΠΈΠ½Ρ‹ тСкстовой страницы сайта Π² 700-1000 пкс ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠ², Ρ‡Ρ‚ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° этой страницС Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 2\3 ΡˆΠΈΡ€ΠΈΠ½Ρ‹, ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠΌ, Ρ‡Ρ‚ΠΎ максимальная ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ 400-600 пкс, ( ΠΊΡ€ΠΎΠΌΠ΅ Ρ‚Π΅Ρ… случаСв, ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ собираСмся Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π²ΠΎ всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ страницы.

Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π² любой систСмС управлСния сайтом, позволяСт ΠΏΠΎΠ΄Π³ΠΎΠ½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡƒΠΆΠ΅ Π·Π°ΠΊΠ°Ρ‡Π°Π½Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠΎΠ΄ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, поэтому ΠΌΡ‹ сохраняСм ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² максимальном Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ ΠΈ Β«ΠΏΠΎΠ΄ΠΆΠΈΠΌΠ°Π΅ΠΌΒ» Π΅Π΅ ΡƒΠΆΠ΅ ΠΏΠΎ мСсту, Π² систСмС управлСния сайтом.

Если ΠΆΠ΅ ΠΌΡ‹ Π½Π°Ρ‡Π½Π΅ΠΌ Ρ€Π°ΡΡ‚ΡΠ³ΠΈΠ²Π°Ρ‚ΡŒ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΌΠ°Π»Π΅Π½ΡŒΠΊΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‚ΠΎ слСдствиСм этого Π±ΡƒΠ΄Π΅Ρ‚ Π½ΠΈΠ·ΠΊΠΎΠ΅ качСство Π² ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π΅Π΅ Π½Π° страницС.

2.2 ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ «вСс», Π² ΠΊΠΈΠ»ΠΎΠ±Π°ΠΉΡ‚Π°Ρ…, изобраТСния для сайта

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, ΠΌΡ‹ ΡƒΠΆΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΠ»ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для сайта Π² ΠΊΠ°ΠΊΠΎΠΌ-Π»ΠΈΠ±ΠΎ графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π΄ΠΎ 400-600 пкс ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ шагом Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ вСса изобраТСния. ΠŸΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Π½ΠΈΡ†Π° Π² вСсС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, сохранСнных Π² 100% jpeg ( Π±Π΅Π· сТатия) ΠΈ Π² 50% jpeg, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Β«Π² Ρ€Π°Π·Ρ‹Β».

Если ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ Π² Ρ€Π°Π±ΠΎΡ‚Π΅ Π€ΠΎΡ‚ΠΎΡˆΠΎΠΏ, ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, Π² мСню Β«Π€Π°ΠΉΠ»Β», Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для webΒ». ΠŸΠΎΠ»ΡŒΠ·ΡƒΡΡΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠΌ графичСским Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠΌ, Π½ΡƒΠΆΠ½ΠΎ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΡƒΡŽ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ сТатия Π² Π΄ΠΈΠ°Π»ΠΎΠ³Π΅ сохранСния Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΈ сохранСнии Ρ„Π°ΠΉΠ»Π° для web ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΠΎΡΡ‚ΠΈΠ³Π½ΡƒΡ‚ΡŒ Ρ€Π°Π·ΡƒΠΌΠ½ΠΎΠ³ΠΎ компромисса ΠΌΠ΅ΠΆΠ΄Ρƒ качСством ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Π΅Π΅ вСсом. Π­Ρ‚ΠΎ дСлаСтся Β«Π½Π° Π³Π»Π°Π·Β», Ρ‚.ΠΊ. сТатиС ΠΏΠΎ Ρ€Π°Π·Π½ΠΎΠΌΡƒ влияСт Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ изобраТСния.

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

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹ (ΠΈ Π»ΡŽΠ±Ρ‹Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹) ΠΎΠ±Ρ‰ΠΈΠΌ вСсом Π±ΠΎΠ»Π΅Π΅ 10Мб, Π²ΠΎΠΎΠ±Ρ‰Π΅, Π½Π΅ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡ€ΡƒΡŽΡ‚ΡΡ поисковыми систСмами.

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π²ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊ ΠΏΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для сайта

3. Имя Ρ„Π°ΠΉΠ»Π°

Для Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ индСксации графичСского Ρ„Π°ΠΉΠ»Π°, ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ Ρ„Π°ΠΉΠ»Π°, с Ρ‚ΠΎΡ‡ΠΊΠΈ зрСния seo, Π±ΡƒΠ΄Π΅Ρ‚ осмыслСнноС имя, написанноС Π½Π° английском языкС ΠΈΠ»ΠΈ транслитом (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π»Π°Ρ‚ΠΈΠ½ΠΈΡ†Π°!), Π½Π΅ содСрТащСС Π½ΠΈΠΊΠ°ΠΊΠΈΡ… Π΄Ρ€ΡƒΠ³ΠΈΡ… символов, ΠΊΡ€ΠΎΠΌΠ΅ Π±ΡƒΠΊΠ² латинского Π°Π»Ρ„Π°Π²ΠΈΡ‚Π°, Ρ†ΠΈΡ„Ρ€, символов Π½ΠΈΠΆΠ½Π΅Π³ΠΎ подчСркивания ΠΈ Ρ‚ΠΈΡ€Π΅. НапримСр: prodvijenie-saitov.jpeg

4. Π—Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° сайтС

Для web-ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ прСдусмотрСно 2 Π²ΠΈΠ΄Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ²:

  • ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст (alt) – тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся вмСсто изобраТСния, Ссли ΠΎΠ½ΠΎ само, ΠΏΠΎ любой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅, Π½Π΅ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠ·ΠΈΠ»ΠΎΡΡŒ Π½Π° страницу, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€: «это β€” ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ яблока».
  • Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π°Ρ подсказка (title), которая появляСтся ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.

РазумССтся, ΠΎΠ±Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ ΠΈ ΠΎΡ‚Π²Π΅Ρ‡Π°Ρ‚ΡŒ содСрТимому изобраТСния ΠΈ\ ΠΈΠ»ΠΈ страницы. Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎΠ΅ Ρ‚Π΅Π³ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΡƒΠ±Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

ПолСзно Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Π΅ΠΌΡ‹Π΅ Π½Π° Π΄Π°Π½Π½ΠΎΠΉ страницС, ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ Ρ„Ρ€Π°Π·Ρ‹.

5. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΠΎΠ΅ количСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° страницС

Для срСднСстатистичСского тСкста Π² 3 – 3,5 тыс. Π·Π½Π°ΠΊΠΎΠ², ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅ количСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ 3-5. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± этом Π’Ρ‹ смоТСтС ΠΏΡ€ΠΎΡ‡Π΅ΡΡ‚ΡŒ дальшС, Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ страницы


Π§ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π°Π»Π΅Π΅

ΠŸΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ° ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² ΠΊ постановкС Π½Π° сайт

Как ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ web-страницу?

Π›ΡƒΡ‡ΡˆΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ

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

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

Π₯арактСристика Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² изобраТСния для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

ΠŸΡƒΠ±Π»ΠΈΠΊΡƒΡ ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ пост Π² Π±Π»ΠΎΠ³Π΅, Π²Ρ‹ навСрняка ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°Π»ΠΈΡΡŒ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ PNG, GIF ΠΈΠ»ΠΈ JPEG для Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. ΠœΡ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΠΌ нСсколько ΠΈΠ΄Π΅ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

Π­Ρ‚ΠΎ особСнно ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ провСсти Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ сайта.


Π€ΠΎΡ€ΠΌΠ°Ρ‚ JPG

Одним ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ являСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ОбъСдинСнной Π³Ρ€ΡƒΠΏΠΏΡ‹ экспСртов ΠΏΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ (JPG). Он создан Π² 1986 Π³ΠΎΠ΄Ρƒ, Π½ΠΎ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎ сСй дСнь.

Π›ΡƒΡ‡ΡˆΠ΅Π΅ Π² этом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ„Π°ΠΉΠ» Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ мСста Π½Π° дискС ΠΈ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ускоряСт Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ сайта. Он Ρ‚Π°ΠΊΠΆΠ΅ обСспСчиваСт высокий ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ совмСстимости, Π° нСбольшой Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ отсутствиС компромиссов Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ качСства.

Для JPG сТатиС выполняСтся с использованиСм lossy compression (сТатиС с потСрями). Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ сохранСнии изобраТСния происходит потСря качСства. ΠŸΠΎΡ‚Π΅Ρ€Ρ проявляСтся Π² ΠΌΠ΅Π»ΠΊΠΈΡ… дСталях, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ тСкст.

Π­Ρ‚ΠΎΡ‚ Π²ΠΈΠ΄ ΠΏΠΎΡ‚Π΅Ρ€ΡŒ называСтся Β«Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚Π°ΠΌΠΈΒ», Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ проявляСтся Π² Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈ Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°Ρ…. Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ JPG ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ для Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Π³Π΄Π΅ Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚Ρ‹ ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ для зритСля.

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° ваша ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° сохраняСтся, количСство Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚ΠΎΠ² ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅Ρ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ. Π›ΡƒΡ‡ΡˆΠΈΠΉ способ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ этого β€” ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ lossless compression (сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ).

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

JPG ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚ΠΎΠ², Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ этот Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»Π° подходящим для Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΏΠ΅ΠΉΠ·Π°ΠΆΠΈ, ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Ρ‹ людСй ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅.

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ JPG остаСтся Π»ΡƒΡ‡ΡˆΠΈΠΌ ΠΈ самым популярным Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ для сайтов, рСкомСндуСтся ΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ Π² Π½Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях.

Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎΠΊΠ°ΠΌΠ΅Ρ€Ρ‹ ΠΈ смартфоны ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JPG. Π‘ΠΎΠΌΠ½Π΅Π²Π°Π΅Ρ‚Π΅ΡΡŒ? ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ свой Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ GIF

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π²Π΅Π±-сайтов β€” это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΎΠ±ΠΌΠ΅Π½Π° графичСскими Π΄Π°Π½Π½Ρ‹ΠΌΠΈ (GIF), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ появился Π² 1987 Π³ΠΎΠ΄Ρƒ.

Он ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΈΠ·Π±Π°Π²ΠΈΡ‚ΡŒ вас ΠΎΡ‚ Π±ΠΎΠ»ΠΈ ΠΈ страданий ΠΏΡ€ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ΅ Ρ„Π°ΠΉΠ»ΠΎΠ² Ρ‡Π΅Ρ€Π΅Π· ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹Π΅ соСдинСния с Π½ΠΈΠ·ΠΊΠΎΠΉ пропускной ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒΡŽ.

Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ JPG, GIF сохраняСт Π΄Π°Π½Π½Ρ‹Π΅ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ GIF содСрТит всС Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ, нСсмотря Π½Π° ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ вСса Ρ„Π°ΠΉΠ»Π° ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с JPG, качСство Π½Π΅ ΡƒΡ…ΡƒΠ΄ΡˆΠ°Π΅Ρ‚ΡΡ с 256 индСксированными Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ.

ЦСль GIF Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π»Π°ΡΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΌΠ΅Π»ΠΊΠΈΠ΅ ΠΈ простыС графичСскиС Π·Π½Π°Ρ‡ΠΊΠΈ. Π’Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ Π·Π²ΡƒΠΊ с GIF, Π·Π°Ρ‚ΠΎ этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΊ вашим ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠ°Π½Π°Π»Π°ΠΌ.

GIF-анимания, хотя ΠΈ свСдСна ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΡƒ Π² послСдниС Π³ΠΎΠ΄Ρ‹, всС Π΅Ρ‰Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΡŽ Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… дСйствий Π½Π° сайтС.

МногиС Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ GIF. Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ для ΠΌΠ΅Π»ΠΊΠΈΡ… Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠŸΠΎΠ»Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Π΅ изобраТСния ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Π² GIF с высокой ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒΡŽ сТатия.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ PNG

ΠŸΠΎΡ€Ρ‚Π°Ρ‚ΠΈΠ²Π½Π°Ρ сСтСвая Π³Ρ€Π°Ρ„ΠΈΠΊΠ° (PNG) Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π° Π² 1995 Π³ΠΎΠ΄Ρƒ с Ρ†Π΅Π»ΡŒΡŽ Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ GIF. Если Π²Ρ‹ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚Π΅ΡΡŒ ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ, Ρ‚ΠΎΠ³Π΄Π° PNG β€” Π»ΡƒΡ‡ΡˆΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.

Одним ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π±ΡƒΠ΄Π΅Ρ‚ PNG-8, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ 256 индСксированных Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ обСспСчиваСт ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ.

Как ΠΈ JPG, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ PNG-24 способСн ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ 15 ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² Ρ†Π²Π΅Ρ‚ΠΎΠ². Он ΠΌΠΎΠΆΠ΅Ρ‚ Π²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ статичСскиС изобраТСния, Ρ‚Π°ΠΊ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ.

Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ происходит Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, Ρ‡Ρ‚ΠΎ критичСски Π²Π°ΠΆΠ½ΠΎ для качСства. ДСтализация ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ получаСтся Π²Ρ‹ΡˆΠ΅ всСх ΠΏΠΎΡ…Π²Π°Π», Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ.

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

ЀактичСски, PNG являСтся β„–1 для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, Π½ΠΎ ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ, Π²Π°ΠΌ придСтся Ρ‚ΡƒΠ³ΠΎ. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ совсСм Π½Π΅ Π΄Ρ€ΡƒΠΆΠΈΡ‚ с Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ…Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ ΠΏΠ΅Ρ‡Π°Ρ‚ΡŒΡŽ.

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ сТатиС PNG ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ графичСских ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΌΠ΅Π½Π΅Π΅ 15 Ρ†Π²Π΅Ρ‚ΠΎΠ².

PNG β€” ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ для сохранСния ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ΠΎΠ².

Π€ΠΎΡ€ΠΌΠ°Ρ‚ SVG

Одним ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ являСтся ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠ°Ρ вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° (SVG), прСдставлСнный Π² 2011 Π³ΠΎΠ΄Ρƒ. Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ сильнСС Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… для сохранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

Он позволяСт ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π»ΡŽΠ±Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ. Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ… происходит Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства, ΠΊΠ°ΠΊ ΠΈ с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ GIF ΠΈ PNG. SVG относится ΠΊ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅, которая состоит ΠΈΠ· матСматичСски управляСмых Ρ„ΠΈΠ³ΡƒΡ€ ΠΈ ΠΊΡ€ΠΈΠ²Ρ‹Ρ…, Π° Π½Π΅ ΠΈΠ· пиксСлСй.

ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ SVG-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ ΠΈ содСрТит ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΡŽ Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ΠΎΠ².

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ΡΡ достаточно большиС Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π² Ρ‚ΠΎΠΌ числС GIF ΠΈ PNG.


Π‘ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ WEBP ΠΈ HEIC для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΡ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ Π±Ρ‹ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒ вас с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π½Π΅Π΄Π°Π²Π½ΠΎ созданными Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°ΠΌΠΈ WEBP ΠΈ HEIC, основанными Π½Π° HEVC. Но Π½Π°Ρ‡Π½Π΅ΠΌ с пояснСния.

ΠœΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΡ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ΄Π΅ΠΊΠ°ΠΌΠΈ для сТатия ΠΏΠΎΡ‚ΠΎΠΊΠΎΠ², ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π½Π° Π΄Π²Π° Ρ‚ΠΈΠΏΠ°, ΠΌΠ΅ΠΆΠΊΠ°Π΄Ρ€ΠΎΠ²Ρ‹ΠΉ ΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈΠΊΠ°Π΄Ρ€ΠΎΠ²Ρ‹ΠΉ. ΠœΠ΅ΠΆΠΊΠ°Π΄Ρ€ΠΎΠ²Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π² использовании ΠΏΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠΉ Π² ΠΊΠ°Π΄Ρ€Π΅, Π²Π½Π΅ зависимости ΠΎΡ‚ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Ρ….

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ этот ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ сТатия ΠΊ статичным изобраТСниям.

Растущая ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ ΠΎΠ±ΠΌΠ΅Π½Π° Π²ΠΈΠ΄Π΅ΠΎ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях ΠΈ постоянноС ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ экрана Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π½ΠΎΠ²Ρ‹Ρ… стандартов кодирования для достиТСния максимальной эффСктивности со сТатиСм.

Π­Ρ‚ΠΈ Π½ΠΎΠ²Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Π±Ρ‹Π»ΠΈ созданы для соотвСтствия Π½ΠΎΠ²Ρ‹ΠΌ стандартам кодирования Π²ΠΈΠ΄Π΅ΠΎ. Π‘ Π½ΠΈΠΌΠΈ доступны Π±ΠΎΠ»Π΅Π΅ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Π΅ Π½Π°Π±ΠΎΡ€Ρ‹ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ WEBP

Π­Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ Google Π² качСствС Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° для многочислСнных сфСр примСнСния Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

Он являСтся ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄Π½Ρ‹ΠΌ ΠΎΡ‚ Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ΄Π΅ΠΊΠ° VP8. Π‘Ρ€Π΅Π΄ΠΈ возмоТностСй WEBP прСдусмотрСно «прСдсказаниС» Π±Π»ΠΎΠΊΠΎΠ² ΠΏΠΎ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ Ρ€Π°Π½Π΅Π΅ Π΄Π΅ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ….

Π€ΠΎΡ€ΠΌΠ°Ρ‚ обСспСчиваСт сТатиС Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, Π½ΠΎ Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²ΠΈΠ΄Π°Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π½Π°Π±Π»ΡŽΠ΄Π°Π΅Ρ‚ΡΡ потСря Ρ†Π²Π΅Ρ‚ΠΎΠ² Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

Но Π³Π»Π°Π²Π½Ρ‹ΠΉ нСдостаток Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² отсутствии всСобщСй ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ.

Π”ΠΎ Π½Π΅Π΄Π°Π²Π½Π΅Π³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° WEBP Π±Ρ‹Π»Π° ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π° ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ обСспСчСниСм Google (Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Chrome) ΠΈ Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ прилоТСниями Android.

НСдавно Π±Ρ‹Π»ΠΎ объявлСно, Ρ‡Ρ‚ΠΎ Microsoft Edge ΠΈ Firefox Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ WEBP, начиная с 2019 Π³ΠΎΠ΄Π°. Однако Apple, Safari ΠΈ iOS ΠΏΠΎΠΊΠ° Π² Ρ€Π°Π·Π΄ΡƒΠΌΡŒΡΡ….

Π€ΠΎΡ€ΠΌΠ°Ρ‚ HEIC / HEIF

Один ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ сайтов ΠΏΡ€Π΅Ρ‚Π΅Ρ€ΠΏΠ΅Π» ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΡŽ Π² Π΄Π²ΡƒΡ… Ρ€Π°Π·Π½Ρ‹Ρ… аспСктах.

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

Π’ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, ΠΎΠ½ обСспСчиваСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² Π΄Π°Π½Π½Ρ‹Ρ…, Π½Π΅ относящихся ΠΊ изобраТСниям, ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π²Ρ‹ΡΠΎΠΊΡƒΡŽ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ.

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ этот ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ ΠΈ ΡΠΆΠΈΠΌΠ°ΡŽΡ‚ΡΡ с ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄Π½ΠΎΠΉ, которая ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с Π²ΠΈΠ΄Π΅ΠΎΠΊΠΎΠ΄Π΅ΠΊΠ° h365 / HEVC. Они Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Ρ‹ с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ 4K ΠΈ 8K, доступных прСимущСствСнно Π½Π° Π½ΠΎΠ²Π΅ΠΉΡˆΠΈΡ… дисплСях.

ΠšΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ HEVC Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя слоТныС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ, Π½ΠΎ с мСньшим количСством ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ, Ρ‡Π΅ΠΌ JPEG.

Он обСспСчиваСт Π±ΠΎΠ»Π΅Π΅ Π²Ρ‹ΡΠΎΠΊΡƒΡŽ ΡΡ„Ρ„Π΅ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ сТатия Π·Π° счСт большСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ кодирования, Ρ‡Ρ‚ΠΎ вовсС Π½Π΅ являСтся ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

SEO Ρ„ΠΎΡ‚ΠΊΠΈ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„ΠΎΡ‚ΠΎ ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π½Π° сайт для адаптивности?!

Π‘Π΅Ρ€Π³Π΅ΠΉ Π‘ΠœΠžΠ ΠžΠ’ΠžΠ—

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

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

ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π° ΠΎΡΠΎΠ·Π½Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡ‚Ρƒ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π° «Ρ‚Ρ€Π°Π³Π΅Π΄ΠΈΠΈ» Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ Ρ‚Π°ΠΊΠΎΠΌΡƒ нСпопулярному Π² срСдС ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ΠΎΠ² ΠΎΡ‚Ρ‡Ρ‘Ρ‚Ρƒ Π² ЯндСкс.ΠœΠ΅Ρ‚Ρ€ΠΈΠΊΠ΅ ΠΊΠ°ΠΊ «ΠžΡ€ΠΈΠ΅Π½Ρ‚ация экрана». Бтроится этот ΠΎΡ‚Ρ‡Ρ‘Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΊ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊ основным ΠΎΡ‚Ρ‡Ρ‘Ρ‚Π°ΠΌ Ρ‡Π΅Ρ€Π΅Π· «Π“Ρ€ΡƒΠΏΠΏΠΈΡ€ΠΎΠ²ΠΊΠΈ».

Π’Π°ΠΊ Π²ΠΎΡ‚, Ссли ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΎΡ‚Ρ‡Ρ‘Ρ‚ «ΠžΡ€ΠΈΠ΅Π½Ρ‚ация экрана» Π·Π° послСдниС 2-3 мСсяца Π½Π° любом коммСрчСском сайтС, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ, Π³Π΄Π΅ доля Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° portrait(портрСтная, Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ориСнтация экрана) ΠΏΠΎΡ‡Ρ‚ΠΈ Π΄ΠΎΠ³Π½Π°Π»Π° долю landscape(Π»Π°Π½Π΄ΡˆΠ°Ρ„Ρ‚Π½Π°Ρ, пСйзаТная, альбомная ΠΈΠ»ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Π°Ρ ориСнтация экрана). НиТС, Π½Π° Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ β„–1 Π²ΠΈΠ΄Π½ΠΎ, Ρ‡Ρ‚ΠΎ 36620 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ просмотрСли сайт Π² Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ экрана (landscape), Π° 33394 ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π·Π° этот ΠΆΠ΅ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΎΠΊ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ просмотрСли сайт Π² Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ экрана (portrait).

Π’Π°Π±Π»ΠΈΡ†Π° β„–1: ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ устройств с Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠ΅ΠΉ экрана ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ.

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

Π’Π°Π±Π»ΠΈΡ†Π° β„–2: ориСнтация экрана ΠΈ устройства.

Но Π½Π° самом Π΄Π΅Π»Π΅ это Π½Π΅ Ρ‚Π°ΠΊ! Π‘ΠΎΠ»Π΅Π΅ 60% ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ экрана, которая ΠΏΡ€ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вёрсткС выглядит ΠΏΠΎΡ‡Ρ‚ΠΈ Ρ‚Π°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ Π½Π° мобильном Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅, Π½ΠΎ Ρ‡ΡƒΡ‚ΡŒ ΠΊΡ€ΡƒΠΏΠ½Π΅Π΅, Π° это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹ ΠΏΠΎ Ρ‚ΠΈΠΏΡƒ потрСблСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΌΠ½ΠΎΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ, ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ эко-систСму, ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΎΡ‚ стационарных Ρ‚ΠΈΠΏΠΎΠ² устройств, Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ² ΠΈ дСсктопов.

БовмСстная доля ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² Π² ΠΎΠ±Ρ‰Π΅ΠΉ Π΄ΠΎΠ»Π΅ Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΏΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ, Π½Π°Π±Π»ΡŽΠ΄Π°Π΅ΠΌΡ‹ΠΌ мною ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌ коммСрчСской Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ вСсной 2016 Π³ΠΎΠ΄Π° ΠΏΠ΅Ρ€Π΅Π²Π°Π»ΠΈΠ»Π° Π·Π° 50% ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠΈΠ»Π° рост, Π° ΠΏΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ Π΄ΠΎΠΊΠ»Π°Π΄Ρ‡ΠΈΠΊΠΎΠ² ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†ΠΈΠΈ YaC/m 2016, ΠΏΡ€ΠΎΡ…ΠΎΠ΄ΠΈΠ²ΡˆΠ΅ΠΉ Π² МосквС 29 июня, рост ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΏΠΎΡΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΡ… ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Ρ‡Π΅Ρ€Π΅Π· ПК замСдлился, Π° Ρ‚ΠΎ ΠΈ вовсС остановился!

Π§Ρ‚ΠΎ это Π·Π½Π°Ρ‡ΠΈΡ‚?

Π­Ρ‚ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ сСгодня просто ΠΈΠΌΠ΅Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΡƒΡŽ вёрстку ΠΈΠ»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ сайта ΡƒΠΆΠ΅ Π½Π΅ достаточно, эту ΡΡ‚Π°Ρ‚ΡŒΡŽ, ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎ Π² ΠΌΠΎΡ‘ΠΌ случаС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ вмСстС с Π²Π°ΠΌΠΈ Π² Π΄Π²ΡƒΡ… Ρ‚ΠΈΠΏΠ°Ρ… ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ экрана: Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎ ΠΈ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ, Π° пропорция этих ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ 50/50, Ρ‚Π°ΠΊ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ЯндСкс.ΠœΠ΅Ρ‚Ρ€ΠΈΠΊΠ° ΠΏΠΎ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΌ публикациям. Π•Ρ‰Ρ‘ это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ восприятиС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ с Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ β„–1 ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ β„–2 Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π·Π½Ρ‹ΠΌ. НС Π²Π΅Ρ€ΠΈΡ‚Π΅? Если Π²Ρ‹ сСйчас Ρ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ этот ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» со стационарного ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°, Ρ‚ΠΎ посмотритС Π½Π° эти Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ с мобильника ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°, Π° Ссли Π²Ρ‹ сСйчас Ρ‡ΠΈΡ‚Π°Π΅Ρ‚Π΅ ΡΡ‚Π°Ρ‚ΡŒΡŽ с мобильного устройства, Ρ‚ΠΎ посмотритС ΠΊΠ°ΠΊ эти Π΄Π²Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ Π²Π°ΠΌΠΈ восприняты со стационарного ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°.

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

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

ОсобСнно это касаСтся Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ β„–2.2, которая Π½Π° Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌ экранС мобильного устройства Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΠΎΡ‡Ρ‚ΠΈ всю ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ экрана, информация Π½Π° Π½Π΅ΠΉ читаСтся Π³ΠΎΡ€Π°Π·Π΄ΠΎ Ρ‡Ρ‘Ρ‚Ρ‡Π΅, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° стал ΠΏΠΎΡ‡Ρ‚ΠΈ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° тСкста, ΠΏΡ€Π°Π²Π΄Π° Ρ‡ΡƒΡ‚ΡŒ мСньшС, Π° Π½Π° экранС стационарного ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ смотрится Ρ‡ΡƒΡ‚ΡŒ большС, Π½ΠΎ читаСтся, ΠΏΡ€ΠΈ этом Π΅Ρ‰Ρ‘ ΠΏΡ€ΠΎΡ‰Π΅.

Π—Π°Π½ΡƒΠ΄Ρ‹ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ±Π²ΠΈΠ½ΠΈΡ‚ΡŒ Π² Π³ΠΈΠ³Π°Π½Ρ‚ΠΈΠ·ΠΌΠ΅ Ρ‚Π°Π±Π»ΠΈΡ† ΠΏΡ€ΠΈ просмотрС Π½Π° стационарном ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠΉ ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ ΠΏΡ€ΠΎΡ‰Π΅, Ρ‡Π΅ΠΌ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ собака с Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΠΏΠ°Π»ΠΊΠΎΠΉ Π² Π·ΡƒΠ±Π°Ρ… ΠΏΡ€ΠΎΡ‚ΠΈΡΠ½ΡƒΡ‚ΡŒΡΡ Π² ΡƒΠ·ΠΊΡƒΡŽ Π΄Π²Π΅Ρ€ΡŒ ΠΈΠ»ΠΈ Π²Π³Π»ΡΠ΄Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π² ΠΌΠ΅Π»ΠΊΠΈΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π° экранС мобильного устройства.

Если ΡƒΠΆ совсСм ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ получаСтся гигантским, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, сохранив ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ сторон, Π½Π° мобильном устройствС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ Π½ΠΈ ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·Π½ΠΈΡ†Ρ‹, Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ дСсктопа ΡƒΠΆΠ΅ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΡ‹Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ дискомфорт ΠΎΡ‚ слишком Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π±ΡƒΠΊΠ² ΠΈ Ρ†ΠΈΡ„Ρ€ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹, сравнитС сами ΠΊΠ°ΠΊ отобраТаСтся Π’Π°Π±Π»ΠΈΡ†Π° β„–2.2 ΠΈ Π’Π°Π±Π»ΠΈΡ†Π° β„–2.3.

Π Π°Π·Π½ΠΈΡ†Ρƒ замСтят Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρ‹ дСсктопов ΠΈ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠΎΠ², Π’Π°Π±Π»ΠΈΡ†Π° β„–2.3 Ρƒ Π½ΠΈΡ… Π±ΡƒΠ΄Π΅Ρ‚ мСньшС, Ρ‡Π΅ΠΌ Π’Π°Π±Π»ΠΈΡ†Π° β„–2.2, Π° Ρƒ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Π΅Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½ΠΈ ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·Π½ΠΈΡ†Ρ‹, Ρ‚.Π΅. ΠΌΡ‹ избавляСмся ΠΎΡ‚ Π³ΠΈΠ³Π°Π½Ρ‚ΠΈΠ·ΠΌΠ° ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π² дСсктопной вСрсии, ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Π² мобильной вСрсии ΠΈ бонусом Π²Ρ‹ΠΈΠ³Ρ€Ρ‹Π²Π°Π΅Ρ‚ 6,2 Кб вСса. Π’Π°Π±Π»ΠΈΡ†Π° β„–2.3 Π»Π΅Π³Ρ‡Π΅ Ρ‡Π΅ΠΌ Π’Π°Π±Π»ΠΈΡ†Π° β„–2.2 Π½Π° 6,2 Кб. И Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ здСсь ΡΠΌΠ΅ΡΡ‚ΡŒΡΡ, эпоха мобильного ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ оптимизация страниц сайта Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ нас ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ Π² 90-Π΅, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ сидСли Π½Π° dial-up линиях ΠΈ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ соСдинСний Π±Ρ‹Π»Π° ΠΎΡ‡Π΅Π½ΡŒ малСнькая. Π’ сСти ΠΏΠΎΠ»Π½ΠΎ статСй ΠΏΡ€ΠΎ ΠΏΡ€ΡΠΌΡƒΡŽ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΡŒ вСса Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ… страниц, скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц, конвСрсий, повСдСнчСских Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΈ SEO.

Π’ ΠΈΡ‚ΠΎΠ³Π΅ Π²Ρ‹ΠΈΠ³Ρ€Π°Π΅Ρ‚ Ρ‚ΠΎΡ‚, Ρƒ ΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ интСрСсный ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ, Π²ΠΎ всСх смыслах.

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

КакиС Π²Ρ‹Π²ΠΎΠ΄Ρ‹ ΠΈΠ· всСго этого ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ?

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

РСкомСндация β„–1

Для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вСрсии сайта ΠΈΠΌΠ΅Π΅Ρ‚ смысл Π²Ρ‹ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΡŽ Ρ‚ΠΎΠ²Π°Ρ€Π° Π½Π° Ρ„ΠΎΡ‚ΠΎ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡ‚ΠΎΠΌ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π»ΠΈΠ±ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π»ΠΈΠ±ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π±Π»ΠΈΠ·ΠΊΠΎΠ΅ ΠΊ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Ρƒ.

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠΌ, ΠΎΡ‚ΠΌΠ΅Ρ‡Π΅Π½Π½Ρ‹ΠΌ красной Π»ΠΈΠ½ΠΈΠ΅ΠΉ, мСньшС всСго ΠΏΡ€ΠΈΠ³ΠΎΠ΄Π½Ρ‹ для ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎΠ³ΠΎ отобраТСния Π½Π° мобильном устройствС. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ с ΠΎΡ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠΌ — Π±ΠΎΠ»Π΅Π΅, ΠΌΠ΅Π½Π΅Π΅ Ρ‚Π΅Ρ€ΠΏΠΈΠΌΡ‹. ΠΠ°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΉ графичСских ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ‚ΠΌΠ΅Ρ‡Π΅Π½ Π·Π΅Π»Ρ‘Π½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚ΡƒΡ€ΠΎΠΌ.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ самый высокий ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ‚ΠΎΠΆΠ΅ ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½ ΠΎΡ€Π°Π½ΠΆΠ΅Π²Ρ‹ΠΌ? Всё просто, Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ «ΡΡ‚ΠΎΠ»Π±Ρ‹» Π½Π΅ слишком Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½ΠΎ Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‚ΡΡ Π½Π° экранС с Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠ΅ΠΉ, Ρ‚.Π΅. Π½Π° ПК ΠΈ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ°Ρ….

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

Π’ΠΎΡ‚ Ρ‚Π°ΠΊ это Ρ„ΠΎΡ‚ΠΎ выглядит Π½Π° экранах Ρ‚ΠΈΠΏΠΎΠ²Ρ‹Ρ… устройств.

Π›ΠΈΠ±ΠΎ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚, Π»ΠΈΠ±ΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ ΠΌΠ°Π»ΠΎΠΉ высоты.

РСкомСндация β„–2

Как для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вёрстки, Ρ‚Π°ΠΊ ΠΈ для мобильной вСрсии сайта Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния, максимально ΡΠΎΠΊΡ€Π°Ρ‰Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΡ… ΠΈ вСс Π΄ΠΎ Ρ€Π°Π·ΡƒΠΌΠ½Ρ‹Ρ… ΠΏΡ€Π΅Π΄Π΅Π»ΠΎΠ².

НаиболСС ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ для Π²Π°ΡˆΠΈΡ… ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ‚ смыл Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚ΡŒ ΠΏΠΎ Π΄Π°Π½Π½Ρ‹ΠΌ Π²Π΅Π±-Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ вашСго сайта. Для стационарных ПК ΠΌΠΎΠΆΠ½ΠΎ Π²Π·ΡΡ‚ΡŒ Π·Π° основу самоС малСнькоС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ° ΠΈΠ· популярных Π² вашСй Π²Π΅Π±-Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠ΅, допустим: 1024Ρ…768. Π”Π΅Π»Π°Π΅ΠΌ ΠΏΠΎΠΏΡ€Π°Π²ΠΊΡƒ Π½Π° мСню Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ элСмСнты Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта, Π° это минус 15-20% ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌ Π»ΠΈΠΌΠΈΡ‚ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ~ 800px, Π° ΠΏΠΎ высоткС ~ 600px, Π² этих Ρ€Π°ΠΌΠΊΠ°Ρ… вСсь ваш Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ выходя Π·Π° Π½Π΅Π³ΠΎ, мСньшС ΠΌΠΎΠΆΠ½ΠΎ, большС Π½Π΅ стоит, Π½Π° Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ°Ρ… с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 1024Ρ…768 ваш графичСский ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π΅Π½ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ.

Π€ΠΎΡ€ΠΌΠ°Ρ‚ для Π²Π°ΡˆΠΈΡ… графичСских ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΉ (Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ для WEB) ΠΈΠΌΠ΅Π΅Ρ‚ смысл Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΏΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ:

1.1) GIF (16 Ρ†Π²Π΅Ρ‚ΠΎΠ²) Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° сайтС, Π½ΠΎ Π½Π΅ стоит ΠΈΠΌΠΈ Π·Π»ΠΎΡƒΠΏΠΎΡ‚Ρ€Π΅Π±Π»ΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π³ΠΈΡ„ΠΊΠΈ вСсят ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ.

1.2) JPEG Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ для ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, сохраняя Ρ„Π°ΠΉΠ» с качСством (Qiality): 60-80, этого достаточно, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства.

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

Π‘ΠΎΡ„Ρ‚: PhotoShop, Lightroom, FastStone Image Viewer.

РСкомСндация β„–3

ΠžΡ‚ΡΠΊΠ°Π½ΠΈΡ€ΡƒΠΉΡ‚Π΅ свой сайт Π½Π° ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ наличия старых Π±ΠΎΠ»ΡŒΡˆΠΈΡ… графичСских Ρ„Π°ΠΉΠ»ΠΎΠ² (Xenu) ΠΈ ΠΏΠΎΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ вСс Ρ„Π°ΠΉΠ»ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ².

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

ΠŸΠΎΠ½ΡΡ‚Π½ΠΎ, Ρ‡Ρ‚ΠΎ дСсятки тысяч ΠΈ сотни тысяч графичСских Ρ„Π°ΠΉΠ»ΠΎΠ² слоТно Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΆΠ°Ρ‚ΡŒ Π² Ρ€ΡƒΡ‡Π½ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡƒΡ‚ΡŒ Ссли эти Ρ„Π°Π»Ρ‹ разбросаны ΠΏΠΎ Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΠ°ΠΏΠΊΠ°ΠΌ Π½Π° сайтС, Π½ΠΎ Π² Ρ‚ΠΎΠΌ случаС, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ всС Π»Π΅ΠΆΠ°Ρ‚ Π² 1-2 ΠΏΠ°ΠΏΠΊΠ°Ρ…, ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ бСсплатной ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ FastStone Image Viewer ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρƒ сТатия ΠΏΡ€ΠΎΠ΄Π΅Π»Π°Ρ‚ΡŒ всСго Π·Π° 20-30 ΠΌΠΈΠ½ΡƒΡ‚ Π² автоматичСском Ρ€Π΅ΠΆΠΈΠΌΠ΅, всС подробности Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ здСсь.

Π£Π΄Π°Ρ‡Π½ΠΎΠ³ΠΎ Π²Π°ΠΌ продвиТСния ΠΈ успСхов Π² вашСм БизнСсС.

Москва, 16.07.2016.

Автор: Π‘Π΅Ρ€Π³Π΅ΠΉ Π‘ΠΌΠΎΡ€ΠΎΠ²ΠΎΠ·, ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„, ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³.

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° β€’ Π‘Π΅Ρ‚ΡŒ LAS WP β€’ УнивСрситСт ΡˆΡ‚Π°Ρ‚Π° Айова

Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΌΠ½Π΅Π½ΠΈΠΉ ΠΎΠ± Β«ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Ρ…Β» Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, Π½ΠΎ Π΅ΡΡ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹Π΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ. Π­Ρ‚ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ вашим фотографиям ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ быстрСС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° вашСм Π²Π΅Π±-сайтС, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

Π₯отя страницы ΠΈ сообщСния ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·Π±Ρ€Π°Π½Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π½ΠΈΠΆΠ΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой «самыС большиС», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

ΠŸΠ Π˜ΠœΠ•Π§ΠΠΠ˜Π•. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π²Π°Ρ€ΡŒΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΎΡ‚ сайта ΠΊ сайту, это руководство являСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ±Ρ‰ΠΈΠΌ руководством. Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… сайтах Π² сСти LAS WP см. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° сайтах сСти WP. (ссылка скоро появится)

# 1 РСкомСндация: Ρ€Π°Π·ΠΌΠ΅Ρ€ пиксСля (высота / ΡˆΠΈΡ€ΠΈΠ½Π°)

Π Π°Π·ΠΌΠ΅Ρ€ Π² пиксСлях — это Π² основном высота ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π° Π²Π°ΡˆΠΈΡ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ. Если Π²Ρ‹ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Π»ΠΈΠ±ΠΎ с сайта стоковых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π»ΠΈΠ±ΠΎ с Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠΉ ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹, Ρ€Π°Π·ΠΌΠ΅Ρ€ пиксСля, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π±ΡƒΠ΄Π΅Ρ‚ довольно большим, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 5000 x 3000 пиксСлСй.

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ просмотра Π² любой ΠΈΠ· Ρ‚Π΅ΠΌ LAS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ, составляСт максимум 1200 пиксСлСй, Ссли Π²Ρ‹ Π½Π΅ Π½Π°Ρ€ΡƒΡˆΠ°Π΅Ρ‚Π΅ Π±Π»ΠΎΠΊ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

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

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

Π˜Ρ‚Π°ΠΊ,

  • Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹Ρ… Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅: 1200 пиксСлСй
  • Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ€Π°Π·Π±ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ… ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€: 1600-1800px

Если вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ большС 1200 пиксСлСй Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Photoshop ΠΈΠ»ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½-прилоТСния для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ Picmonkey (ссылка Π½ΠΈΠΆΠ΅).

ΠŸΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ изобраТСния Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° для страницы Π²Π°ΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ приятно ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ. Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Π±Π»ΠΈΠ·ΠΊΠΎΠ΅ ΠΊ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΊ высотС 3: 1.Π­Ρ‚ΠΎ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° высоком ΡƒΡ€ΠΎΠ²Π½Π΅ Π½Π° вашСй Π²Π΅Π±-страницС, Π½Π΅ заполняя экран ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.

Π’ΠΎΡ‚ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².

Π Π°Π·Ρ€Ρ‹Π² ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° ΠΏΠΎΠ»Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ

Высота ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Π°, Π½ΠΎ Π² соотвСтствии с ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠΉ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ Β«ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°Β» Π½Π° вашСм Π²Π΅Π±-сайтС Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ согласованным Π½Π° страницах. Π”ΠΎΠΌΠ°ΡˆΠ½ΡΡ страница ΡˆΡ‚Π°Ρ‚Π° Айова ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ стандартноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ / Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ высотой 1260×447 пиксСлСй Π² своСм карусСли.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

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

НапримСр, Ссли Ρƒ нас Π΅ΡΡ‚ΡŒ фотография ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π° высотой 6000 пиксСлСй ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ 4000 пиксСлСй, ΠΈ ΠΌΡ‹ автоматичСски ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌ Π΅Π΅ Π΄ΠΎ мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 600 Γ— 400 пиксСлСй, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠ· Π½ΠΈΡ… Π½Π° страницС Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π½Ρ‹ΠΌ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ большиС Ρ„Π°ΠΉΠ»Ρ‹ ΠΈ просто ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ ΠΈΡ… ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

ВсСгда Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠ΅Ρ€Π΅Π΄ ΠΈΡ… Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ, Ρ‡Π΅ΠΌ ΠΏΠΎΠ»Π°Π³Π°Ρ‚ΡŒΡΡ Π½Π° WordPress ΠΈΠ»ΠΈ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСсут Ρ‚ΡΠΆΠ΅Π»ΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ ΠΏΠΎ измСнСнию Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° дюйм

Π‘ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΊΠ°ΠΊ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ Π½Π°Ρ‡Π°Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния, сущСствуСт постоянноС руководство ΠΏΠΎ использованию ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 72 DPI Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π₯отя Ρ‚ΠΎΡ‡Π½ΠΎΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ DPI (Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° дюйм) относится ΠΊΠ°ΠΊ ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ, Ρ‚Π°ΠΊ ΠΈ ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π°, это остаСтся ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠΌ ΠΏΡ€ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅.

Π§Π΅ΠΌ Π²Ρ‹ΡˆΠ΅ DPI, Ρ‚Π΅ΠΌ большС Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, Π½ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ большС Ρ€Π°Π·ΠΌΠ΅Ρ€ пиксСля.Π£ вас ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1200 Γ— 600 пиксСлСй ΠΏΡ€ΠΈ 72 DPI ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ 1200 Γ— 600 пиксСлСй ΠΏΡ€ΠΈ 600 DPI. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 600 Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° дюйм остаСтся Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π½ΠΎ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ большС ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π°, поэтому Π΅Π³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π·Π°ΠΉΠΌΠ΅Ρ‚ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°

Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ зависит ΠΊΠ°ΠΊ ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° пиксСля, Ρ‚Π°ΠΊ ΠΈ ΠΎΡ‚ DPI. Для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΌΡ‹, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΠΌΠ΅Ρ‚ΡŒ наимСньший Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° ΠΏΡ€ΠΈ сохранСнии Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, самый малСнький Ρ„Π°ΠΉΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выглядит Π»ΡƒΡ‡ΡˆΠ΅ всСго.

Π’Ρ‹Π±ΠΎΡ€ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π° довольно ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ.Π’ соврСмСнном Π²Π΅Π±-ΠΌΠΈΡ€Π΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ рСкомСндуСтся ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ изобраТСния ΠΌΠ΅Π½Π΅Π΅ 1 ΠœΠ‘, ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎ ΠΌΠ΅Π½Π΅Π΅ 500 ΠšΠ‘, Π° Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅, Ссли Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΌΠ΅Π½Π΅Π΅ 100 ΠšΠ‘.

Быстрая Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π²Π΅Π±-страницы — ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ поисковой ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ (SEO).

Π’ΠΈΠΏΡ‹ Ρ„Π°ΠΉΠ»ΠΎΠ²

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

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

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Photoshop ΠΈΠ»ΠΈ Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… бСсплатных Π²Π΅Π±-сайтов ΠΏΠΎ измСнСнию Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ:

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΊΠ°ΠΊ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ (DPI), Ρ‚Π°ΠΊ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния (высота / ΡˆΠΈΡ€ΠΈΠ½Π°) ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ это Π²Π°ΠΆΠ½ΠΎ

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

Как ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° [ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ 2018] Β· Π‘Π»ΠΎΠ³ Raygun

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

ΠšΠΎΠ½Π΅Ρ‡Π½Π°Ρ Ρ†Π΅Π»ΡŒ здСсь — ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΠΎΠ΅ качСство изобраТСния ΠΈ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ для нашСго ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ нСзависимо ΠΎΡ‚ устройства.

Π˜Ρ‚Π°ΠΊ, ΠΈΠΌΠ΅Π΅Ρ‚ смысл Π½Π°Ρ‡Π°Ρ‚ΡŒ с Π²Π°ΡˆΠΈΡ… ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ?

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

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния для вашСго сайта

Π’ Raygun ΠΌΡ‹ считаСм, Ρ‡Ρ‚ΠΎ оптимизация полосы пропускания вмСсто Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния Π΄Π΅Π»Π°Π΅Ρ‚ ваш Π²Π΅Π±-сайт Π±ΠΎΠ»Π΅Π΅ согласованным для ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΈ Π΄Π°Π΅Ρ‚ Π²Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½ΠΎ ΠΎΡ†Π΅Π½ΠΈΠ²Π°Ρ‚ΡŒ качСство обслуТивания ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².

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

Π₯отя, ΠΊΠ°ΠΊ Π²Π΅Π±-профСссионалы, ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ наши самыС Π»ΡƒΡ‡ΡˆΠΈΠ΅ изобраТСния, Надав Π‘ΠΎΡ„Π΅Ρ€ΠΌΠ°Π½, ΠΏΠΈΡˆΡƒΡ‰ΠΈΠΉ для Smashing Magazine, Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚, Ρ‡Ρ‚ΠΎ «прСдоставлСниС изобраТСния самого высокого Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для всСх ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉΒ» являСтся ошибкой.

Он Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚:

Β«Π’Π»Π°Π΄Π΅Π»ΡŒΡ†Ρ‹ Π²Π΅Π±-сайтов хотят, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡ… сайт выглядСл идСально Π½Π° соврСмСнных устройствах с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ. Часто Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ всСм ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ изобраТСния Π² высоком Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ: всС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ устройства, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ пиксСлСй устройства (DPR). ”

Надав Π‘ΠΎΡ„Π΅Ρ€ΠΌΠ°Π½

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

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

Как ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния с использованиСм полосы пропускания

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ шаг — всСгда ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ / gzip / ΠΈ ΠΏΡ€ΠΎΠ³ΠΎΠ½ΡΡ‚ΡŒ изобраТСния Π² ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌ процСссС ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΏΠ΅Ρ€Π΅Π΄ ΠΈΡ… использованиСм Π² сСти.НСмного ΠΏΠΎΠΆΠ΅Ρ€Ρ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ качСством Ρ€Π°Π΄ΠΈ изобраТСния ΒΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ Ρ‚ΠΎΠ³ΠΎ стоит Π² долгосрочной пСрспСктивС!

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

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ для всСх посСтитСлСй, нСзависимо ΠΎΡ‚ скорости соСдинСния, являСтся Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΉ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΎΠΉ. Аудитория ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Π΅Π±-сайта Ρ€Π°Π·Π»ΠΈΡ‡Π½Π°, поэтому ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ всСм.

Π‘Π½Π°Ρ‡Π°Π»Π° ΠΏΠΎΠΉΠΌΠΈΡ‚Π΅ свою Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅.

Как Ρ€Π°ΡΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π² зависимости ΠΎΡ‚ пропускной способности

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ статСй согласны с Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² 3 сСкунды слишком Π²Π΅Π»ΠΈΠΊΠΎ, поэтому Π΄Π°Π²Π°ΠΉΡ‚Π΅ стрСмимся ΠΊ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ~ 3 сСкунды.

Π― просто ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ скорости, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅ΠΌΡ‹Π΅ опциями рСгулирования сСти Google Chrome, для разнообразия:

  • 2g: 0,25 Мб / с
  • 4g: 4 ΠœΠ±Π°ΠΉΡ‚
  • Dsl: 2 ΠœΠ‘Ρ
  • Wi-Fi: 30 ΠœΠ±ΠΈΡ‚ / с

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Ρƒ нас Π΅ΡΡ‚ΡŒ скорости.Π—Π°Ρ‚Π΅ΠΌ Π½Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ страницы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для вашСго Π²Π΅Π±-сайта.

Π’ 2015 Π³ΠΎΠ΄Ρƒ срСдний Ρ€Π°Π·ΠΌΠ΅Ρ€ страницы составил 2,3 ΠœΠ‘, Ρ‡Ρ‚ΠΎ Π½Π° 16% большС, Ρ‡Π΅ΠΌ Π² 2014 Π³ΠΎΠ΄Ρƒ. БлСдуя этой Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΈ, ΠΌΠΎΠΆΠ½ΠΎ с ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ срСдний Ρ€Π°Π·ΠΌΠ΅Ρ€ страницы Π² 2016/17 Π³ΠΎΠ΄Ρƒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΊΠΎΠ»ΠΎ 2,7–3 ΠœΠ‘.

ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ усрСднСниС, ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС Ρ‚Π°ΠΊΠΆΠ΅ увСличился с большой ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ, достигнув 64% ΠΎΡ‚ ΠΎΠ±Ρ‰Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° страницы, состоящСй ΠΈΠ· ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² 2015 Π³ΠΎΠ΄Ρƒ, Π½Π° 2016/17 Π³ΠΎΠ΄.

Π― ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡΡŒ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ это число Π΄ΠΎ 70%, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ число ΠΈΠ· Π³ΠΎΠ΄Π° Π² Π³ΠΎΠ΄ Π½Π΅ΡƒΠΊΠ»ΠΎΠ½Π½ΠΎ растСт.

Π‘Ρ€Π°Π²Π½Π΅Π½ΠΈΠ΅ скорости Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ со срСдним Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ страницы позволяСт Π½Π°ΠΌ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρƒ ΠΎΠ±Ρ‰ΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΡ‚Ρ€Π΅ΠΌΠΈΡ‚ΡŒΡΡ, глядя Π½Π° ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, доступный для выдСлСния для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, — Π΄ΠΎ Ρ‚ΠΎΡ‡ΠΊΠΈ.

ΠžΡΠ½ΠΎΠ²Ρ‹Π²Π°ΡΡΡŒ Π½Π° скорости роста Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² страниц ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΠΎΠΉ Π΄ΠΎΠ»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницы, состоящСй ΠΈΠ· ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ Π½Π°ΠΌ полосу пропускания.

Π­Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΊ Ρ€Π°Π·Π½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΏΡ€ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡΡ… (с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² Ρ‚Ρ€ΠΈ сСкунды).

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

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡΡ‚ΠΎΡΡ‚ΡŒ этому, ΠΌΡ‹ собираСмся ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΡ‚ΡŒ страницы ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 3 ΠœΠ‘.

(ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Π·Π°Ρ‚Ρ€Π°Ρ‡Π΅Π½Π½ΠΎΠ΅ врСмя Π½Π΅ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Π΅Ρ‚ Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈ запросов (TTFB), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ Π² зависимости ΠΎΡ‚ Ρ‚ΠΈΠΏΠ° ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ.)

ВрСмя ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ 3ΠΌΠ± ΠΏΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡŽ

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ с ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΡ‹Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ, Ссли Π²Ρ‹ ΠΈΠΌ Π½Π΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚Π΅. НайдитС врСмя, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ Π²Π°ΡˆΡƒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ здСсь.

На основС Π½Π°ΡˆΠΈΡ… расчСтов ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Ρ€Π°Π·Π±ΠΈΡ‚ΡŒ, сколько ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‚ΠΈΠΏ соСдинСния ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π·Π° 3 сСкунды:

  • 2 Π³ = 0,75 ΠœΠ‘ / 3 с
  • 4g = 12 ΠœΠ‘ / 3 с
  • DSL = 6 ΠœΠ‘ / 3 с
  • Wi-Fi = 63 ΠœΠ‘ / 3 с

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

Если Ρƒ Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠ΅ соСдинСниС, страницы Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ большими, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π»ΠΈΡΡŒ ΠΌΠ΅Π½Π΅Π΅ Ρ‡Π΅ΠΌ Π·Π° Ρ‚Ρ€ΠΈ сСкунды.Учитывая, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ нашСй страницы составляСт всСго 3 ΠœΠ‘, Ρƒ нас Π΅ΡΡ‚ΡŒ достаточно мСста для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π½Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· этих скоростСй соСдинСния.

Однако наша Ρ†Π΅Π»ΡŒ — максимально ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, поэтому я ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡΡŒ ограничСния Π² 3 ΠœΠ‘.

Если ваша аудитория Π½Π΅ зацикливаСтся Π½Π° ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎΠΌ соСдинСнии, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Π½ΡΡ‚ΡŒ эту ΠΏΠ»Π°Π½ΠΊΡƒ.

ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° страницы Π½Π° основС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ

ЕдинствСнноС Π·Π°Ρ‚Ρ€ΠΎΠ½ΡƒΡ‚ΠΎΠ΅ соСдинСниС — соСдинСниС 2G. Если Π±Ρ‹ ваши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ использовали это соСдинСниС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ страницу ΠΌΠ΅Π½Π΅Π΅ Ρ‡Π΅ΠΌ Π·Π° 3 сСкунды, Π²Ρ‹ Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ страницы Π΄ΠΎ 0.75 ΠœΠ‘ Π² этом случаС всСго 0,525 ΠœΠ‘ (525 ΠšΠ‘) ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π—Π½Π°ΠΉΡ‚Π΅ своих ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ!

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

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

Π£Π·Π½Π°ΠΉΡ‚Π΅, Π³Π΄Π΅ находятся ваши ΠΊΠΎΠ½Π΅Ρ‡Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΈΡ… ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ изобраТСния Π·Π°ΠΌΠ΅Π΄Π»ΡΡŽΡ‚ ваши страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Raygun Software Intelligence — Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ бСсплатной ΠΏΡ€ΠΎΠ±Π½ΠΎΠΉ вСрсиСй здСсь

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ эти ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ инструмСнты, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ взаимодСйствиС с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ

-Π§ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ Ρ‚ΠΎΡ‡Π΅ΠΊ останова изобраТСния
-Быстро ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° изобраТСния
-Raygun ΠœΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΈΠ½Π³ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ качСства изобраТСния для Π²Π΅Π±-сайтов Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ

Каков Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ качСство для Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ?

Π­Ρ‚ΠΎ вопрос, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π°ΠΌ часто Π·Π°Π΄Π°ΡŽΡ‚, ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ зависит ΠΎΡ‚ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² ΠΈ компромиссов.Π’Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π½Π° вашСм Π²Π΅Π±-сайтС выглядСли Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎ, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ изобраТСния Π·Π°Π³Ρ€ΡƒΠΆΠ°Π»ΠΈΡΡŒ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ. Π‘ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ΠΌ скорости ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° ΠΈ дисплСями, Π΄ΠΎΡΡ‚ΠΈΠ³Π°ΡŽΡ‰ΠΈΠΌΠΈ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ 5K, Π½Π° Π²Π΅Π±-сайтах Ρ„ΠΎΡ‚ΠΎΠ³Π°Π»Π΅Ρ€Π΅ΠΈ появляСтся мСсто для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±ΠΎΠ»Π΅Π΅ высокого качСства ΠΏΡ€ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΉ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ [см. ΠžΠ±Ρ€Π°Π·Π΅Ρ† Π³Π°Π»Π΅Ρ€Π΅ΠΈ]. Π’ этом постС я ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ качСство изобраТСния, исходя ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ:

  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ для полноэкранного отобраТСния ΠΏΡ€ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ΅ [Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ ΠΎΠΊΠ½Π°] Π±Π΅Π· Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.
  • ΠŸΠΎΠ΄Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ посСтитСлСй вашСго Π²Π΅Π±-сайта ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ быстроС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΊ Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ.
  • Основная Ρ†Π΅Π»ΡŒ вашСго Π²Π΅Π±-сайта — дСмонстрация Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΈ ваши посСтитСли Π·Π½Π°ΡŽΡ‚ ΠΎΠ± этом.
Π’Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ

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

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

Для Ρ‚Π΅Ρ…, ΠΊΡ‚ΠΎ Π½Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ всС подробности, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΌΠΎΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ Π½ΠΈΠΆΠ΅.

70%

65 — 75% / сТатиС

2560 пиксСлСй

2048 — 2880 пиксСлСй / длинная сторона

ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ 70%

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

«Π—олотая сСрСдина» для ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π³Π΄Π΅-Ρ‚ΠΎ Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ качСства 70%.

ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ
ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π‘ΠΆΠ°Ρ‚ΠΈΠ΅

ΠŸΡ€ΠΈ сохранСнии ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с настройкой «качСство» Π²Ρ‹, ΠΏΠΎ сути, устанавливаСтС ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ сТатия. ВысокоС «качСство» ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ Π½ΠΈΠ·ΠΊΠΎΠΌΡƒ ΡΠΆΠ°Ρ‚ΠΈΡŽ ΠΈ Π±ΠΎΠ»ΡŒΡˆΠΎΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π°, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΎΠ΅ «качСство» ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ ΡΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ ΡΠΆΠ°Ρ‚ΠΈΡŽ ΠΈ ΠΌΠ΅Π½ΡŒΡˆΠ΅ΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π°.Π‘ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΎΠ΅ «качСство» Π½Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½ΠΈΠ·ΠΊΠΎΠ³ΠΎ качСства.

exampleQuality 95%
vs 70%

НиТС Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π΄Π²Π° изобраТСния с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 2560 пиксСлСй . Π›Π΅Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сТимаСтся с качСством 95% , Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ получаСтся Ρ„Π°ΠΉΠ» Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 414 ΠšΠ‘ , Π° ΠΏΡ€Π°Π²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ сТато с качСством 70% , Ρ‡Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° 151 ΠšΠ‘ . Π­Ρ‚ΠΎ огромная Ρ€Π°Π·Π½ΠΈΡ†Π° Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅ Ρ„Π°ΠΉΠ»Π° Π² 3 Ρ€Π°Π·Π°. Π’Ρ‹ Π»Π΅Π³ΠΊΠΎ Π²ΠΈΠ΄ΠΈΡ‚Π΅ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ?

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

Π£Ρ‚ΠΈΠ»ΠΈΡ‚Ρ‹ сТатия

Для Ρ‚Π΅Ρ…, Ρƒ ΠΊΠΎΠ³ΠΎ Π΅Ρ‰Π΅ Π½Π΅Ρ‚ собствСнного Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ процСсса для сохранСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ эти бСсплатныС прилоТСния. Π”Π°ΠΆΠ΅ Ссли Π²Ρ‹ ΡƒΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, я Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² kraken нСсколько ΡƒΠΆΠ΅ сТатых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.io Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Β«Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒΒ», просто Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваши Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

  • ImageOptim Mac
    Мой Π»ΠΈΡ‡Π½Ρ‹ΠΉ Ρ„Π°Π²ΠΎΡ€ΠΈΡ‚. ΠœΠΎΡ‰Π½Ρ‹Π΅ возмоТности сТатия ΠΈ простота использования большС УстановитС ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ качСства ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ с потСрями. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ свои изобраТСния ΠΈ Π²ΠΏΠ΅Ρ€Π΅Π΄!
  • Kraken.io Web
    ΠœΠΎΡ‰Π½ΠΎΠ΅ Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ с простым интСрфСйсом, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΈ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ изобраТСния.
  • Image Resizer Windows
    ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅, Π½ΠΎ эффСктивноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для Windows, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ изобраТСния.

Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ 2560 пиксСлСй

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

На ΠΊΠ°ΠΊΠΎΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния слСдуСт ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ?

Нам, вСроятно, слСдуСт ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ соврСмСнным экранам с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ. Он ΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°Ρ€ΡŒΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ 1920 x 1280 Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΎΠ² Π΄ΠΎ 15-Π΄ΡŽΠΉΠΌΠΎΠ²Ρ‹Ρ… экранов Macbook Retina с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 2880 x 1800 .Π”Π°ΠΆΠ΅ соврСмСнныС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ iPhone 11, ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана 2436 x 1125 . ИмСя это Π² Π²ΠΈΠ΄Ρƒ, ΠΈΠΌΠ΅Π΅Ρ‚ смысл Π½Π°Ρ†Π΅Π»ΠΈΡ‚ΡŒ большиС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π³Π΄Π΅-Ρ‚ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ 2048 ΠΈ 2880 пиксСлСй . ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ΅ 2560
ΠΏΡ€ΠΎΡ‚ΠΈΠ² 4096 пиксСлСй

Π”Π²Π° изобраТСния, сТатыС с качСством 70%, ΠΏΡ€ΠΈ этом Ρ€Π°Π·ΠΌΠ΅Ρ€ Π»Π΅Π²ΠΎΠ³ΠΎ изобраТСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Π΄ΠΎ 2560 пиксСлСй (377 ΠΊΠ±), Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΡ€Π°Π²ΠΎΠ³ΠΎ изобраТСния — Π΄ΠΎ 4096 пиксСлСй (866 ΠΊΠ±). Π₯отя нСбольшоС количСство посСтитСлСй Π½Π° экранах 4K + ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹ΠΈΠ³Ρ€Π°Ρ‚ΡŒ ΠΎΡ‚ изобраТСния 4096 пиксСлСй, это ΠΌΠ΅Π½ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π½Π΅ ΠΎΠΏΡ€Π°Π²Π΄Ρ‹Π²Π°Π΅Ρ‚ увСличСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π° Π½Π° 230%.Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 2560 пиксСлСй удовлСтворят 99% (ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅) экранов всСх Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ΠΈ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Π½Π° экранах 4K +.

Π”ΠΎΠ»ΠΆΠ΅Π½ Π»ΠΈ я всСгда ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Β«Π΄Π»ΠΈΠ½Π½ΠΎΠΉ стороны» изобраТСния?

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

Как насчСт экранов Retina ΠΈ HiDPI?

НСзависимо ΠΎΡ‚ физичСского Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ соврСмСнныС экраны ΠΈΠΌΠ΅ΡŽΡ‚ Π²Ρ‹ΡΠΎΠΊΡƒΡŽ Β«ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ пиксСлСй». НапримСр, Retina Macbook 13 дюймов ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ экрана 2560 x 1600, Π½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Β«ΠΊΠ°ΠΊΒ» 1280 x 800. Однако, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ пиксСлСй удваиваСтся, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ фактичСскому Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡŽ экрана Π² пиксСлях.

А ΠΊΠ°ΠΊ насчСт ΡƒΡ€ΠΎΠ²Π½Π΅ΠΉ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ?

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

Как большиС изобраТСния ΠΏΠΎΠ²Π»ΠΈΡΡŽΡ‚ Π½Π° малСнькиС экраны?

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ прСдоставлСны Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡŽ экрана с Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ запасом. БСссмыслСнно Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ 2560 пиксСлСй Π½Π° экран, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ способСн Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° 1280 пиксСлСй. X3 ΡƒΠΆΠ΅ обслуТиваСт ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½Ρ‹Π΅ изобраТСния, ΠΊΠΎΠ³Π΄Π° это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ.

Π Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° 200 — 700 ΠΊΠ±

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

ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Низкая дСтализация
ΠΏΡ€ΠΎΡ‚ΠΈΠ² высокая дСтализация

Π”Π²Π° изобраТСния 2560 пиксСлСй с качСством 70% .Из-Π·Π° ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡŽΡ‰Π΅Π³ΠΎΡΡ Ρ„ΠΎΠ½Π° ΠΈ Π½ΠΈΠ·ΠΊΠΎΠ³ΠΎ срСднСго уровня Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ слСва ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ сТимаСтся ΠΏΡ€ΠΈ 89 kb . Однако ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ справа Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС 535 ΠΊΠ± ΠΈΠ·-Π·Π° высокого уровня Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈ Ρ†Π²Π΅Ρ‚Π°.

Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ Π»ΠΈ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ качСство для достиТСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π°?

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

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

Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅, каТСтся ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния, Ссли Π²Ρ‹ примСняСтС достаточноС сТатиС. Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½Ρ‹Ρ… Π΄ΠΎ 2560 пиксСлСй ΠΏΡ€ΠΈ 70% качСствС, Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΡΡ‚ΡŒ трСбованиям соврСмСнных экранов с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΏΡ€ΠΈ этом ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽΡ‚ΡΡ Ρ„Π°ΠΉΠ»Ρ‹ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π² срСднСм 300 ΠšΠ‘.

70%

65 — 75% / сТатиС

2560 пиксСлСй

2048 — 2880 пиксСлСй / длинная сторона

FAQ

Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ Π»ΠΈ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ изобраТСния ΠΏΡ€ΠΈ сТатии?

ВСсты ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠΈ ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Ρ… IPTC ΠΈ EXIF ​​из Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π΅Ρ‚ Ρ€Π°Π·Π½ΠΈΡ†Ρ‹.ΠœΠ°ΠΊΡΠΈΠΌΡƒΠΌ 1 ΠΊΠ±. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ эта информация Π½Π° сайтС? ΠžΡΡ‚Π°Π²ΡŒ это.

А ΠΊΠ°ΠΊ насчСт Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ webp?

НСкоторыС ΠΈΠ· вас, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΠ»Ρ‹ΡˆΠ°Π»ΠΈ ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ webp ΠΎΡ‚ Google ΠΈ Π·Π°Π΄Π°ΡŽΡ‚ΡΡ вопросом, ΠΊΠ°ΠΊ ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с JPG. ВСсты ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ webp ΠΈΠΌΠ΅Π΅Ρ‚ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½ΡƒΡŽ Π²Ρ‹Π³ΠΎΠ΄Ρƒ, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ касаСтся фотографичСских ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… webp ΠΏΠΎΠΊΠ° Π½Π΅ поддСрТиваСтся. ОсновноС прСимущСство Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° webp Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ прСвосходит GIF ΠΈ PNG для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² графичСском стилС.

ΠΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ Π»ΠΈ DPI ΠΈ PPI?

И DPI, ΠΈ PPI Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΊ изобраТСниям, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹ΠΌ Π½Π° экранах, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ всСгда Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ физичСскиС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ изобраТСния Π² пиксСлях.Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Π°ΠΌ слСдуСт ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ 72 dpi / ppi для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, экспортируСмых для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°, Π½ΠΎ это Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ значСния. ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π½Π° сайтС photographyylife.com/dpi-vs-ppi.

ΠœΠΎΠΆΠ΅Ρ‚ Π»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ X3 ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ изобраТСния?

Π—Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ X3 ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΡΠΆΠΈΠΌΠ°Ρ‚ΡŒ изобраТСния ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅. Π­Ρ‚ΠΎ ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½ΠΎ ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΡ‹Π΅ возмоТности измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ сТатия. Однако, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ запускаСтся ΠΈΠ· Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΎΠ½ Π½Π΅ Ρ‚Π°ΠΊΠΎΠΉ ΠΌΠΎΡ‰Π½Ρ‹ΠΉ, ΠΊΠ°ΠΊ прилоТСния для сТатия, упомянутыС Ρ€Π°Π½Π΅Π΅ Π² этом постС. Если Π²Π°ΠΌ трСбуСтся настраиваСмый элСмСнт управлСния, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΡΠΆΠ°Ρ‚ΡŒ изобраТСния ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ.

ΠŸΠΎΠ²Π»ΠΈΡΠ΅Ρ‚ Π»ΠΈ мСдлСнная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° SEO?

Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ страницы — это Ρ„Π°ΠΊΡ‚ΠΎΡ€, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ Google для ранТирования страниц, ΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ страница ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ изобраТСния, мСдлСнная Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΏΠΎΡΠΎΠ±ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ этому эффСкту. Однако, ΠΊΠΎΠ³Π΄Π° ваши большиС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ ΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ, ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ²Π»ΠΈΡΡŽΡ‚ Π½Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы. Если Π²Ρ‹ встраиваСтС большиС изобраТСния прямо Π½Π° страницу, становится всС Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ эти изобраТСния Π±Ρ‹Π»ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ.


ΠžΠ±Ρ€Π°Π·Π΅Ρ† Π³Π°Π»Π΅Ρ€Π΅ΠΈ

Π― Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ» мноТСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±Ρ‹Π» ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Π΄ΠΎ 2560 пиксСлСй (длинная сторона) ΠΈ сТат с качСством 70% .Π― Π΄ΡƒΠΌΠ°ΡŽ, Π²Ρ‹ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ обСспСчиваСт Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π° ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌ качСством, Π² Ρ‚ΠΎΠΌ числС Π½Π° экранах с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΈΠ·Π½Π°ΠΊΠΈ сТатия Π½Π΅ Π²ΠΈΠ΄Π½Ρ‹ ΠΏΡ€ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠΈ изобраТСния Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅?

Π Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния Π²Π΅Π±-сайта — WordPress.com

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

Π’Π°ΠΌ интСрСсно, насколько эффСктивны изобраТСния Π½Π° самом Π΄Π΅Π»Π΅? По Π΄Π°Π½Π½Ρ‹ΠΌ Inc.

, сообщСния с изобраТСниями ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‚ Π½Π° 65% Π±ΠΎΠ»Π΅Π΅ высокий ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ вовлСчСнности, Ρ‡Π΅ΠΌ сообщСния, содСрТащиС Ρ‚ΠΎΠ»ΡŒΠΊΠΎ тСкст.

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

1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ изобраТСния

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

НапримСр, Ссли Π²Ρ‹ ΠΏΡ€ΠΎΠ΄Π°Π΅Ρ‚Π΅ Π³Π»ΠΈΠ½ΡΠ½ΡƒΡŽ посуду, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ вашСй Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² студии Π±ΡƒΠ΄Π΅Ρ‚ Π»ΡƒΡ‡ΡˆΠΈΠΌ Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ, Ρ‡Π΅ΠΌ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠ΅ΠΉΠ·Π°ΠΆ. Π’ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅ динамичСская фотография вас Π² дСйствии, вСроятно, Π±ΡƒΠ΄Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ интСрСсной, Ρ‡Π΅ΠΌ снимок простого ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

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

2. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€

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

По Π΄Π°Π½Π½Ρ‹ΠΌ Malama Online Marketing, Π»ΡƒΡ‡ΡˆΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния Π²Π΅Π±-сайта — 1920 x 1080 пиксСлСй, Π° идСальноС ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ — 16: 9.Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ dpi (Ρ‚ΠΎΡ‡Π΅ΠΊ Π½Π° дюйм) Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 72, Π½ΠΎ Π²Ρ‹ всС Ρ€Π°Π²Π½ΠΎ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π±Ρ‹Π» ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ мСньшС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сайта.

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

3. Π’Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ рассмотритС свою Π½Π°ΠΊΠ»Π°Π΄ΠΊΡƒ

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ людСй Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ тСкстовыС налоТСния (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π°Π·Π²Π°Π½ΠΈΠ΅ своСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΈ нСсколько Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ) ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠšΠ»ΡŽΡ‡ΠΈ ΠΊ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠΌΡƒ налоТСнию тСкста Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚:

  • ΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠ΅ тСкста — Если Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚Π΅ Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ Π°Π±Π·Π°Ρ† тСкста ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния, Π²Ρ‹ ΠΎΡ‚Π²Π»Π΅Ρ‡Π΅Ρ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΡ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта.ВСкст Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΌ ΠΈ приятным, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΡΡ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ вашСго Π²Π΅Π±-сайта Π±ΡƒΠ΄Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠΉ.
  • ΠžΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΠ΅ Ρ‡ΠΈΡ‚Π°Π±Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ — Π‘Π»ΠΎΠ³ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠ° Grafix ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ стратСгии для эффСктивного отобраТСния тСкста ΠΏΠΎΠ²Π΅Ρ€Ρ… Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’ Ρ†Π΅Π»ΠΎΠΌ, всС сводится ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΡŽ ΠΈ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌΡƒ контрасту, Ρ‡Ρ‚ΠΎΠ±Ρ‹ слова Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Π»ΠΈΡΡŒ.

4. Π’Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…

Π‘ΠΊΠΎΡ€Π΅Π΅ всСго, Π²Ρ‹ всСгда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ свой Π»ΡŽΠ±ΠΈΠΌΡ‹ΠΉ Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π° своСм Π²Π΅Π±-сайтС.Но ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²Ρ‹ Π·Π°ΠΊΠΎΠ½Ρ‡ΠΈΡ‚Π΅ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния, Π²Π°ΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой Π΄ΠΈΠ·Π°ΠΉΠ½ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

Если Π²Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Chrome, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ‚Π°ΠΊΠΆΠ΅ загруТаСтся ΠΈ отобраТаСтся ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈ использовании Safari, Firefox ΠΈ Edge. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ свой Ρ„ΠΎΠ½ Π½Π° смартфонС ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° мобильном устройствС.

5. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваш сайт Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π°Π²Ρ‚ΠΎΠ½ΠΎΠΌΠ½ΠΎ.

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

По этой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ ваш Π²Π΅Π±-сайт Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π΄Π°ΠΆΠ΅ Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ отсутствуСт. НС ΠΏΠΎΠ»Π°Π³Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° ΠΎΠ΄Π½Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ вСсь ваш сайт!

Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для вашСго Π½ΠΎΠ²ΠΎΠ³ΠΎ Π²Π΅Π±-сайта? ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π²ΠΈΠ΄Π΅ΠΎ Π½ΠΈΠΆΠ΅ ΠΈ ΡƒΠ·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ Ρ‡Π΅Ρ€Π΅Π· WordPress.com:

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния Π½Π° соврСмСнных страницах SharePoint

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

КакиС Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ подходят Π»ΡƒΡ‡ΡˆΠ΅ всСго?

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

Π’Ρ‹Π±ΠΎΡ€ Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠ΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния для вашСй страницы зависит ΠΎΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ²:

  • Π‘ΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон : ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ высотой ΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

  • ΠœΠ°ΠΊΠ΅Ρ‚ столбца : Ρ‚ΠΈΠΏ ΠΈ количСство столбцов Π½Π° вашСй страницС

  • ΠœΠ°ΠΊΠ΅Ρ‚ Π²Π΅Π±-части : ΠΌΠ°ΠΊΠ΅Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ для Π²Π΅Π±-части, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅

Π‘ΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон

Π‘ΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон — это ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρƒ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ ΠΈ высотой ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.ΠžΠ±Ρ‹Ρ‡Π½ΠΎ выраТаСтся двумя числами, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ 3: 2, 4: 3 ΠΈΠ»ΠΈ 16: 9. Π¨ΠΈΡ€ΠΈΠ½Π° всСгда являСтся ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ числом. НапримСр, ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ 16: 9 ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ 1600 пиксСлСй Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π½Π° 900 пиксСлСй Π² высоту. Или это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ 1920 x 1080, 1280 x 720 ΠΈΠ»ΠΈ Π»ΡŽΠ±Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ / высоты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ рассчитаны ΠΊΠ°ΠΊ Ρ€Π°Π²Π½Ρ‹Π΅ 16: 9. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€Ρ‹ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΈ Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… инструмСнтах для рСдактирования Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π’ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв изобраТСния Π² соврСмСнных Π²Π΅Π±-частях Π»ΡƒΡ‡ΡˆΠ΅ всСго Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ с ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ ΠΈ устройствами, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон 16: 9 ΠΈΠ»ΠΈ 4: 3, Π² зависимости ΠΎΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

РасполоТСниС колонн

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

ΠœΠ°ΠΊΠ΅Ρ‚

Π¨ΠΈΡ€ΠΈΠ½Π° Π² пиксСлях

ΠŸΠΎΠ»Π½ΠΎΡ€Π°Π·ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ столбСц

1920

Одна колонка

1204

Π”Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹

586 Π½Π° столбСц

Π’Ρ€ΠΈ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹

380 Π½Π° столбСц

Π’Ρ€Π΅Ρ‚ΡŒΡ лСвая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°

380 для Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ; 792 для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ

Π’Ρ€Π΅Ρ‚ΡŒΡ правая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°

792 для Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ; 380 для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ

Из-Π·Π° ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΠ³ΠΎ Ρ…Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€Π° страниц изобраТСния Π² ΠΏΠΎΠ»Π½ΠΎΡˆΠΈΡ€ΠΈΠ½Π½Ρ‹Ρ… столбцах всСгда Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ экрана с автоматичСской высотой Π² зависимости ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° экрана.

Высота ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Ρ… Π² Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ столбцов, Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²ΠΈΡΠ΅Ρ‚ΡŒ ΠΎΡ‚ вашСго ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон. Π’ΠΎΡ‚ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ высотС / ΡˆΠΈΡ€ΠΈΠ½Π΅ для ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ сторон 16: 9 ΠΈ 4: 3 (с ΠΎΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ΠΌ Π²Π²Π΅Ρ€Ρ… / Π²Π½ΠΈΠ· Π΄ΠΎ блиТайшСго пиксСля). Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для сохранСния Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈ высотС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

Π‘ΠžΠžΠ’ΠΠžΠ¨Π•ΠΠ˜Π• БВОРОН

ΠŸΠ›ΠΠ

16 Ρ… 9

Π¨ΠΈΡ€ΠΈΠ½Π° x Высота Π² пиксСлях

4 Ρ… 3

Π¨ΠΈΡ€ΠΈΠ½Π° x Высота Π² пиксСлях

Одна колонка

1204 Ρ… 677

1204 Ρ… 903

Π”Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹

586 x 330

586 x 439

Π’Ρ€ΠΈ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹

380 Ρ… 214

380 Ρ… 285

Π’Ρ€Π΅Ρ‚ΡŒΡ лСвая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°

380 x 446 для Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ; 792 x 446 для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ

380 x 594 для Π»Π΅Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ; 792 x 594 для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ

Π’Ρ€Π΅Ρ‚ΡŒΡ правая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°

792 x 446 для Π»Π΅Π²ΠΎΠ³ΠΎ столбца; 380 x 446 для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹

792 x 594 для Π»Π΅Π²ΠΎΠ³ΠΎ столбца; 380 x 594 для ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½Π½Ρ‹

ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π²Π΅Π±-частСй

ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² Π²Π΅Π±-частях, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅, Ρ‚Π°ΠΊΠΆΠ΅ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° ΠΌΠ°ΡΡˆΡ‚Π°Π± Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ‹ Ρ€Π°Π·Π½Ρ‹Π΅ Π²Π΅Π±-части ΠΈ ΠΈΡ… ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² ΠΎΠ΄Π½ΠΎΠΌ столбцС, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΈΠ· Π½ΠΈΡ….

Рассмотрим это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с исходным ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ΠΌ сторон 16: 9:

НиТС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ этого изобраТСния, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ страницы Π² ΠΎΠ΄ΠΈΠ½ столбСц, Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²Π΅Π±-частях ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ….

Π’Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ гСроя

Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон для ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² листов ΠΈ слоСв:

  • ΠŸΠ»ΠΈΡ‚ΠΊΠΈ: высота Π²Π΅Π±-части ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π² соотвСтствии с ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ΠΌ сторон 8: 3, Π° изобраТСния Π²Π½ΡƒΡ‚Ρ€ΠΈ Π²Π΅Π±-части ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π΄ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон 4: 3.

  • Π‘Π»ΠΎΠΈ: ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ слой ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π΄ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон 8: 3, Π° изобраТСния Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ слоя ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π΄ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон ΠΎΠΊΠΎΠ»ΠΎ 16: 9.

  • На ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΠ½Π°Ρ раскладка с ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ΠΌ сторон 16: 9.

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ изобраТСния, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² Layers layout (Π²Π²Π΅Ρ€Ρ…Ρƒ) ΠΈ Tiles layout (Π²Π½ΠΈΠ·Ρƒ)

Π’Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ с Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ содСрТимым

16: 9 — это ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон для ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Β«ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΒ», Β«Π”ΠΈΠ°Ρ„ΠΈΠ»ΡŒΠΌΒ» ΠΈ Β«ΠšΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈΒ».

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ изобраТСния, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ Π΄ΠΈΠ°Ρ„ΠΈΠ»ΡŒΠΌΠ° (Π²Π²Π΅Ρ€Ρ…Ρƒ) ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ (Π²Π½ΠΈΠ·Ρƒ).

Π’Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ изобраТСния

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π±ΡƒΠ΄ΡƒΡ‚ Ρ€Π°ΡΡˆΠΈΡ€ΡΡ‚ΡŒΡΡ Π΄ΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€Π°Π·Π΄Π΅Π»Π°, содСрТащСго Π²Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ.Π£ вас Π΅ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ»ΡŒΠ½ΡƒΡŽ ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов Β«Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β» ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€ΡƒΡ‡ΠΊΠΈ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΎΠ±Ρ€Π΅Π·ΠΊΠΈ изобраТСния (синиС Π»ΠΈΠ½ΠΈΠΈ) Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ 4: 3

Π’Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ Π³Π°Π»Π΅Ρ€Π΅ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π’ Ρ€Π°Π·Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон:

  • ΠœΠ°ΠΊΠ΅Ρ‚

    Bricks ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Π΅Ρ‚ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон всСх ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ: 16: 9, 1: 1, 4: 3 ΠΈ Ρ‚. Π”.

  • ΠŸΠ»ΠΈΡ‚ΠΊΠΈ, ΠΊΠ°Ρ€Ρ‚Ρ‹: 4: 3

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ изобраТСния, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΏΠ»ΠΈΡ‚ΠΊΠΈ (Π²Π²Π΅Ρ€Ρ…Ρƒ) ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΊΠΈΡ€ΠΏΠΈΡ‡Π° (Π²Π½ΠΈΠ·Ρƒ)

Новостная Π²Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ —

Π’ зависимости ΠΎΡ‚ ΠΌΠ°ΠΊΠ΅Ρ‚Π° изобраТСния Π² Π²Π΅Π±-части «Новости» ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ 4: 3, 16: 9 ΠΈΠ»ΠΈ 21: 9.Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π³Π»Π°Π²Π½ΠΎΠΌ ΡΡŽΠΆΠ΅Ρ‚Π΅ ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚ карусСли.

ΠžΠ±Π»Π°ΡΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° страницы

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ выглядят Π»ΡƒΡ‡ΡˆΠ΅ всСго Π² альбомной ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ ΠΏΡ€ΠΈ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ сторон 16: 9 ΠΈΠ»ΠΈ Π²Ρ‹ΡˆΠ΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 1 ΠœΠ‘.ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π½Π΅ Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΡƒ фокусировки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π² ΠΏΠΎΠ»Π΅ зрСния Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ изобраТСния, особСнно ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² эскизах, ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ… новостСй ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ… поиска.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ (исходноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ 16: 9) с Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ фокусировки Π½Π° Π΄ΠΈΠ½Π°ΠΌΠΈΠΊΠ΅.

ΠœΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π° страницы

Эскизы страниц ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² Ρ‚Π°ΠΊΠΈΡ… мСстах, ΠΊΠ°ΠΊ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ поиска, Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ содСрТимого, сообщСния новостСй ΠΈ Ρ‚. Π”.По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ эскиз бСрСтся ΠΈΠ· области Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° страницы ΠΈΠ»ΠΈ ΠΈΠ· Π²Π΅Π±-части, которая находится Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ порядкС Π½Π° страницС (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ ΠΌΠ°ΠΊΠ΅Ρ‚Π° страницы). Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρƒ страницы. ΠŸΡ€ΠΈ этом Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ΠΌ сторон 16: 9.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ (исходноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ 16: 9)

Π’Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ быстрых ссылок

Π’Π΅Π±-Ρ‡Π°ΡΡ‚ΡŒ «БыстрыС ссылки» ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠ΅ΡΡ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ².Π’ΠΎΡ‚ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ сторон:

  • Π”ΠΈΠ°Ρ„ΠΈΠ»ΡŒΠΌ, сСтка, ΠΊΠ½ΠΎΠΏΠΊΠ°: 16: 9

  • ΠšΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ, список, ΠΏΠ»ΠΈΡ‚ΠΊΠΈ: 1: 1, 4: 3

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ изобраТСния, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½ΠΎΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ (Π²Π²Π΅Ρ€Ρ…Ρƒ) ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π΅ ΠΊΠΈΠ½ΠΎΠ»Π΅Π½Ρ‚Ρ‹ (Π²Π½ΠΈΠ·Ρƒ)

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° сайта

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

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚

ОписаниС

РСкомСндация

Π¨ΠΈΡ€ΠΈΠ½Π° x Высота Π² пиксСлях

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ сайта

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π±ΠΎΠ»Π΅Π΅ ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹ΠΌ ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ Π² зависимости ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ

192 Ρ… 64

Π€ΠΎΡ€ΠΌΠ°Ρ‚: PNG, JPEG, SVG (SVG Π½Π΅ допускаСтся Π½Π° сайтах с Π³Ρ€ΡƒΠΏΠΏΠΎΠ²Ρ‹ΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ)

ΠœΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° сайта

ΠšΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹ΠΉ эскиз Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ, Ссли Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ сайта Π½Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ ΠΈΠ»ΠΈ Π² мСстах, Π³Π΄Π΅ трСбуСтся ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚.

Π­Ρ‚ΠΎΡ‚ элСмСнт являСтся ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ.

64 Ρ… 64

Π€ΠΎΡ€ΠΌΠ°Ρ‚: PNG, JPEG, SVG (SVG Π½Π΅ допускаСтся Π½Π° сайтах с Π³Ρ€ΡƒΠΏΠΏΠΎΠ²Ρ‹ΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ)

Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° сайта

Π Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΉ ΠΌΠ°ΠΊΠ΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° сайта.

300 x 64p

Π€ΠΎΡ€ΠΌΠ°Ρ‚: JPEG, PNG, SVG

Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Π°

НовоС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ.

2560 x 164

Π€ΠΎΡ€ΠΌΠ°Ρ‚: JPEG, PNG

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ изобраТСния: 10 совСтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ

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

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ оптимизация изобраТСния?


ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ — это максимально Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π±Π΅Π· ΡƒΡ‰Π΅Ρ€Π±Π° для качСства, Ρ‡Ρ‚ΠΎΠ±Ρ‹ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы ΠΎΡΡ‚Π°Π²Π°Π»ΠΎΡΡŒ Π½ΠΈΠ·ΠΊΠΈΠΌ. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ касаСтся SEO ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’ΠΎ Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΈ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для ранТирования Π² Google ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… поисковых систСмах.

Π’Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π»ΠΎΠΌΠ°Π»ΠΈ Π³ΠΎΠ»ΠΎΠ²Ρƒ Π½Π°Π΄ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌΠΈ вопросами?

  • ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΏΡ€ΠΈ поискС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Google Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΌΠΎΠΈΡ… ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ?
  • НуТно Π»ΠΈ ΠΌΠ½Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt ΠΊ ΠΌΠΎΠΈΠΌ изобраТСниям?
  • Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° ΠΌΠ΅ΠΆΠ΄Ρƒ JPEG, GIF ΠΈ PNG? Когда я Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ вмСсто Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ?

БСгодня Π²Ρ‹ Π½Π°ΠΊΠΎΠ½Π΅Ρ†-Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΌΡ‹ углубимся Π² эти ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ вопросы.

Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°:

  1. НазовитС изобраТСния ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈ простым языком.
  2. Π’Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt.
  3. Π Π°Π·ΡƒΠΌΠ½ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния ΠΈ ракурсы ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.
  4. Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  5. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»Π°.
  6. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ свои эскизы.
  7. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Sitemap для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  8. ΠžΡΡ‚Π΅Ρ€Π΅Π³Π°ΠΉΡ‚Π΅ΡΡŒ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  9. Π‘ΡƒΠ΄ΡŒΡ‚Π΅ остороТны ΠΏΡ€ΠΈ использовании сСтСй доставки ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (CDN).
  10. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ свои изобраТСния.

1. НазовитС изобраТСния ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΈ простым языком

Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ сотни снимков ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠΌΠ΅Π½Π° Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, присвоСнныС вашСй ΠΊΠ°ΠΌΠ΅Ρ€ΠΎΠΉ.

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

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, это ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰Π΅Π΅ имя, присвоСнноС вашСй ΠΊΠ°ΠΌΠ΅Ρ€ΠΎΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, DCMIMAGE10.jpg). Однако Π±Ρ‹Π»ΠΎ Π±Ρ‹ Π³ΠΎΡ€Π°Π·Π΄ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π°Π·Π²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ» 2012-Ford-Mustang-LX-Red.jpg.

ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ваши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈΡ‰ΡƒΡ‚ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ Π½Π° вашСм Π²Π΅Π±-сайтС. КакиС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ имСнования ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΡ€ΠΈ поискС? Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»ΠΈ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»Π΅ΠΉ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΊΠ°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ запросы, ΠΊΠ°ΠΊ:

  • 2012 ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ Ford Mustang LX
  • Ford Mustang LX ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ 2012
  • ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ Ford Mustang LX 2012

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΡƒ своСго Π²Π΅Π±-сайта, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠΌ шаблонам ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ ваши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹.ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ имСнования, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚, ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ эту Ρ„ΠΎΡ€ΠΌΡƒΠ»Ρƒ ΠΊ процСссу имСнования Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Если Π²Ρ‹ Π½Π΅ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эти Π΄Π°Π½Π½Ρ‹Π΅, просто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½Ρ‹Π΅, ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова ΠΏΡ€ΠΈ ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ (Ρ‚. Π•. ΠŸΠΎΡΡ‚Π°Ρ€Π°ΠΉΡ‚Π΅ΡΡŒ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ).

ΠŸΡ€ΠΎΡ‡Ρ‚ΠΈΡ‚Π΅ эти вопросы ΠΈ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹ ΠΎΡ‚ Moz, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ Π²Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ стратСгичСского наимСнования Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° вашСм сайтС. Π­Ρ‚ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ вашС SEO Π½Π° страницС, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ вашим страницам ΠΈ изобраТСниям Π·Π°Π½ΡΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ высокоС мСсто Π½Π° страницах Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поисковых систСм (SERP).

ΠšΡƒΡ€Ρ Shopify Academy: SEO для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…

ΠŸΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒ ΠΈ экспСрт ΠΏΠΎ Shopify ΠšΠ°ΡΠ°Π½Π΄Ρ€Π° КэмпбСлл дСлится своСй трСхэтапной структурой SEO, которая ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ ваш бизнСс Ρ‡Π΅Ρ€Π΅Π· поисковыС запросы Google.

Π—Π°ΠΏΠΈΡˆΠΈΡ‚Π΅ΡΡŒ бСсплатно

2. Π’Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt

Атрибуты Alt — это тСкстовая Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π° изобраТСниям, ΠΊΠΎΠ³Π΄Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡ… ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ. Они Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Π²Π΅Π±-доступности. Π”Π°ΠΆΠ΅ ΠΊΠΎΠ³Π΄Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ отобраТаСтся, Ссли Π²Ρ‹ Π½Π°Π²Π΅Π΄Π΅Ρ‚Π΅ Π½Π° Π½Π΅Π³ΠΎ курсор, Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ тСкст Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt (Π² зависимости ΠΎΡ‚ настроСк вашСго Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°).

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

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° исходный ΠΊΠΎΠ΄ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt.

ΠŸΡ€ΠΈΠΎΡ€ΠΈΡ‚Π΅Ρ‚ Π½ΠΎΠΌΠ΅Ρ€ ΠΎΠ΄ΠΈΠ½, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, — это Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ изобраТСния ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π½Π° вашСм сайтС.

Π’ΠΎΡ‚ нСсколько простых ΠΏΡ€Π°Π²ΠΈΠ» для Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² alt:

  • ΠžΠΏΠΈΡˆΠΈΡ‚Π΅ ваши изобраТСния простым языком, Ρ‚ΠΎΡ‡Π½ΠΎ Ρ‚Π°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ Π²Ρ‹ Π΄Π΅Π»Π°Π»ΠΈ это с ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  • Если Π²Ρ‹ ΠΏΡ€ΠΎΠ΄Π°Π΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹ с Π½ΠΎΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΌΠΎΠ΄Π΅Π»Π΅ΠΉ ΠΈΠ»ΠΈ сСрийными Π½ΠΎΠΌΠ΅Ρ€Π°ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΡ… Π² своих Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°Ρ… alt.
  • НС заполняйтС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌΠΈ словами (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, alt = «ford mustang muscle car buy now cheap best price on sale»).
  • НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt для Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ систСмы ΠΌΠΎΠ³ΡƒΡ‚ Π½Π°ΠΊΠ°Π·Π°Ρ‚ΡŒ вас Π·Π° Ρ‡Ρ€Π΅Π·ΠΌΠ΅Ρ€Π½ΡƒΡŽ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡŽ.

НаконСц, всСгда врСмя ΠΎΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΡƒ работоспособности. ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ исходный ΠΊΠΎΠ΄ своих Π²Π΅Π±-страниц ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π»ΠΈ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ ваши Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt. Π’Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΡƒΠ΄ΠΈΠ²Π»Π΅Π½Ρ‹ Ρ‚Π΅ΠΌ, Ρ‡Π΅Π³ΠΎ упускаСтС, ΠΊΠΎΠ³Π΄Π° Π΄Π²ΠΈΠ³Π°Π΅Ρ‚Π΅ΡΡŒ со ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΡΡ‚Π²Π°.

3. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния ΠΈ ракурс изобраТСния

Π­Ρ‚ΠΎ обычная ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ°, ΠΊΠΎΠ³Π΄Π° ваш ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ дСмонстрируСтся ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ ΡƒΠ³Π»Π°ΠΌΠΈ. Π’ΠΎΠ·Π²Ρ€Π°Ρ‰Π°ΡΡΡŒ ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ Ford Mustang, Π²Ρ‹ Π½Π΅ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ снимок автомобиля, особСнно Ссли Π²Ρ‹ ΠΏΡ‹Ρ‚Π°Π΅Ρ‚Π΅ΡΡŒ Π΅Π³ΠΎ ΠΏΡ€ΠΎΠ΄Π°Ρ‚ΡŒ.Π‘Ρ‹Π»ΠΎ Π±Ρ‹ Π² Π²Π°ΡˆΠΈΡ… интСрСсах ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ снимки:

  • Π˜Π½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€.
  • Π—Π°Π΄Π½ΠΈΠΉ, особСнно Π²ΠΎΠ·Π΄ΡƒΡˆΠ½Ρ‹ΠΉ спойлСр.
  • Диски.
  • Π”Π²ΠΈΠ³Π°Ρ‚Π΅Π»ΡŒ … это всС-Ρ‚Π°ΠΊΠΈ ΠœΡƒΡΡ‚Π°Π½Π³ .

Π›ΡƒΡ‡ΡˆΠΈΠΉ способ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ Π²Ρ‹Π³ΠΎΠ΄Ρƒ ΠΈΠ· этих Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ — Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ свои Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, создав ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ alt для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ снимка ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

  • 2012-Ford-Mustang-LX-Red-Leather-Interior-Trim.jpg -> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt: alt = «2012 Ford Mustang LX Red Leather Interior Trim»
  • 2012-Ford-Mustang-LX-Red-Rear-View-Air-Spoiler.jpg -> с использованиСм Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt: alt = «ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ Π²ΠΎΠ·Π΄ΡƒΡˆΠ½Ρ‹ΠΉ спойлСр Π·Π°Π΄Π½Π΅Π³ΠΎ Π²ΠΈΠ΄Π°, Ford Mustang LX 2012 Π³ΠΎΠ΄Π°»

ΠšΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠΌ здСсь являСтся Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ описания ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ Π±Π°Π·ΠΎΠ²ΠΎΠΌΡƒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ alt, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ поисковики ΠΏΠΎΠΏΠ°Π΄Π°Π»ΠΈ Π½Π° ваш сайт. Если Π²Ρ‹ сдСлаСтС Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ, Google Π²ΠΎΠ·Π½Π°Π³Ρ€Π°Π΄ΠΈΡ‚ вас поисковиками.

ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π΅Ρ€Π΅ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

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

Π§Ρ‚ΠΎ Π±Ρ‹ Π²Ρ‹ Π½ΠΈ Π΄Π΅Π»Π°Π»ΠΈ, Π½Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΠΉΡ‚Π΅ самоС большоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° своСй Π²Π΅Π±-страницС, Π° просто ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ исходного ΠΊΠΎΠ΄Π°.Π­Ρ‚ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ вашСй страницы ΠΈΠ·-Π·Π° большСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π°, связанного с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.

ВмСсто этого ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅ ΠΈΠ»ΠΈ Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ Π²Π΅Π±-страницС. Π‘ΠΎΠ²Π΅Ρ‚ : Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ изобраТСния ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΌΠΈ Π² вашСй Ρ‚Π΅ΠΌΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ jQuery image zoom.

4. Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Рассмотрим это:

Π˜Ρ‚Π°ΠΊ, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ «Ρ‚Π΅ΠΊΡƒΡ‚» ΠΏΠΎ экрану ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°ΡŽΡ‚ΡΡ Π±ΠΎΠ»Π΅Π΅ 15 сСкунд? Π§Ρ‚ΠΎ ΠΆ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡ†Π΅Π»ΠΎΠ²Π°Ρ‚ΡŒ этого ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° Π½Π° ΠΏΡ€ΠΎΡ‰Π°Π½ΠΈΠ΅!

Π˜Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ?

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

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

Один ΠΈΠ· способов ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° изобраТСния — ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ Β«Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°Β» Π² Adobe Photoshop. ΠŸΡ€ΠΈ использовании этой ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° минимально Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, слСдя Π·Π° качСством изобраТСния.

  • ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ: НайдитС это Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ (Ρ‚. Π•. 70).
  • Π€ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°: НайдитС это Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, JPEG).
  • ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ: НайдитС этот Ρ„Π»Π°ΠΆΠΎΠΊ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ (Ρ‚.Π΅. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ).
  • Π¦Π²Π΅Ρ‚: НайдитС этот Ρ„Π»Π°ΠΆΠΎΠΊ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ (Ρ‚.Π΅. ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π² sRBG).
  • УмСньшСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ Π·Π°Ρ‚ΠΎΡ‡ΠΊΠ°: НайдитС это Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ (Ρ‚.Π΅.Π΅. W: ΠΈ H :).
  • ΠžΠΆΠΈΠ΄Π°Π΅ΠΌΡ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°: НайдитС это Π² Π½ΠΈΠΆΠ½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ (Ρ‚. Π•. 136,7 ΠšΠ‘).

Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Β«Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊΒ».

Как ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния Π±Π΅Π· Photoshop

Если Ρƒ вас Π½Π΅Ρ‚ Adobe Photoshop, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ мноТСство ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнтов для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π£ Adobe Π΄Π°ΠΆΠ΅ Π΅ΡΡ‚ΡŒ бСсплатноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для смартфонов ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² Photoshop Express. Π­Ρ‚ΠΎΡ‚ инструмСнт Π½Π΅ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ всСми возмоТностями Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΉ вСрсии Adobe Photoshop, Π½ΠΎ ΠΎΠ½ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ всС основы рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π·Π°Ρ‚Ρ€Π°Ρ‚ Ρ€ΡƒΠΊΠΈ ΠΈ Π½ΠΎΠ³ΠΈ.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнты для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ:

  • PicMonkey Π±Ρ‹Π» описан экспСртами ΠΊΠ°ΠΊ Β«ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ инструмСнт для рСдактирования Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉΒ».
  • PIXLR ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠ΄ΠΎΠ±Π΅Π½ Π² использовании ΠΈ поставляСтся со 100% бСсплатным ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ для вашСго смартфона, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° Ρ…ΠΎΠ΄Ρƒ.
  • Canva — Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ довольно ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

НаконСц, всСгда Π΅ΡΡ‚ΡŒ GIMP. GIMP — это бСсплатноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π² Windows, Mac ΠΈΠ»ΠΈ Linux.Он ΠΌΠΎΠΆΠ΅Ρ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ всС, Ρ‡Ρ‚ΠΎ ΡƒΠΌΠ΅Π΅Ρ‚ Photoshop, Π½ΠΎ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΡŽ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ Π½Π΅ΡƒΠΊΠ»ΡŽΠΆΠΈΠΌ. Но для бСсплатного прилоТСния для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π²Ρ‹ Π½Π΅ смоТСтС Π΅Π³ΠΎ ΠΏΡ€Π΅Π²Π·ΠΎΠΉΡ‚ΠΈ.

Насколько большими Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ?

Для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠ΅Π΅ практичСскоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ — ΡΡ‚Π°Ρ€Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° изобраТСния Π½Π΅ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Π» 70 ΠšΠ‘. Иногда это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ слоТно, особСнно для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

5. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ‚ΠΈΠΏ Ρ„Π°ΠΉΠ»Π°

БущСствуСт Ρ‚Ρ€ΠΈ распространСнных Ρ‚ΠΈΠΏΠ° Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅: JPEG, GIF ΠΈ PNG.

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° Ρ‚Ρ€ΠΈ Ρ‚ΠΈΠΏΠ° Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΠΈΡ… влияниС Π½Π° ΠΎΠ΄Π½ΠΎ ΠΈ Ρ‚ΠΎ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅:

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ

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

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

Π§Ρ‚ΠΎ касаСтся ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, GIF-Ρ„Π°ΠΉΠ»Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ подходят для простых простых ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π²Π΅Π±-страницС (ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ всСго нСсколько Ρ†Π²Π΅Ρ‚ΠΎΠ²). Но для слоТных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ GIF-Ρ„Π°ΠΉΠ»Ρ‹ Π½Π΅ всСгда Ρ‚Π°ΠΊ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹. ОсобСнно это Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½ΠΎ для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ Π±Π΅Π· использования GIF Π² ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ MacBook Π²Ρ‹ΡˆΠ΅, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ фотография достаточно ΠΌΠ°Π»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ GIF Ρ€Π°Π±ΠΎΡ‚Π°Π» Ρ…ΠΎΡ€ΠΎΡˆΠΎ.

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

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ PNG-24 Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ Π² Ρ‚Ρ€ΠΈ Ρ€Π°Π·Π° большС ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ Ρ„Π°ΠΉΠ»Π°, Ρ‡Π΅ΠΌ PNG-8. Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ с PNG Π½ΡƒΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ остороТным.

Π’ΠΎΡ‚ ΠΊΡ€Π°ΠΉΠ½ΠΈΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π³Π΄Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° изобраТСния Π±Ρ‹Π» постоянным ΠΈ составлял 24 ΠšΠ‘ для всСх Ρ‚Ρ€Π΅Ρ… Ρ‚ΠΈΠΏΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ²:

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, JPEG здСсь явный ΠΏΠΎΠ±Π΅Π΄ΠΈΡ‚Π΅Π»ΡŒ.Π€Π°ΠΉΠ»Ρ‹ GIF ΠΈ PNG Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ…ΡƒΠ΄ΡˆΠ°Ρ‚ΡŒΡΡ ΠΏΠΎ качСству, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° оставался ΠΏΡ€Π΅ΠΆΠ½ΠΈΠΌ.

Π’ΠΎΡ‚ нСсколько совСтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слСдуСт ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ Ρ‚ΠΈΠΏΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ²:

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

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ для рСдактирования ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ изобраТСния Π² Ρ„Π°ΠΉΠ»Ρ‹ любого ΠΈΠ· описанных Π²Ρ‹ΡˆΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ².

6. ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ свои эскизы

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

ΠœΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹ — это Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, Π½ΠΎ Π±ΡƒΠ΄ΡŒΡ‚Π΅ остороТны; ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΈΡ…ΠΈΠΌΠΈ ΡƒΠ±ΠΈΠΉΡ†Π°ΠΌΠΈ.Π–Π΅Ρ€Ρ‚Π²Π°? Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ вашСй страницы. ΠœΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² критичСских Ρ‚ΠΎΡ‡ΠΊΠ°Ρ… Π² процСссС ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ. Если ΠΎΠ½ΠΈ ΠΌΠ΅ΡˆΠ°ΡŽΡ‚ быстрой Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ страниц вашСй ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°. (ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: ΠΏΡ€ΠΎΠ΄Π°Π²Ρ†Π°ΠΌ Shopify Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ ΠΎΠ± ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€, ΠΌΡ‹ позаботимся ΠΎΠ± этом Π·Π° вас.)

Π˜Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ?

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

7. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ Sitemap для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Если Π½Π° вашСм сайтС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π³Π°Π»Π΅Ρ€Π΅ΠΈ Javascript, Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ ΠΎΠΊΠ½Π° с изобраТСниями ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ «яркиС» способы ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΎΠ±Ρ‰Π΅Π΅ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚ ΠΏΠΎΠΊΡƒΠΏΠΎΠΊ, ΠΊΠ°Ρ€Ρ‚Ρ‹ сайта с изобраТСниями ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Google ΠΊ вашим изобраТСниям.

ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹

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

Π’ Ρ„Π°ΠΉΠ» robots.txt ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚Π΅ сайта:

ΠšΠ°Ρ€Ρ‚Π° сайта: http://example.com/sitemap_location.xml

Или Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚Ρƒ сайта Π² Google с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Search Console.

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

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

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

8. ΠžΡΡ‚Π΅Ρ€Π΅Π³Π°ΠΉΡ‚Π΅ΡΡŒ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π’Π΅Π±-сайты часто содСрТат Π½Π°Π±ΠΎΡ€ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния, ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹. ВсС, Ρ‡Ρ‚ΠΎ Π½Π΅ связано с ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠΌ, ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.

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

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

Π’ΠΎΡ‚ нСсколько совСтов ΠΏΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Ρ„Π°ΠΉΠ»ΠΎΠ² Π²Π°ΡˆΠΈΡ… Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ:

  • Для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‰ΠΈΡ… Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ ΠΈΠ»ΠΈ простыС ΡƒΠ·ΠΎΡ€Ρ‹, сдСлайтС ΠΈΡ… PNG-8 ΠΈΠ»ΠΈ GIF. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС изобраТСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ всСго нСсколько сотСн Π±Π°ΠΉΡ‚.
  • Если Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ CSS для создания Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… областСй вмСсто ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. По возмоТности ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ стили CSS для Π·Π°ΠΌΠ΅Π½Ρ‹ Π»ΡŽΠ±Ρ‹Ρ… Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  • Π’Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ посмотритС Π½Π° это большоС Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² стилС ΠΎΠ±ΠΎΠ΅Π². Π­Ρ‚ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹. Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ ΠΈΡ… ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ большС, Π½Π΅ ΡƒΡ…ΡƒΠ΄ΡˆΠ°Ρ качСства изобраТСния.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΏΡ€ΠΈΠ΅ΠΌ: Π²Ρ‹Ρ€Π΅Π·Π°Ρ‚ΡŒ сСрСдину Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΠ΄Π½ΠΎΡ‚ΠΎΠ½Π½Ρ‹ΠΌ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ.Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ сущСствСнно ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°.

9. Π‘ΡƒΠ΄ΡŒΡ‚Π΅ остороТны ΠΏΡ€ΠΈ использовании сСтСй доставки ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (CDN).

ΠŸΡ€ΠΎΠ΄Π°Π²Ρ†Π°ΠΌ Shopify Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ± этом Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΌΡ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, Π½ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌ слСдуСт ΡƒΠ΄Π΅Π»ΡΡ‚ΡŒ ΠΏΡ€ΠΈΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Π‘Π΅Ρ‚ΠΈ доставки ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (CDN) — это идСальноС мСсто для размСщСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»ΠΎΠ². Они ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ вашСй страницы ΠΈ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с пропускной ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒΡŽ.

ЕдинствСнный нСдостаток — это ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹Π΅ ссылки. Как Π²Ρ‹, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π·Π½Π°Π΅Ρ‚Π΅, ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹Π΅ ссылки ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π΅ΡˆΠ°ΡŽΡ‰Π΅Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для SEO, ΠΈ Ρ‡Π΅ΠΌ большС Ρƒ вас ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹Ρ… ссылок, Ρ‚Π΅ΠΌ Π»ΡƒΡ‡ΡˆΠ΅ ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² поисковых систСмах.

РазмСщая изобраТСния Π² CDN, Π²Ρ‹, скорСС всСго, удаляСтС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· своСго Π΄ΠΎΠΌΠ΅Π½Π° ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ Π΅Π³ΠΎ Π² Π΄ΠΎΠΌΠ΅Π½Π΅ CDN. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, ΠΊΠΎΠ³Π΄Π° ΠΊΡ‚ΠΎ-Ρ‚ΠΎ ссылаСтся Π½Π° вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΎΠ½ фактичСски ссылаСтся Π½Π° Π΄ΠΎΠΌΠ΅Π½ CDN.

Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ:

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

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

10. ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ свои изобраТСния

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

  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ количСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² Π½Π° страницС: ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ являСтся ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… сайтов элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, Π½Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Ρ… Π½Π° хостингС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ количСства ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° страницС ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ CTR ΠΈ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ.Π’Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ большого количСства ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° страницС ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс ΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΡŽ ΠΏΡ€ΠΎΠ΄Π°ΠΆ. ЕдинствСнный способ ΡƒΠ·Π½Π°Ρ‚ΡŒ это — ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, ΠΊΠ°ΠΊΠΈΠ΅ ракурсы ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ваши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹: Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ рост Π»ΠΎΡΠ»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², прСдоставив просмотры, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ хотят Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ваши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ Π²Ρ‹ΡΡΠ½ΠΈΡ‚ΡŒ это — ΠΎΠΏΡ€ΠΎΡΠΈΡ‚ΡŒ своих ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠΌ большС всСго ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΎΡΡŒ ΠΏΡ€ΠΈ просмотрС снимков вашСго ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. ΠžΠΏΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ своих ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ Ρ€Π°Π·Π³ΠΎΠ²Π°Ρ€ΠΈΠ²Π°Ρ‚ΡŒ с Π½ΠΈΠΌΠΈ — это Π² Ρ†Π΅Π»ΠΎΠΌ отличная ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡ΠΊΠ°.Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ тСстированиСм.
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅, сколько ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²Ρ‹Ρ… списков Ρƒ вас Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π½Π° страницах ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ: 10, 20, 100 ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²? ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ количСство ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ Π½Π° страницах ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π²Π°ΡˆΠΈΡ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².

Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ красивых Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ

Π’Π΅ΠΏΠ΅Ρ€ΡŒ вопросы ΠΎΠ± изобраТСниях для элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ Π½Π΅ заставят вас Π΄ΡƒΠΌΠ°Ρ‚ΡŒ часами.

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

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


Π•Ρ‰Π΅ Π½Π΅ создали свой ΠΌΠ°Π³Π°Π·ΠΈΠ½?

НСт ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ. НачнитС Π±Π΅ΡΠΏΠ»Π°Ρ‚Π½ΡƒΡŽ 14-Π΄Π½Π΅Π²Π½ΡƒΡŽ ΠΏΡ€ΠΎΠ±Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Shopify — крСдитная ΠΊΠ°Ρ€Ρ‚Π° Π½Π΅ трСбуСтся!

Π‘ΠΎΡ…Ρ€Π°Π½Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π° — Π‘Ρ€Π΅Π½Π΄

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

Π’Ρ‹Π±ΠΎΡ€ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ²

ΠžΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ изобраТСниями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ достаточно Π²Π΅Π»ΠΈΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π±, ΠΈ изобраТСниями ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Π»ΠΈ слишком ΠΌΠ½ΠΎΠ³ΠΎ мСста ΠΈ Π½Π΅ замСдляли Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ страницы. Π’ Shopify Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ изобраТСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Π΄ΠΎ 4472 x 4472 пиксСлСй с Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ Ρ„Π°ΠΉΠ»Π° Π΄ΠΎ 20 ΠœΠ‘. Но ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ Π²Π΅Π±-сайтов ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ 2048 x 2048 пиксСлСй для ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.Π­Ρ‚ΠΎ изобраТСния с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ΄Π°ΡŽΡ‚ Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΌΠ°Π³Π°Π·ΠΈΠ½Ρƒ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΈ Π³Π°Ρ€ΠΌΠΎΠ½ΠΈΡ‡Π½Ρ‹ΠΉ Π²ΠΈΠ΄ с ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ возмоТностями ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ. Π˜ΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ваши изобраТСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ большС 800 x 800 пиксСлСй.

БСсплатноС руководство: фотография Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² своими Ρ€ΡƒΠΊΠ°ΠΌΠΈ

Π£Π·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ красивыС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ² с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌ Π±ΡŽΠ΄ΠΆΠ΅Ρ‚ΠΎΠΌ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ нашСго бСсплатного ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ-руководства.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ бСсплатноС руководство

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ нашС руководство ΠΏΠΎ красивой Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² своими Ρ€ΡƒΠΊΠ°ΠΌΠΈ прямо Π½Π° ваш ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ ящик.

ΠŸΠΎΡ‡Ρ‚ΠΈ Π³ΠΎΡ‚ΠΎΠ²ΠΎ: Π²Π²Π΅Π΄ΠΈΡ‚Π΅ адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½Ρ‹ΠΉ доступ.

ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π±ΡƒΠ΄Π΅ΠΌ ΠΏΡ€ΠΈΡΡ‹Π»Π°Ρ‚ΡŒ Π²Π°ΠΌ обновлСния ΠΎ Π½ΠΎΠ²Ρ‹Ρ… ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… руководствах ΠΈ историях успСха ΠΈΠ· ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ Π±ΡŽΠ»Π»Π΅Ρ‚Π΅Π½Ρ Shopify. ΠœΡ‹ Π½Π΅Π½Π°Π²ΠΈΠ΄ΠΈΠΌ БПАМ ΠΈ ΠΎΠ±Π΅Ρ‰Π°Π΅ΠΌ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ваш адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Π² бСзопасности.

Бпасибо Π·Π° подписку. Π‘ΠΊΠΎΡ€ΠΎ Π²Ρ‹ Π½Π°Ρ‡Π½Π΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ бСсплатныС совСты ΠΈ рСсурсы. А ΠΏΠΎΠΊΠ° Π½Π°Ρ‡Π½ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ свой ΠΌΠ°Π³Π°Π·ΠΈΠ½ с бСсплатной 14-Π΄Π½Π΅Π²Π½ΠΎΠΉ ΠΏΡ€ΠΎΠ±Π½ΠΎΠΉ вСрсиСй Shopify.

ΠΠ°Ρ‡Π°Ρ‚ΡŒ

Аналогичным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Amazon ΠΈ Etsy ΠΏΡ€Π΅Π΄ΡŠΡΠ²Π»ΡΡŽΡ‚ трСбования ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ 1000 x 1000 пиксСлСй для возмоТности ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ.

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

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Beardbrand

Π’Ρ‹Π±ΠΎΡ€ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°

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

JPG

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

PNG

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

GIF

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

TIFF

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

Π‘ΠœΠŸ

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

Π’ Ρ†Π΅Π»ΠΎΠΌ, JPG, бСзусловно, самый ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ сочСтания мСньшСго Ρ€Π°Π·ΠΌΠ΅Ρ€Π° с достойным качСством.Π₯отя PNG обСспСчиваСт Π±ΠΎΠ»Π΅Π΅ высокоС качСство сТатия Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΡŒ, это достигаСтся Π·Π° счСт увСличСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Ρ„Π°ΠΉΠ»Π°. GIF ΠΏΠΎΠ»Π΅Π·Π΅Π½, Ссли Π²Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚Π΅ снимки Π½Π° 360 градусов ΠΈ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹. Для сравнСния, BMP ΠΈ TIFF ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠ΅ качСство, Π½ΠΎ Π² Π½Π°Ρ‚ΡƒΡ€Π°Π»ΡŒΠ½ΡƒΡŽ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ довольно тяТСло ΠΈ Π½Π΅ΠΏΡ€Π°ΠΊΡ‚ΠΈΡ‡Π½ΠΎ.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Jaelynn Castillo

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для мобильного Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°

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

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

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

Π₯отя Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ Shopify Ρ…ΠΎΡ€ΠΎΡˆΠΈ для измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΈ отобраТСния Π²Π°ΡˆΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах, прСдоставлСниС ΠΈΠΌ ΠΏΠΎΠΌΠΎΡ‰ΠΈ с ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Ρ‹ΠΌΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ·Π½Π°Ρ‡Π°Ρ‚ΡŒ Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΠ»Π°Π²Π½Ρ‹ΠΉ процСсс ΠΏΠΎΠΊΡƒΠΏΠΎΠΊ.

Об Π°Π²Ρ‚ΠΎΡ€Π΅

Π₯ΠΎΠ»Π»ΠΈ ΠšΠ°Ρ€Π΄ΡŒΡŽ — ΠΎΡΠ½ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΈΡ†Π° Pixc, ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹, которая ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°ΠΌ элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ своих Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ. Pixc ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ изобраТСния Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ² Π² красивыС, рСдактируя ΠΈ удаляя Ρ„ΠΎΠ½ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ 24 часов. Начиная с подросткового возраста, продавая Π½Π° eBay ΠΈ создавая свой собствСнный ΠΎΠ½Π»Π°ΠΉΠ½-Ρ€Ρ‹Π½ΠΎΠΊ, Π₯ΠΎΠ»Π»ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠΏΡ‹Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² элСктронной ΠΊΠΎΠΌΠΌΠ΅Ρ€Ρ†ΠΈΠΈ, ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π΅, графичСском Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ создании распрСдСлСнных ΠΊΠΎΠΌΠ°Π½Π΄. Она Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠΏΡ‹Ρ‚ создания ΠΈ управлСния ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°ΠΌΠΈ Shopify ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ большоС количСство подписчиков Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях.

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

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

АвторскоС ΠΏΡ€Π°Π²ΠΎ © 2025 Es picture - ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ
top