ΠΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ β ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ ΡΠΎΡΠΎ ΠΈΠ»ΠΈ Π²ΡΠ±ΡΠ°Π½Π½ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΎΠ½Π»Π°ΠΉΠ½
ΠΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ Π²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΠΎΠ»ΡΠΊΠΎ Π²ΡΠ±ΡΠ°Π½Π½ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΡΠΌΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΠ°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ Π±Π»ΠΎΠΊΠΎΠ², ΡΡΠΈΠ»Ρ Β«Π±Π»ΠΎΠΊΠΈΒ» ΠΈΠ»ΠΈ Β«ΠΌΠΎΠ·Π°ΠΈΠΊΠ°Β», Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ ΡΡΠ°Π·Ρ β Π±Π΅Π· Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ.
π Π Π°Π±ΠΎΡΠ°Π΅Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π² Π²Π°ΡΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ β Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡΠΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ Π²Π΅ΡΡ ΡΠ½ΠΈΠΌΠΎΠΊ ΠΈΠ»ΠΈ ΡΠΎΠ»ΡΠΊΠΎ Π²Π°ΠΆΠ½ΡΠ΅ ΡΠ°ΡΡΠΈ
ΠΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°ΡΠΈΡ Π·Π°ΠΌΠ΅Π½ΡΠ΅Ρ ΠΎΠ±Π»Π°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΊΡΡΠΏΠ½ΡΠΌΠΈ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°. ΠΡΠΎ ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠΊΡΡΡΡ Π½ΠΎΠΌΠ΅ΡΠ½ΠΎΠΉ Π·Π½Π°ΠΊ, Π»ΠΈΡΠΎ Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅, Π°Π΄ΡΠ΅Ρ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ Π½Π° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅ ΠΈΠ»ΠΈ Π½ΠΎΠΌΠ΅Ρ Π΄ΠΎΠΌΠ°, ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΡΠΎΡΠΎ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅. ΠΡΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΉ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈΠΉ ΡΡΡΠ΅ΠΊΡ: ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°ΡΠΈΡ Π²ΡΠ΅ΠΉ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΈ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°Π΅Ρ Π΅Ρ Π² ΡΠ΅ΡΡΠΎ-Π°ΡΡ Π² ΡΡΠΈΠ»Π΅ 8-Π±ΠΈΡ ΠΈΠ»ΠΈ ΡΡΠΊΠΈΠΉ ΠΌΠΎΠ·Π°ΠΈΡΠ½ΡΠΉ ΠΏΠΎΡΡΠ΅Ρ. ΠΡΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠΏΡΠ°Π²Π»ΡΠ΅ΡΡΡ Ρ ΠΎΠ±Π΅ΠΈΠΌΠΈ Π·Π°Π΄Π°ΡΠ°ΠΌΠΈ. ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ ΠΎΠ±Π»Π°ΡΡΡ Π½Π° Π²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ (Whole image) Π΄Π»Ρ Ρ ΡΠ΄ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΡΡΠ΅ΠΊΡΠ° ΠΈΠ»ΠΈ ΠΎΡΡΠ°Π²ΡΡΠ΅ Π²ΡΠ±ΡΠ°Π½Π½ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ (Selected areas) ΠΈ ΠΎΠ±Π²Π΅Π΄ΠΈΡΠ΅ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ°ΠΌΠΈ Π²ΡΡ, ΡΡΠΎ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΊΡΡΡΡ. ΠΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ ΠΎΠ±Π»Π°ΡΡΠ΅ΠΉ, ΡΠ΄Π°Π»ΠΈΡΡ Π»ΡΠ±ΡΡ ΡΠ΅Π»ΡΠΊΠΎΠΌ ΠΏΠΎ Π½Π΅ΠΉ ΠΈ Π² Π»ΡΠ±ΠΎΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π±Π»ΠΎΠΊΠΎΠ² β ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΡΡΡ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ.
ΠΠ»ΠΎΠΊΠΈ ΠΈΠ»ΠΈ ΠΌΠΎΠ·Π°ΠΈΠΊΠ° ΠΈ ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π±Π»ΠΎΠΊΠΈ?
ΠΠ°ΠΆΠ΄ΡΠΉ Π±Π»ΠΎΠΊ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ ΡΡΠ΅Π΄Π½ΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ ΠΏΠΎΠΊΡΡΠ²Π°Π΅Ρ, Ρ ΡΡΡΡΠΎΠΌ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΠΎΠ»ΡΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠ΅ ΠΊΡΠ°Ρ Π½Π΅ ΡΡΠ°Π½ΠΎΠ²ΡΡΡΡ ΡΠ΅ΡΡΠΌΠΈ. Π‘ΡΠΈΠ»Ρ Β«ΠΠ»ΠΎΠΊΠΈΒ» (Blocky) Π΄Π°ΡΡ ΡΠΈΡΡΡΠ΅ ΠΊΠ²Π°Π΄ΡΠ°ΡΡ, ΠΏΠ»ΠΎΡΠ½ΠΎ ΠΏΡΠΈΠ»Π΅Π³Π°ΡΡΠΈΠ΅ Π΄ΡΡΠ³ ΠΊ Π΄ΡΡΠ³Ρ, Π° Β«ΠΠΎΠ·Π°ΠΈΡΠ½ΡΠ΅ ΠΏΠ»ΠΈΡΠΊΠΈΒ» (Mosaic tiles) ΡΠ»Π΅Π³ΠΊΠ° Π·Π°ΡΠ΅ΠΌΠ½ΡΠ΅Ρ ΠΊΡΠ°ΠΉ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ°, ΠΈ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ°ΠΊ ΠΏΠ»ΠΈΡΠΊΠ°, ΡΠ»ΠΎΠΆΠ΅Π½Π½Π°Ρ Π½Π° Π·Π°ΡΠΈΡΠΊΡ. Π Π°Π·ΠΌΠ΅Ρ Π±Π»ΠΎΠΊΠ° ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ Π² ΡΠ΅Π°Π»ΡΠ½ΡΡ ΠΏΠΈΠΊΡΠ΅Π»ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠ΄Π½Π° ΠΈ ΡΠ° ΠΆΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° Π΄Π°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΉ Π²ΠΈΠ΄ ΠΈ Π² ΠΏΡΠ΅Π΄ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅, ΠΈ Π² ΡΠΎΡ ΡΠ°Π½ΡΠ½Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅. ΠΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΡΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π±Π»ΠΎΠΊΠ°, ΠΏΡΠΎΠΏΠΎΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ Π΅Π³ΠΎ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ. ΠΠ»Ρ Π·Π°ΡΠΈΡΡ ΠΊΠΎΠ½ΡΠΈΠ΄Π΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎΡΡΠΈ Π²ΡΠ±ΠΈΡΠ°ΠΉΡΠ΅ Π±Π»ΠΎΠΊΠΈ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ ΠΊΡΡΠΏΠ½ΡΠ΅, ΡΡΠΎΠ±Ρ Π±ΡΠΊΠ²Ρ ΠΈΠ»ΠΈ ΡΠ΅ΡΡΡ Π»ΠΈΡΠ° Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡ: Π±Π»ΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π½Π΅ ΠΌΠ΅Π½ΡΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»Π° ΡΠ΅ΠΊΡΡΠ°. ΠΡΠ΅Π½Ρ ΠΌΠ΅Π»ΠΊΠΈΠ΅ Π±Π»ΠΎΠΊΠΈ ΠΌΠΎΠ³ΡΡ ΠΎΡΡΠ°Π²ΠΈΡΡ Π΄Π΅ΡΠ°Π»ΠΈ ΡΠ·Π½Π°Π²Π°Π΅ΠΌΡΠΌΠΈ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΊΠΎΡΠΎΡΠΊΠΈΠ΅ ΡΠΈΡΠ»Π°.
ΠΠΎΠ½ΡΠΈΠ΄Π΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎΡΡΡ Π·Π°Π»ΠΎΠΆΠ΅Π½Π° Π² ΠΎΡΠ½ΠΎΠ²Ρ
ΠΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠ° ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ HTML Canvas API, ΡΡΠΎ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π²Π°ΠΆΠ½ΠΎ, ΠΊΠΎΠ³Π΄Π° Π²ΡΡ ΡΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ ΠΊΠΎΠ½ΡΠΈΠ΄Π΅Π½ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ. ΠΠ°ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΏΠΎΠΊΠΈΠ΄Π°Π΅Ρ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ, Π½Π΅ Π½ΡΠΆΠ½Π° ΡΡΡΡΠ½Π°Ρ Π·Π°ΠΏΠΈΡΡ ΠΈ Π½Π΅Ρ Π²ΠΎΠ΄ΡΠ½ΡΡ Π·Π½Π°ΠΊΠΎΠ². Π‘ΠΊΠ°ΡΠ°Π½Π½ΡΠΉ ΡΠ°ΠΉΠ» ΠΏΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅Ρ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ β JPG ΠΎΡΡΠ°ΡΡΡΡ JPG, Π° WebP ΠΎΡΡΠ°ΡΡΡΡ WebP, ΡΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠΎΡΠΌΠ°ΡΡ ΡΠΎΡ ΡΠ°Π½ΡΡΡΡΡ ΠΊΠ°ΠΊ PNG, β Π° ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅ ΠΊΠ°ΠΌΠ΅ΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ GPS-ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ, Π² Π½ΠΎΠ²ΡΠΉ ΡΠ°ΠΉΠ» Π½Π΅ ΠΊΠΎΠΏΠΈΡΡΡΡΡΡ.
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ
- ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ JPG, PNG ΠΈΠ»ΠΈ WebP Π»ΠΈΠ±ΠΎ Π½Π°ΠΆΠΌΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ°ΠΉΠ».
- ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΎΠ±Π»Π°ΡΡΡΠΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ Π²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΎΠ±Π²Π΅Π΄ΠΈΡΠ΅ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ°ΠΌΠΈ ΠΎΠ±Π»Π°ΡΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΊΡΡΡΡ.
- ΠΠ°ΡΡΡΠΎΠΉΡΠ΅ ΡΡΡΠ΅ΠΊΡΠΠ°Π΄Π°ΠΉΡΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ Π±Π»ΠΎΠΊΠ° ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠΈΠ»Ρ Β«Π±Π»ΠΎΠΊΠΈΒ» ΠΈΠ»ΠΈ Β«ΠΌΠΎΠ·Π°ΠΈΡΠ½ΡΠ΅ ΠΏΠ»ΠΈΡΠΊΠΈΒ».
- Π‘ΠΊΠ°ΡΠ°ΠΉΡΠ΅Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ ΠΏΠΈΠΊΡΠ΅Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅.