ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° для Wildberries: ΠΏΠΎΠ»Π½ΠΎΠ΅ руководство

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

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

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

ВрСбования ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΊ графичСскому ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ

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

ΠžΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹

Для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π±Ρ€Π΅Π½Π΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отобраТаСтся Π² ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ΅ Ρ‚ΠΎΠ²Π°Ρ€Π°, рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ считаСтся 900x900 пиксСлСй, ΠΎΠ΄Π½Π°ΠΊΠΎ систСма ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ, Ссли ΠΎΠ½ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах. Π’Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π½Π΅ Π·Π°Π½ΠΈΠΌΠ°Π» Π±ΠΎΠ»Π΅Π΅ 15-20% ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ основного Ρ„ΠΎΡ‚ΠΎ, Ссли Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ нанСсСнии водяного Π·Π½Π°ΠΊΠ°, Π½ΠΎ для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Β«Π‘Ρ€Π΅Π½Π΄Β» трСбования ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ.

Π§Ρ‚ΠΎ касаСтся Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², Ρ‚ΠΎ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΈ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ являСтся PNG. Π­Ρ‚ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½, Ρ‡Ρ‚ΠΎ позволяСт Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΡƒ ΠΎΡ€Π³Π°Π½ΠΈΡ‡Π½ΠΎ Π²ΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒΡΡ Π² любой Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ, Π½Π΅ пСрСкрывая Π²Π°ΠΆΠ½Ρ‹Π΅ Π΄Π΅Ρ‚Π°Π»ΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π° Π±Π΅Π»Ρ‹ΠΌ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠΌ. JPEG Ρ‚Π°ΠΊΠΆΠ΅ допустим, Π½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ссли Ρ„ΠΎΠ½ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° идСально совпадаСт с Ρ„ΠΎΠ½ΠΎΠΌ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΠ»ΠΈ Ссли ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сплошной Ρ†Π²Π΅Ρ‚. ВСс Ρ„Π°ΠΉΠ»Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ 5-10 Мб, хотя для Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌ считаСтся Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Π΄ΠΎ 500 Кб.

БущСствуСт Ρ‚Π°Π±Π»ΠΈΡ†Π° основных ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ слСдуСт ΠΏΡ€ΠΈΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ΅ Ρ„Π°ΠΉΠ»Π°:

ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ДопустимыС отклонСния
Π Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ 900x900 px ΠΎΡ‚ 800x800 Π΄ΠΎ 1200x1200 px
Π€ΠΎΡ€ΠΌΠ°Ρ‚ PNG JPG, WEBP
Π€ΠΎΠ½ ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Π‘Π΅Π»Ρ‹ΠΉ ΠΈΠ»ΠΈ Π² Ρ†Π²Π΅Ρ‚ Ρ‚ΠΎΠ²Π°Ρ€Π°
ВСс Ρ„Π°ΠΉΠ»Π° < 500 Кб Π΄ΠΎ 5 Мб

Π’Π°ΠΆΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚: Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ (Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ SVG, AI, EPS), Π΅Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² растровоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅Π΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ интСрфСйс ΠΏΡ€ΠΎΠ΄Π°Π²Ρ†Π° ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ растровыС Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΈ способы ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ изобраТСния

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

ИспользованиС ΠΎΠ½Π»Π°ΠΉΠ½-сСрвисов

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

Π’ΠΎΡ‚ Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΎΠ½Π»Π°ΠΉΠ½-инструмСнтами:

  1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ любой популярный сСрвис для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с изобраТСниями, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ILoveIMG, ResizeImage ΠΈΠ»ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Π΅.
  2. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ исходный Ρ„Π°ΠΉΠ» Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π² высоком Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ.
  3. Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π² пиксСлях (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 900 ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈ высотС) ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ.
  4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ сохранСния (рСкомСндуСтся PNG для сохранСния прозрачности).
  5. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ Β«Π‘ΠΆΠ°Ρ‚ΡŒΒ» ΠΈΠ»ΠΈ Β«ΠšΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΒ» ΠΈ скачайтС Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

πŸ“‹ БыстроС сТатиС ΠΎΠ½Π»Π°ΠΉΠ½

1ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° сайт-ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚Π΅Ρ€
2Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ» Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°
3УстановитС ΡˆΠΈΡ€ΠΈΠ½Ρƒ 900 px
4Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG

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

Π Π°Π±ΠΎΡ‚Π° Π² графичСских Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°Ρ…

Если Π²Ρ‹ Π²Π»Π°Π΄Π΅Π΅Ρ‚Π΅ Photoshop, GIMP ΠΈΠ»ΠΈ Figma, Ρ‚ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ качСством изобраТСния. ΠŸΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π½Π΅ просто ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€, Π½ΠΎ ΠΈ провСсти Ρ€Π΅Ρ‚ΡƒΡˆΡŒ, sharpening (ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠ΅ рСзкости) послС ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΠΌΠΏΠ΅Π½ΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Π΅Ρ€ΡŽ Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ.

Π’ Photoshop Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ дСйствий Π±ΡƒΠ΄Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ: ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ», Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β†’ Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния, Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹Π΅ значСния ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты, ΡƒΠ±Π΅Π΄ΠΈΠ²ΡˆΠΈΡΡŒ, Ρ‡Ρ‚ΠΎ стоит Π³Π°Π»ΠΎΡ‡ΠΊΠ° Β«Π‘ΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈΒ». Π—Π°Ρ‚Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π€Π°ΠΉΠ» β†’ Π­ΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ β†’ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ для Web, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ качСство сТатия ΠΈ ΠΈΡ‚ΠΎΠ³ΠΎΠ²Ρ‹ΠΉ вСс Ρ„Π°ΠΉΠ»Π°. Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π½Π°ΠΉΡ‚ΠΈ баланс ΠΌΠ΅ΠΆΠ΄Ρƒ качСством ΠΈ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

Пошаговая инструкция ΠΏΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π² Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚

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

Настройка Π±Ρ€Π΅Π½Π΄Π° Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Β«ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚Β»

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

Алгоритм дСйствий Π² Π»ΠΈΡ‡Π½ΠΎΠΌ ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚Π΅:

  1. Π’ΠΎΠΉΠ΄ΠΈΡ‚Π΅ Π² Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΊΠ°Π±ΠΈΠ½Π΅Ρ‚ сСллСра ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€Π°Π·Π΄Π΅Π» ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈΠ»ΠΈ Π‘Ρ€Π΅Π½Π΄Ρ‹ (Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Π² зависимости ΠΎΡ‚ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΉ интСрфСйса).
  2. НайдитС свой Π±Ρ€Π΅Π½Π΄ Π² спискС ΠΈΠ»ΠΈ создайтС Π½ΠΎΠ²Ρ‹ΠΉ, Ссли это дСлаСтся Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅.
  3. Π’ ΠΎΡ‚ΠΊΡ€Ρ‹Π²ΡˆΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠΎΠ»Π΅ для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°.
  4. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ», соблюдая трСбования ΠΊ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρƒ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρƒ.
  5. Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ измСнСния ΠΈ Π΄ΠΎΠΆΠ΄ΠΈΡ‚Π΅ΡΡŒ ΠΌΠΎΠ΄Π΅Ρ€Π°Ρ†ΠΈΠΈ.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΊΠ°ΠΊ водяной Π·Π½Π°ΠΊ Π½Π° сами Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Ρ‚ΠΎΠ²Π°Ρ€Π°, процСсс происходит ΠΏΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠΈ. Π’ Π±Π»ΠΎΠΊΠ΅ Β«ΠœΠ΅Π΄ΠΈΠ°Ρ„Π°ΠΉΠ»Ρ‹Β» часто Π΅ΡΡ‚ΡŒ опция Β«Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ водяной Π·Π½Π°ΠΊΒ», ΠΊΡƒΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒΡΡ автоматичСски Π½Π° всС Ρ„ΠΎΡ‚ΠΎ.

Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ ошибки ΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ

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

ΠŸΠΎΡ‚Π΅Ρ€Ρ качСства ΠΈ Π°Ρ€Ρ‚Π΅Ρ„Π°ΠΊΡ‚Ρ‹

Одна ΠΈΠ· самых распространСнных ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ β€” появлСниС «лСсСнок» Π½Π° тСкстС ΠΈΠ»ΠΈ Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΈΠ΅ Ρ‚ΠΎΠ½ΠΊΠΈΡ… Π»ΠΈΠ½ΠΈΠΉ послС ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ. Π­Ρ‚ΠΎ происходит, Ссли исходноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ слишком малСньким ΠΈ Π΅Π³ΠΎ искусствСнно растянули, Π° Π·Π°Ρ‚Π΅ΠΌ сТали, Π»ΠΈΠ±ΠΎ Ссли использовался агрСссивный Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ сТатия JPEG.

Π’ΠΎΡ‚ список частых ошибок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ сСллСры:

  • ИспользованиС Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° с Π±Π΅Π»Ρ‹ΠΌ Ρ„ΠΎΠ½ΠΎΠΌ Π½Π° Ρ†Π²Π΅Ρ‚Π½ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, Ρ‡Ρ‚ΠΎ создаСт эффСкт Β«Π·Π°ΠΏΠ»Π°Ρ‚ΠΊΠΈΒ».
  • Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ BMP ΠΈΠ»ΠΈ TIFF, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ систСма Π»ΠΈΠ±ΠΎ Π½Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ‚, Π»ΠΈΠ±ΠΎ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ с ΠΏΠΎΡ‚Π΅Ρ€Π΅ΠΉ качСства.
  • ΠΠ°Ρ€ΡƒΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ, ΠΊΠΎΠ³Π΄Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΡΠΏΠ»ΡŽΡ‰ΠΈΠ²Π°Π΅Ρ‚ΡΡ ΠΈΠ»ΠΈ вытягиваСтся ΠΏΡ€ΠΈ автоматичСском ΠΊΡ€ΠΎΠΏΠ΅.
  • Блишком малСнький Ρ€Π°Π·ΠΌΠ΅Ρ€ исходника, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ Π½Π° retina-экранах смартфонов выглядит ΠΊΠ°ΠΊ каша ΠΈΠ· пиксСлСй.

Π’Π°ΠΊΠΆΠ΅ часто встрСчаСтся ошибка, ΠΊΠΎΠ³Π΄Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ слишком Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ. По ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ, водяной Π·Π½Π°ΠΊ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ²Π°Ρ€. Если систСма (ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚), Ρ‡Ρ‚ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π·Π°ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π±ΠΎΠ»Π΅Π΅ 15-20% изобраТСния, ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ½ΠΈΠ·ΠΈΡ‚ΡŒ Π² Π²Ρ‹Π΄Π°Ρ‡Π΅ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π½Π° Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΡƒ.

Как ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Ρ„ΠΎΠ½Π°

ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² любом просмотрщикС, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ„ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола Π½Π° контрастный (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ярко-Π·Π΅Π»Π΅Π½Ρ‹ΠΉ) ΠΈ посмотритС Π½Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ. Если Π²ΠΎΠΊΡ€ΡƒΠ³ Π±ΡƒΠΊΠ² Π²ΠΈΠ΄Π΅Π½ Π±Π΅Π»Ρ‹ΠΉ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚ β€” Ρ„ΠΎΠ½Π° Π½Π΅Ρ‚, Π½ΡƒΠΆΠ½ΠΎ ΠΏΠ΅Ρ€Π΅ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Π² PNG с Π°Π»ΡŒΡ„Π°-ΠΊΠ°Π½Π°Π»ΠΎΠΌ.

Как ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈ сильном сТатии

УмСньшСниС Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° β€” это всСгда компромисс ΠΌΠ΅ΠΆΠ΄Ρƒ вСсом Ρ„Π°ΠΉΠ»Π° ΠΈ Π΄Π΅Ρ‚Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ. Для Wildberries критичСски Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ читался Π½Π° малСньком экранС смартфона, Π³Π΄Π΅ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»ΠΈ проводят Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ сТатия Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ щадящими.

ΠžΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΡ Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ видимости

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

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

Π’ΠΈΠΏ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° РСкомСндация Π€ΠΎΡ€ΠΌΠ°Ρ‚
ВСкстовый Π£Π²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΆΠΈΡ€Π½ΠΎΡΡ‚ΡŒ ΡˆΡ€ΠΈΡ„Ρ‚Π° PNG-24
БлоТная эмблСма Π£ΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΠΈ, ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΌΠ΅Π»ΠΊΠΈΠ΅ Π»ΠΈΠ½ΠΈΠΈ PNG-8 ΠΈΠ»ΠΈ WEBP
ΠœΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ контрастный Ρ†Π²Π΅Ρ‚ PNG

НС Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€Π΅Π²Ρ‹ΡˆΠ°Ρ‚ΡŒ Π»ΠΈΠΌΠΈΡ‚Ρ‹ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ, ΠΈΠ½Π°Ρ‡Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° просто Π½Π΅ Π·Π°Π²Π΅Ρ€ΡˆΠΈΡ‚ΡΡ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ это 5 Мб, Π½ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒΡΡ Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… 1 Мб для быстродСйствия.

Ѐинальная ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΈ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅

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

Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ Ρ‚ΠΎΠ²Π°Ρ€Π° с мобильного Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈ Wi-Fi. ΠžΡ†Π΅Π½ΠΈΡ‚Π΅ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ изобраТСния ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΎΡΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°. Если Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Β«ΠΏΠ»Ρ‹Π²Π΅Ρ‚Β» ΠΈΠ»ΠΈ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ†Π²Π΅Ρ‚Π½ΡƒΡŽ ΠΎΠΊΠ°Π½Ρ‚ΠΎΠ²ΠΊΡƒ, Π·Π½Π°Ρ‡ΠΈΡ‚, Π³Π΄Π΅-Ρ‚ΠΎ Π±Ρ‹Π»Π° Π΄ΠΎΠΏΡƒΡ‰Π΅Π½Π° ошибка ΠΏΡ€ΠΈ сохранСнии прозрачности.

β˜‘οΈ Ѐинальная ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΏΠ΅Ρ€Π΅Π΄ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ

Π’Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΎ: 0 / 5

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

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

Π’ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅, процСсс ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΊΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ становится ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹ΠΌ Π΄Π΅Π»ΠΎΠΌ. once Π²Ρ‹ настроитС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ шаблон ΠΈΠ»ΠΈ дСйствиС Π² графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅, дальнСйшая Ρ€Π°Π±ΠΎΡ‚Π° Π·Π°ΠΉΠΌΠ΅Ρ‚ считанныС сСкунды. Π“Π»Π°Π²Π½ΠΎΠ΅ β€” ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ качСствСнный исходник ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ.

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