IT Image Tools

ΠŸΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°Ρ†ΠΈΡ изобраТСния β€” пиксСлизируйтС Ρ„ΠΎΡ‚ΠΎ ΠΈΠ»ΠΈ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ области ΠΎΠ½Π»Π°ΠΉΠ½

ΠŸΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ всё ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ области прямо Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. НастраиваСмый Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠΎΠ², ΡΡ‚ΠΈΠ»ΡŒ Β«Π±Π»ΠΎΠΊΠΈΒ» ΠΈΠ»ΠΈ Β«ΠΌΠΎΠ·Π°ΠΈΠΊΠ°Β», нСсколько областСй сразу β€” Π±Π΅Π· Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° сСрвСр.

πŸ”’ Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ β€” Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ загруТаСтся

Drop an image here or click to browse

Drag on the photo to add a pixelated area (add as many as you need). Click an area without dragging to remove it.

Π‘Ρ‹Π» Π»ΠΈ инструмСнт ΠΏΠΎΠ»Π΅Π·Π΅Π½? ΠžΡ†Π΅Π½ΠΈΡ‚Π΅ Π΅Π³ΠΎ:

ΠŸΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ вСсь снимок ΠΈΠ»ΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Π°ΠΆΠ½Ρ‹Π΅ части

ΠŸΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°Ρ†ΠΈΡ замСняСт ΠΎΠ±Π»Π°ΡΡ‚ΡŒ изобраТСния ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌΠΈ ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ сплошного Ρ†Π²Π΅Ρ‚Π°. Π­Ρ‚ΠΎ классичСский способ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎΠΉ Π·Π½Π°ΠΊ, Π»ΠΈΡ†ΠΎ Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅, адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ Π½Π° ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π΅ ΠΈΠ»ΠΈ Π½ΠΎΠΌΠ΅Ρ€ Π΄ΠΎΠΌΠ°, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ популярный творчСский эффСкт: пиксСлизация всСй Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π΅Ρ‘ Π² Ρ€Π΅Ρ‚Ρ€ΠΎ-Π°Ρ€Ρ‚ Π² стилС 8-Π±ΠΈΡ‚ ΠΈΠ»ΠΈ яркий ΠΌΠΎΠ·Π°ΠΈΡ‡Π½Ρ‹ΠΉ постСр. Π­Ρ‚ΠΎΡ‚ инструмСнт для пиксСлизации ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ справляСтся с ΠΎΠ±Π΅ΠΈΠΌΠΈ Π·Π°Π΄Π°Ρ‡Π°ΠΌΠΈ. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ Π½Π° всё ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ (Whole image) для худоТСствСнного эффСкта ΠΈΠ»ΠΈ ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Π΅ области (Selected areas) ΠΈ ΠΎΠ±Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°ΠΌΠΈ всё, Ρ‡Ρ‚ΠΎ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ. МоТно Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ сколько ΡƒΠ³ΠΎΠ΄Π½ΠΎ областСй, ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΏΠΎ Π½Π΅ΠΉ ΠΈ Π² любой ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠΎΠ² β€” каТдая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ обновляСтся ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ.

Π‘Π»ΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΠΌΠΎΠ·Π°ΠΈΠΊΠ° ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ?

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Π»ΠΎΠΊ заполняСтся срСдним Ρ†Π²Π΅Ρ‚ΠΎΠΌ пиксСлСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ ΠΏΠΎΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚, с ΡƒΡ‡Ρ‘Ρ‚ΠΎΠΌ прозрачности, поэтому ΠΏΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹Π΅ края Π½Π΅ становятся сСрыми. Π‘Ρ‚ΠΈΠ»ΡŒ Β«Π‘Π»ΠΎΠΊΠΈΒ» (Blocky) Π΄Π°Ρ‘Ρ‚ чистыС ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Ρ‹, ΠΏΠ»ΠΎΡ‚Π½ΠΎ ΠΏΡ€ΠΈΠ»Π΅Π³Π°ΡŽΡ‰ΠΈΠ΅ Π΄Ρ€ΡƒΠ³ ΠΊ Π΄Ρ€ΡƒΠ³Ρƒ, Π° Β«ΠœΠΎΠ·Π°ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠ»ΠΈΡ‚ΠΊΠΈΒ» (Mosaic tiles) слСгка затСмняСт ΠΊΡ€Π°ΠΉ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°, ΠΈ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ выглядит ΠΊΠ°ΠΊ ΠΏΠ»ΠΈΡ‚ΠΊΠ°, улоТСнная Π½Π° Π·Π°Ρ‚ΠΈΡ€ΠΊΡƒ. Π Π°Π·ΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠ° измСряСтся Π² Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… пиксСлях изобраТСния, поэтому ΠΎΠ΄Π½Π° ΠΈ Ρ‚Π° ΠΆΠ΅ настройка Π΄Π°Ρ‘Ρ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΉ Π²ΠΈΠ΄ ΠΈ Π² прСдпросмотрС, ΠΈ Π² сохранённом Ρ„Π°ΠΉΠ»Π΅. ΠŸΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ изобраТСния прСдлагаСтся Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠ°, ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ Π΅Π³ΠΎ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡŽ. Для Π·Π°Ρ‰ΠΈΡ‚Ρ‹ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ Π±Π»ΠΎΠΊΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±ΡƒΠΊΠ²Ρ‹ ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Ρ‚Ρ‹ Π»ΠΈΡ†Π° Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±Ρ‹Π»ΠΎ Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒ: Π±Π»ΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π½Π΅ мСньшС символа тСкста. ΠžΡ‡Π΅Π½ΡŒ ΠΌΠ΅Π»ΠΊΠΈΠ΅ Π±Π»ΠΎΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΠΈ ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΡ‹ΠΌΠΈ, особСнно ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠ΅ числа.

ΠšΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π»ΠΎΠΆΠ΅Π½Π° Π² основу

Вся ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° происходит локально с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML Canvas API, Ρ‡Ρ‚ΠΎ особСнно Π²Π°ΠΆΠ½ΠΎ, ΠΊΠΎΠ³Π΄Π° вся ΡΡƒΡ‚ΡŒ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Π’Π°ΡˆΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΠΎΠΊΠΈΠ΄Π°Π΅Ρ‚ устройство, Π½Π΅ Π½ΡƒΠΆΠ½Π° учётная запись ΠΈ Π½Π΅Ρ‚ водяных Π·Π½Π°ΠΊΠΎΠ². Π‘ΠΊΠ°Ρ‡Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΏΠΎ возмоТности сохраняСт исходный Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ β€” JPG остаётся JPG, Π° WebP остаётся WebP, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ PNG, β€” Π° ΠΌΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅ ΠΊΠ°ΠΌΠ΅Ρ€Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ GPS-ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹, Π² Π½ΠΎΠ²Ρ‹ΠΉ Ρ„Π°ΠΉΠ» Π½Π΅ ΠΊΠΎΠΏΠΈΡ€ΡƒΡŽΡ‚ΡΡ.

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ

  1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠŸΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ JPG, PNG ΠΈΠ»ΠΈ WebP Π»ΠΈΠ±ΠΎ Π½Π°ΠΆΠΌΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ».
  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΠŸΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ всё ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΎΠ±Π²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠ°ΠΌΠΈ области, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ.
  3. НастройтС эффСктЗадайтС Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠ° ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ Β«Π±Π»ΠΎΠΊΠΈΒ» ΠΈΠ»ΠΈ Β«ΠΌΠΎΠ·Π°ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠ»ΠΈΡ‚ΠΊΠΈΒ».
  4. Π‘ΠΊΠ°Ρ‡Π°ΠΉΡ‚Π΅Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚Π΅ пиксСлизированноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² исходном Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.

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

ЗагруТаСтся Π»ΠΈ ΠΌΠΎΡ‘ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° сСрвСр?
НСт. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ дСкодируСтся, пиксСлизируСтся ΠΈ сохраняСтся ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π² вашСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Canvas API. НичСго Π½Π΅ отправляСтся Π½Π° сСрвСр.
МоТно Π»ΠΈ ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ нСсколько областСй сразу?
Π”Π°. ВыдСляйтС Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ сколько ΡƒΠ³ΠΎΠ΄Π½ΠΎ Ρ€Π°Π· β€” ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Π±ΡƒΠ΄Π΅Ρ‚ пиксСлизирован. Π©Ρ‘Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΠΎ области Π±Π΅Π· пСрСтаскивания, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ Π΅Ρ‘, ΠΈΠ»ΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Β«ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ послСднюю ΠΎΠ±Π»Π°ΡΡ‚ΡŒΒ» (Undo last area).
МоТно Π»ΠΈ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ?
Из сохранённого Ρ„Π°ΠΉΠ»Π° β€” Π½Π΅Ρ‚. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Π»ΠΎΠΊ замСняСтся ΠΎΠ΄Π½ΠΈΠΌ усрСднённым Ρ†Π²Π΅Ρ‚ΠΎΠΌ, поэтому исходныС Π΄Π΅Ρ‚Π°Π»ΠΈ Ρ‚Π΅Ρ€ΡΡŽΡ‚ΡΡ. Для ΠΊΠΎΠ½Ρ„ΠΈΠ΄Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ тСкста, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΠ°Ρ€ΠΎΠ»Π΅ΠΉ ΠΈΠ»ΠΈ Π½ΠΎΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠ°Ρ€Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π±Π»ΠΎΠΊΠ°.
Π’ ΠΊΠ°ΠΊΠΎΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ скачиваСтся Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚?
Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ JPG ΠΈ WebP ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Π² Ρ‚ΠΎΠΌ ΠΆΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅; PNG, GIF ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ PNG. ΠœΠ΅Ρ‚Π°Π΄Π°Π½Π½Ρ‹Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ GPS-мСстополоТСниС ΠΈΠ· EXIF, Π½Π΅ ΠΊΠΎΠΏΠΈΡ€ΡƒΡŽΡ‚ΡΡ.