Π‘ΠΆΠ°ΡΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
Π‘ΠΆΠΈΠΌΠ°ΠΉΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ JPG, PNG ΠΈ WebP Π΄ΠΎ ΠΌΠ΅Π½ΡΡΠ΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ, Π±Π΅Π· ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠΉ ΠΈ 100% ΠΏΡΠΈΠ²Π°ΡΠ½ΠΎ β ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² Π²Π°ΡΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
π Π Π°Π±ΠΎΡΠ°Π΅Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π² Π²Π°ΡΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ β Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡΠ‘ΠΆΠΈΠΌΠ°ΠΉΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°
ΠΠΎΠ»ΡΡΠΈΠ΅ ΡΠ°ΠΉΠ»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π·Π°ΠΌΠ΅Π΄Π»ΡΡΡ ΡΠ°ΠΉΡΡ, Π·Π°Π½ΠΈΠΌΠ°ΡΡ ΠΌΠ΅ΡΡΠΎ Π½Π° Π΄ΠΈΡΠΊΠ΅ ΠΈ Π½Π΅ ΠΏΡΠΎΡ ΠΎΠ΄ΡΡ ΠΏΠΎ Π»ΠΈΠΌΠΈΡΠ°ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ. ΠΠΎΠΌΠΏΡΠ΅ΡΡΠΎΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠΌΠ΅Π½ΡΡΠ°Π΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ°ΠΉΠ»Π°, ΠΏΠ΅ΡΠ΅ΠΊΠΎΠ΄ΠΈΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π±ΠΎΠ»Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ β ΡΠ°ΡΡΠΎ ΡΠ±ΠΈΡΠ°Ρ 60β90% ΠΎΡ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»Π° ΠΈ ΠΎΡΡΠ°Π²Π»ΡΡ Π΅Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΈΠ΄Π΅Π½ΡΠΈΡΠ½ΠΎΠΉ.
ΠΡΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Π½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ ΡΠΆΠ°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² Web Worker Π² Π²Π°ΡΠ΅ΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. ΠΡ Π·Π°Π΄Π°ΡΡΠ΅ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ, Π° ΠΎΠ½ ΡΠ°Π·ΡΠΌΠ½ΠΎ ΡΠ½ΠΈΠΆΠ°Π΅Ρ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ (ΠΈ ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ), ΡΡΠΎΠ±Ρ Π΄ΠΎΡΡΠΈΡΡ ΡΡΠΎΠΉ ΡΠ΅Π»ΠΈ. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π²ΡΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅, Π½Π΅Ρ ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ, ΠΏΠ»Π°ΡΠ½ΡΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠ°ΠΉΠ»ΠΎΠ², Π° ΠΏΡΠΈΠ²Π°ΡΠ½ΠΎΡΡΡ ΠΏΠΎΠ»Π½Π°Ρ.
Π‘ΠΎΠ²Π΅ΡΡ Π΄Π»Ρ Π»ΡΡΡΠΈΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ²
ΠΠ»Ρ ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ Π²ΡΠ±ΠΈΡΠ°ΠΉΡΠ΅ Π²ΡΠ²ΠΎΠ΄ JPG ΠΈΠ»ΠΈ WebP β ΠΎΠ½ΠΈ ΡΠΆΠΈΠΌΠ°ΡΡ ΡΠΎΡΠΎ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ PNG. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ WebP, ΠΊΠΎΠ³Π΄Π° Π½ΡΠΆΠ΅Π½ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡΠΈΠΉ ΡΠ°ΠΉΠ» Π΄Π»Ρ Π²Π΅Π±Π°. ΠΠ°ΡΠ½ΠΈΡΠ΅ Ρ ΡΠ΅Π΄ΡΠΎΠΉ ΡΠ΅Π»ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ 0,5 ΠΠ, ΠΈ ΡΠ½ΠΈΠΆΠ°ΠΉΡΠ΅ Π΅Ρ ΠΏΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎ; Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅, Π³Π΄Π΅ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ Π½Π°ΡΠΈΠ½Π°Π΅Ρ ΡΡ ΡΠ΄ΡΠ°ΡΡΡΡ, ΠΈ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡΡ ΡΡΡΡ ΡΠ°Π½ΡΡΠ΅.
ΠΠ°ΠΊ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ
ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΌΠ½ΠΎΠ³ΠΎΠΊΡΠ°ΡΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠΎΠ΄ΠΈΡΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ Π±ΠΎΠ»Π΅Π΅ Π½ΠΈΠ·ΠΊΠΈΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎΠΌ, ΠΏΠΎΠΊΠ° ΡΠ°ΠΉΠ» Π½Π΅ ΡΠΌΠ΅ΡΡΠΈΡΡΡ Π² Π²Π°Ρ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ, ΠΈ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΠΎΠ»ΡΡΠ΅ 4096 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΏΠΎ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Π΅. ΠΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ; ΠΎΠ½ΠΈ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡΡΡ ΠΎΠ΄Π½ΠΎ Π·Π° Π΄ΡΡΠ³ΠΈΠΌ, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠΊΠ°ΡΠΈΠ²Π°Π΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, Π° ΡΡΡΠΎΠΊΠ° ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ Π΄ΠΎ ΠΈ ΠΏΠΎΡΠ»Π΅. ΠΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠΆΠ΅ ΠΌΠ΅Π½ΡΡΠ΅ Π²Π°ΡΠ΅ΠΉ ΡΠ΅Π»ΠΈ, ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π±Π»ΠΈΠ·ΠΎΠΊ ΠΊ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΡ.
ΠΡΠ±ΠΎΡ ΡΠΎΡΠΌΠ°ΡΠ°
- JPG β ΡΠΎΡΠΌΠ°Ρ Ρ ΠΏΠΎΡΠ΅ΡΡΠΌΠΈ, Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΠΎΡΠΎ. ΠΠ½ Π½Π΅ Ρ ΡΠ°Π½ΠΈΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠ΅ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΡΠ°Π½ΠΎΠ²ΡΡΡΡ ΡΠΏΠ»ΠΎΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ.
- WebP ΠΎΠ±ΡΡΠ½ΠΎ ΠΌΠ΅Π½ΡΡΠ΅ JPG ΠΏΡΠΈ ΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ.
- PNG β ΡΠΎΡΠΌΠ°Ρ Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ Π΄ΠΎΡΡΠΈΡΡ ΠΌΠ°Π»ΠΎΠΉ ΡΠ΅Π»ΠΈ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ². ΠΠ½ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΡΠΊΡΠΈΠ½ΡΠΎΡΠΎΠ² ΠΈ Π³ΡΠ°ΡΠΈΠΊΠΈ, Π° Π½Π΅ Π΄Π»Ρ ΡΠΎΡΠΎ.
Π‘ΠΆΠΈΠΌΠ°ΠΉΡΠ΅ ΠΈΠ· ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π°, ΠΊΠΎΠ³Π΄Π° ΡΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ. ΠΠΎΠ²ΡΠΎΡΠ½ΠΎΠ΅ ΡΠΆΠ°ΡΠΈΠ΅ ΡΠΆΠ΅ ΡΠΆΠ°ΡΠΎΠ³ΠΎ JPG Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π΅ΡΡ ΠΎΠ΄ΠΈΠ½ ΡΠ°ΡΠ½Π΄ ΠΏΠΎΡΠ΅ΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠΎΡ ΡΠ°Π½ΡΠΉΡΠ΅ ΠΈΡΡΠΎΡΠ½ΠΈΠΊ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΊΠ°ΠΆΠ΄ΡΡ ΠΌΠ΅Π½ΡΡΡΡ Π²Π΅ΡΡΠΈΡ ΠΈΠ· Π½Π΅Π³ΠΎ.
ΠΡΠΎΠ²Π΅ΡΠΊΠ° ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°
ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΠΆΠ°ΡΡΠΉ ΡΠ°ΠΉΠ» Π² ΠΌΠ°ΡΡΡΠ°Π±Π΅ 100% ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΡ, Π½Π΅Π±ΠΎ ΠΈ ΠΊΡΠ°Ρ ΡΠ΅ΠΊΡΡΠ°, Π³Π΄Π΅ ΠΏΠ΅ΡΠ²ΡΠΌΠΈ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΈ Π±Π»ΠΎΡΠ½ΠΎΡΡΡ. ΠΡΠ»ΠΈ ΠΎΠ½ΠΈ Π²ΡΠ³Π»ΡΠ΄ΡΡ Ρ ΡΠΆΠ΅, ΡΠ΅ΠΌ Ρ ΠΎΡΠ΅Π»ΠΎΡΡ Π±Ρ, Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅Π»ΠΈΡΡΡΠ΅ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ Π·Π°ΠΏΡΡΡΠΈΡΠ΅ ΡΠ½ΠΎΠ²Π° ΠΈΠ· ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»Π°. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π²ΡΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅, Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΏΠ°ΠΊΠ΅ΡΡ Π·Π°Π²ΠΈΡΡΡ ΠΎΡ ΠΏΠ°ΠΌΡΡΠΈ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ°, ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΠΉΡΠ΅ ΠΎΡΠ΅Π½Ρ Π±ΠΎΠ»ΡΡΠΈΠ΅ ΡΠΎΡΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌΠΈ Π³ΡΡΠΏΠΏΠ°ΠΌΠΈ.
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ
- ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΠ΅ ΡΠ°ΠΉΠ»Ρ JPG, PNG ΠΈΠ»ΠΈ WebP Π² ΠΎΠ±Π»Π°ΡΡΡ.
- ΠΠ°Π΄Π°ΠΉΡΠ΅ ΡΠ΅Π»ΡΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ°ΠΉΠ»Π° ΠΈ ΡΠΎΡΠΌΠ°Ρ Π²ΡΠ²ΠΎΠ΄Π°.
- Π‘ΠΊΠ°ΡΠ°ΠΉΡΠ΅Π‘ΠΆΠ°ΡΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΊΠ°ΡΠΈΠ²Π°ΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ.