ಬ್ರೌಸರ್-ಆಧಾರಿತ ಚಿತ್ರ ಸಂಕುಚನ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ
ಪ್ರತಿ ಸಂಕುಚನ ಪಾಸ್ ಸಂಪೂರ್ಣವಾಗಿ JavaScript ನಲ್ಲಿ ಚಲಿಸುತ್ತದೆ. ಯಾವುದೇ ಕೊಡೆಕ್ ಲೈಬ್ರರಿ ಡೌನ್ಲೋಡ್ ಆಗುವುದಿಲ್ಲ ಮತ್ತು ಯಾವುದೇ ಸರ್ವರ್ ಒಳಗೊಂಡಿಲ್ಲ. ಬ್ರೌಸರ್ನ ಸ್ವಂತ Canvas API ಚಿತ್ರವನ್ನು ಡಿಕೋಡ್ ಮಾಡಿ, ಕಡಿಮೆ ಗುಣಮಟ್ಟದಲ್ಲಿ ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಿ, ಪುಟ ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡಬಹುದಾದ, ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದಾದ, ಅಥವಾ zip ಮಾಡಬಹುದಾದ ಒಂದು Blob ಅನ್ನು ನಿಮಗೆ ನೀಡುತ್ತದೆ. ಪ್ರತಿ ಹೆಜ್ಜೆ ಟ್ಯಾಬ್ನ ಸ್ಯಾಂಡ್ಬಾಕ್ಸ್ ಒಳಗೆ ಇರುವುದರಿಂದ, ಮೂಲ ಫೈಲ್ಗಳು ಎಂದಿಗೂ ನೆಟ್ವರ್ಕ್ ಮುಟ್ಟುವುದಿಲ್ಲ.
- ಪ್ರತಿ ಅಪ್ಲೋಡ್ ಮಾಡಿದ ಫೈಲ್ ಅನ್ನು Blob ಆಗಿ ಓದಿ ಬ್ರೌಸರ್ ಅದನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಡಿಕೋಡ್ ಮಾಡಲು object URL ರಚಿಸಿ — ಬೈಟ್ಗಳನ್ನು ಸರ್ವರ್ಗೆ ನಕಲಿಸದೇ ಅಥವಾ ಡಿಸ್ಕ್ಗೆ ಬರೆಯದೇ.
- ಡಿಕೋಡ್ ಮಾಡಿದ ಚಿತ್ರವನ್ನು ಅದರ ಮೂಲ ಪಿಕ್ಸೆಲ್ ಆಯಾಮಗಳಲ್ಲಿ ಒಂದು ಆಫ್ಸ್ಕ್ರೀನ್ Canvas ಎಲಿಮೆಂಟ್ಗೆ ಎಳೆಯಿರಿ, ಮರು-ಎನ್ಕೋಡಿಂಗ್ಗೆ ಸಿದ್ಧವಾಗಿ.
- ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಲು
canvas.toBlob(callback, mimeType, quality)ಕಾಲ್ ಮಾಡಿ. ಗುಣಮಟ್ಟ ಮೋಡ್ನಲ್ಲಿ ಸ್ಲೈಡರ್ ಮೌಲ್ಯ ನೇರವಾಗಿ ಎನ್ಕೋಡರ್ನ ಕ್ವಾಂಟೈಸೇಶನ್ ಸೆಟ್ಟಿಂಗ್ಗೆ ಮ್ಯಾಪ್ ಆಗುತ್ತದೆ; ಗುರಿ-ಗಾತ್ರ ಮೋಡ್ನಲ್ಲಿ ಔಟ್ಪುಟ್ blob ನಿಮ್ಮ ಬೈಟ್ ಬಜೆಟ್ ಒಳಗೆ ಹೊಂದುವ ತನಕ ಪುಟ ಗುಣಮಟ್ಟ ಮೌಲ್ಯವನ್ನು bisect ಮಾಡುತ್ತದೆ. - ಮೂಲ ಗಾತ್ರ, ಸಂಕುಚಿಸಿದ ಗಾತ್ರ, ಮತ್ತು ಉಳಿತಾಯ ಶೇಕಡಾವಾರಿನೊಂದಿಗೆ ಮೊದಲು/ನಂತರ ರೀಡೌಟ್ ತೋರಿಸಿ, ನಂತರ ಪ್ರತಿ-ಚಿತ್ರ ಡೌನ್ಲೋಡ್ ಅಥವಾ ಇಡೀ ಬ್ಯಾಚ್ಗೆ ಒಂದು ZIP ನೀಡಿ. ZIP ಅನ್ನು ಮೊದಲ ಬಳಕೆಯಲ್ಲಿ ಲೋಡ್ ಆಗುವ 8 KB ಲೈಬ್ರರಿ fflate ಬಳಸಿ ಮೆಮೊರಿಯಲ್ಲಿ ನಿರ್ಮಿಸಲಾಗುತ್ತದೆ.
ಚಿತ್ರಗಳನ್ನು ಏಕೆ ಸಂಕುಚಿಸಬೇಕು?
- ಚಿಕ್ಕ ಚಿತ್ರಗಳು ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತವೆ. ಒಂದು 4 MB ಹೀರೋ ಚಿತ್ರವನ್ನು 600 KB ಗೆ ಕಡಿತಗೊಳಿಸುವುದು Largest Contentful Paint ಅನ್ನು ನೇರವಾಗಿ ಸುಧಾರಿಸುತ್ತದೆ, ಇದು Google ಶ್ರೇಯಾಂಕಕ್ಕೆ ಬಳಸುವ Core Web Vitals ನಲ್ಲಿ ಒಂದು. ಹಲವು ಫೋಟೋಗಳಿರುವ ಪುಟದಲ್ಲಿ ಈ ಉಳಿತಾಯ ವೇಗದ ಮೊದಲ ಪೇಂಟ್ ಆಗಿ ಕೂಡಿ ಬೆಳೆಯುತ್ತದೆ.
- ನಂತರ ಅಪ್ಲೋಡ್ ಮಿತಿಗಳಿವೆ. ಹಲವು CMS ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳು, ಟಿಕೆಟಿಂಗ್ ಟೂಲ್ಗಳು, ಮತ್ತು ಇಮೇಲ್ ಸಿಸ್ಟಮ್ಗಳು 1 ಅಥವಾ 2 MB ಗಿಂತ ಹೆಚ್ಚಿನ ಯಾವುದನ್ನೂ ತಿರಸ್ಕರಿಸುತ್ತವೆ, ಮತ್ತು ಒಂದು ತ್ವರಿತ ಸಂಕುಚನ ಪಾಸ್ ನೀವು ಪೂರ್ಣ ಎಡಿಟರ್ ತೆರೆಯದೇ ಫೋಟೋವನ್ನು ಮಿತಿಯ ಕೆಳಗೆ ತರುತ್ತದೆ.
- ಬ್ಯಾಂಡ್ವಿಡ್ತ್ ಮತ್ತು ಸ್ಟೋರೇಜ್ ಪ್ರಮಾಣದಲ್ಲಿ ಹಣ ಖರ್ಚಾಗುತ್ತವೆ. ಫುಲ್-ಗಾತ್ರ PNG ಗೆ ಬದಲಾಗಿ ಗುಣಮಟ್ಟ 0.8 ನಲ್ಲಿ WebP ಶಿಪ್ ಮಾಡುವುದು ಚಿತ್ರ ಪೇಲೋಡ್ ಅನ್ನು ಮೂರನೇ ಒಂದು ಭಾಗ ಅಥವಾ ಹೆಚ್ಚು ಕಡಿಮೆ ಮಾಡಬಹುದು, ಇದು CDN ಎಗ್ರೆಸ್ ಬಿಲ್ಗಳನ್ನು ಮತ್ತು ನಿಮ್ಮ ಭೇಟಿದಾರರ ಮೊಬೈಲ್ ಡೇಟಾ ಬಳಕೆಯನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ.
- ಕೆಲವು ಚಿತ್ರಗಳನ್ನು ಮೊತ್ತಕ್ಕೂ ಅಪ್ಲೋಡ್ ಮಾಡಬಾರದು. ಇಲ್ಲಿ ಎಲ್ಲವೂ ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲಿ ಚಲಿಸುವುದರಿಂದ, ID ಸ್ಕ್ಯಾನ್ಗಳು, ವೈದ್ಯಕೀಯ ಚಿತ್ರಗಳು, ಮತ್ತು ಆಂತರಿಕ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳು ನಿಮ್ಮ ಸಾಧನದಲ್ಲೇ ಉಳಿಯುತ್ತವೆ. ಚಿಂತಿಸಲು ಲೂಪ್ನಲ್ಲಿ TinyPNG ಯಂತಹ ಮೂರನೇ-ಪಕ್ಷ ಸರ್ವರ್ ಇಲ್ಲ.
ಸಾಮಾನ್ಯ ಅನ್ವಯಗಳು
ಒಂದು ಚಿತ್ರ ಅದು ಹೋಗುವ ಸ್ಥಳಕ್ಕಿಂತ ದೊಡ್ಡದಾಗಿದ್ದಾಗಲೆಲ್ಲಾ ಸಂಕುಚನ ಬರುತ್ತದೆ. ನಾವು ಮತ್ತೆ ಮತ್ತೆ ನೋಡುವ ಮೂರು ಮಾದರಿಗಳು.
- ಒಂದು ಆನ್ಲೈನ್ ಸ್ಟೋರ್ಗಾಗಿ ಉತ್ಪನ್ನ ಫೋಟೋ ಸಿದ್ಧಪಡಿಸುವುದು. JPEG ಮೂಲಗಳನ್ನು ಗುಣಮಟ್ಟ 0.8 ಗೆ (ಅಥವಾ 200 KB ಗುರಿಗೆ) ಸಂಕುಚಿಸಲಾಗುತ್ತದೆ, ಇದರಿಂದ ಸ್ಟೋರ್ಫ್ರಂಟ್ ವೇಗವಾಗಿದ್ದು ಮೊಬೈಲ್ನಲ್ಲಿ Core Web Vitals ಕ್ಲಿಯರ್ ಮಾಡುತ್ತದೆ.
- ಒಂದು ಬಗ್ ಟ್ರಾಕರ್ ಅಥವಾ wiki ಗೆ ಲಗತ್ತಿಸುವ ಮೊದಲು ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳನ್ನು ಕುಗ್ಗಿಸುವುದು. ಗುಣಮಟ್ಟ 0.85 ನಲ್ಲಿ JPEG ಗೆ ಪರಿವರ್ತಿಸಿದ PNG ಕ್ಯಾಪ್ಚರ್ಗಳ ಬ್ಯಾಚ್ ಆಗಾಗ ಹತ್ತಾರು ಮೆಗಾಬೈಟ್ಗಳಿಂದ ಕೆಲವು MB ಗೆ ಕುಸಿಯುತ್ತದೆ.
- ಒಂದು ಫೋಟೋವನ್ನು ಅಪ್ಲೋಡ್ ಮಿತಿಯ ಕೆಳಗೆ ತರುವುದು — 1 MB ಗಿಂತ ಹೆಚ್ಚಿನ ಫೈಲ್ಗಳನ್ನು ತಿರಸ್ಕರಿಸುವ ಉದ್ಯೋಗ ಅರ್ಜಿ ಪೋರ್ಟಲ್, ಬಿಗಿಯಾದ ಲಗತ್ತು ಮಿತಿಯಿರುವ ಇಮೇಲ್ ಸಿಸ್ಟಮ್, ಅಥವಾ ಬೈಟ್ ಬಜೆಟ್ಗೆ ಹೊಂದಬೇಕಾದ ಫೋರಮ್ ಅವತಾರ್.
ಒಂದು ಪ್ರಾಯೋಗಿಕ ಉದಾಹರಣೆ: 4 MB JPEG ನಿಂದ 400 KB
ಫೋನ್ ಕ್ಯಾಮೆರಾದಿಂದ ನೇರವಾಗಿ ಬರುವ ಒಂದು 4 MB JPEG ಅಪ್ಲೋಡ್ ಮಿತಿಗಳನ್ನು ತಡೆದು ಪುಟಗಳನ್ನು ನಿಧಾನಗೊಳಿಸುವ ಸಾಮಾನ್ಯ ಪೇಲೋಡ್. ಸಂಕುಚನ ಏನು ಉಳಿಸುತ್ತದೆ ಎಂಬುದಕ್ಕೆ ಇದು ಒಂದು ನ್ಯಾಯಯುತ ಮಾನದಂಡ.
JPEG ಅನ್ನು ಅಪ್ಲೋಡ್ ಝೋನ್ಗೆ ಡ್ರಾಪ್ ಮಾಡಿ, ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು JPEG ನಲ್ಲೇ ಬಿಡಿ, ಮತ್ತು ಗುಣಮಟ್ಟ ಸ್ಲೈಡರ್ ಅನ್ನು 0.7 ಗೆ ಎಳೆಯಿರಿ ಅಥವಾ ಗುರಿ-ಗಾತ್ರ ಮೋಡ್ಗೆ ಬದಲಾಯಿಸಿ 400 KB ಟೈಪ್ ಮಾಡಿ. ಗುಣಮಟ್ಟ ಮೋಡ್ನಲ್ಲಿ Canvas ಪೈಪ್ಲೈನ್ ಒಮ್ಮೆ ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಿ ಫಲಿತಾಂಶ ತೋರಿಸುತ್ತದೆ, ಫೋಟೋ ಅವಲಂಬಿಸಿ ಸಾಮಾನ್ಯವಾಗಿ 500 ರಿಂದ 700 KB ಸುತ್ತ. ಗುರಿ-ಗಾತ್ರ ಮೋಡ್ನಲ್ಲಿ ಪುಟ ಕೆಲವು ಗುಣಮಟ್ಟ ಮೌಲ್ಯಗಳನ್ನು ಪ್ರಯತ್ನಿಸಿ, ಇನ್ನೂ 400 KB ಒಳಗೆ ಹೊಂದುವ ಅತ್ಯಧಿಕ ಮೌಲ್ಯದಲ್ಲಿ ನೆಲೆಗೊಂಡು, ಉಳಿತಾಯ ಶೇಕಡಾವಾರು ವರದಿ ಮಾಡುತ್ತದೆ. ಒಂದೇ ಫೈಲ್ ಪಡೆಯಲು ಕಾರ್ಡ್ನಲ್ಲಿ ಡೌನ್ಲೋಡ್ ಕ್ಲಿಕ್ ಮಾಡಿ, ಅಥವಾ ನೀವು ಒಮ್ಮೆಗೇ ಹಲವು ಚಿತ್ರಗಳನ್ನು ಸಂಕುಚಿಸಿದರೆ .zip ಡೌನ್ಲೋಡ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಈ ಗಾತ್ರದ ಚಿತ್ರಕ್ಕೆ ಇಡೀ ರೌಂಡ್-ಟ್ರಿಪ್ ಒಂದು ಸೆಕೆಂಡ್ಗಿಂತ ಚೆನ್ನಾಗಿ ಕೆಳಗೆ ಚಲಿಸುತ್ತದೆ ಮತ್ತು ಪುಟ ಲೋಡ್ ಮುಗಿದ ನಂತರ ಶೂನ್ಯ ಬ್ಯಾಂಡ್ವಿಡ್ತ್ ಬಳಸುತ್ತದೆ.
ಗುಣಮಟ್ಟ ಮೋಡ್ ಮತ್ತು ಗುರಿ-ಗಾತ್ರ ಮೋಡ್ ನಡುವಿನ ವ್ಯತ್ಯಾಸ ಏನು?
ಗುಣಮಟ್ಟ ಮೋಡ್ ನಿಮಗೆ 0.1 ರಿಂದ 1.0 ವರೆಗೆ ಒಂದು ಸ್ಲೈಡರ್ ನೀಡುತ್ತದೆ, ಇದು JPEG ಅಥವಾ WebP ಎನ್ಕೋಡರ್ನ ಕ್ವಾಂಟೈಸೇಶನ್ ಸೆಟ್ಟಿಂಗ್ಗೆ ಮ್ಯಾಪ್ ಆಗುತ್ತದೆ — ಕಡಿಮೆ ಸಂಖ್ಯೆಗಳು ಎಂದರೆ ಚಿಕ್ಕ ಫೈಲ್ಗಳು ಮತ್ತು ಹೆಚ್ಚು ಗೋಚರ ಆರ್ಟಿಫ್ಯಾಕ್ಟ್ಗಳು. ಗುರಿ-ಗಾತ್ರ ಮೋಡ್ ಸಮಸ್ಯೆಯನ್ನು ತಿರುಗಿಸುತ್ತದೆ: ನೀವು ಕಿಲೋಬೈಟ್ಗಳಲ್ಲಿ ಒಂದು ಗಾತ್ರ ಹೆಸರಿಸುತ್ತೀರಿ, ಪುಟ ಗುಣಮಟ್ಟ ಮೌಲ್ಯವನ್ನು bisect ಮಾಡಿ, ನಿಮ್ಮ ಬಜೆಟ್ ಒಳಗೆ ಇನ್ನೂ ಹೊಂದುವ ಅತ್ಯಧಿಕ ಗುಣಮಟ್ಟ ಕಂಡುಹಿಡಿಯುವ ತನಕ ಕೆಲವು ಬಾರಿ ಎನ್ಕೋಡ್ ಮಾಡುತ್ತದೆ. ಒಂದು ಕಠಿಣ ಮಿತಿ ಮುಖ್ಯವಾಗಿದ್ದಾಗ (ಒಂದು 1 MB ಅಪ್ಲೋಡ್ ಮಿತಿ, ಎಂದುಕೊಳ್ಳಿ) ಗುರಿ-ಗಾತ್ರ ಅನುಕೂಲಕರ; ನಿಮಗೆ ಒಂದು ಊಹಿಸಬಹುದಾದ ದೃಶ್ಯ ಫಲಿತಾಂಶ ಬೇಕಿದ್ದರೆ ಗುಣಮಟ್ಟ ಮೋಡ್ ವೇಗ ಮತ್ತು ಉತ್ತಮ. PNG ನಷ್ಟರಹಿತ, ಆದ್ದರಿಂದ ಯಾವ ಮೋಡ್ ಅದಕ್ಕೆ ಅನ್ವಯಿಸುವುದಿಲ್ಲ.
ಇದು ನನ್ನ ಸಾಧನದಲ್ಲಿ ಆಗುತ್ತದೆಯೇ?
ಹೌದು, ಸಂಪೂರ್ಣ. ಪುಟ ಪ್ರತಿ ಚಿತ್ರವನ್ನು ಮೆಮೊರಿಯಲ್ಲಿ ಡಿಕೋಡ್ ಮತ್ತು ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಲು ಬ್ರೌಸರ್ನ ನೇಟಿವ್ Canvas API ಮತ್ತು Web File API ಬಳಸುತ್ತದೆ. ಯಾವುದೇ ಚಿತ್ರ ಡೇಟಾ ಸರ್ವರ್ಗೆ ಕಳುಹಿಸಲ್ಪಡುವುದಿಲ್ಲ, ತಾತ್ಕಾಲಿಕ ಅಪ್ಲೋಡ್ ಇಲ್ಲ, ಕ್ಲೌಡ್ ರೌಂಡ್-ಟ್ರಿಪ್ ಇಲ್ಲ. ನೀವೇ ಪರಿಶೀಲಿಸಬಹುದು: DevTools ತೆರೆದು, Network ಪ್ಯಾನೆಲ್ಗೆ ಬದಲಾಯಿಸಿ, ಒಂದು ಸಂಕುಚನ ಚಲಾಯಿಸಿ. ನೀವು ನೋಡುವ ಏಕೈಕ ಔಟ್ಬೌಂಡ್ ರಿಕ್ವೆಸ್ಟ್ಗಳು ಮೊದಲ ಪುಟ ಲೋಡ್ ಮತ್ತು ad calls. ಚಿತ್ರ ಆಕಾರದ ಯಾವುದೂ ಟ್ಯಾಬ್ ಬಿಡುವುದಿಲ್ಲ.
ಒಂದು PNG ಸಂಕುಚಿಸುವುದು ಕೆಲವೊಮ್ಮೆ ಏಕೆ ಬಹುತೇಕ ಕುಗ್ಗಿಸುವುದಿಲ್ಲ?
PNG ಒಂದು ನಷ್ಟರಹಿತ ಫಾರ್ಮ್ಯಾಟ್, ಆದ್ದರಿಂದ Canvas API ಅದನ್ನು ಚಿಕ್ಕದಾಗಿಸಲು ವಿವರವನ್ನು ಬಿಸಾಡಲಾಗದು — ಅದೇ ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಮಾತ್ರ ಮರು-ಪ್ಯಾಕ್ ಮಾಡಬಹುದು. ಫೋಟೋಗ್ರಾಫ್ಗಳಿಗೆ, ಒಂದು PNG ಈಗಾಗಲೇ ದೊಡ್ಡದಾಗಿದೆ ಮತ್ತು ನಷ್ಟರಹಿತ ಮರು-ಎನ್ಕೋಡ್ ಬಹಳ ಕಡಿಮೆ ಉಳಿಸುತ್ತದೆ. ನಿಜವಾದ ಲಾಭ ಔಟ್ಪುಟ್ ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು JPEG ಅಥವಾ WebP ಗೆ ಬದಲಾಯಿಸುವುದರಿಂದ ಬರುತ್ತದೆ, ಇವು ಫೋಟೋಗಳಿಗೆ ಸೂಕ್ತ ನಷ್ಟಸಹಿತ ಸಂಕುಚನ ಬಳಸಿ ಸಾಮಾನ್ಯವಾಗಿ 4 ರಿಂದ 10 ಪಟ್ಟು ಚಿಕ್ಕದಾಗಿ ಬರುತ್ತವೆ. ನಿಮಗೆ ನಷ್ಟರಹಿತ ಗುಣಮಟ್ಟ ಅಥವಾ ಟ್ರಾನ್ಸ್ಪೇರೆನ್ಸಿ ಬೇಕಾದಾಗ ಮಾತ್ರ PNG ಇಡಿ; ಇಲ್ಲದಿದ್ದರೆ ಫೋಟೋಗಳಿಗೆ JPEG ಅಥವಾ ಉತ್ತಮ ಗಾತ್ರ-ನಿಂದ-ಗುಣಮಟ್ಟ ಸಮತೋಲನಕ್ಕೆ WebP ಆಯ್ಕೆ ಮಾಡಿ.
ನಾನು ಯಾವ ಫಾರ್ಮ್ಯಾಟ್ ಆಯ್ಕೆ ಮಾಡಬೇಕು?
ಫೋಟೋಗ್ರಾಫ್ಗಳಿಗೆ, ಗುಣಮಟ್ಟ 0.8 ನಲ್ಲಿ WebP ಉತ್ತಮ ಗಾತ್ರ-ನಿಂದ-ಗುಣಮಟ್ಟ ಸಮತೋಲನ ನೀಡುತ್ತದೆ ಮತ್ತು 2021 ರಿಂದ ಶಿಪ್ ಆದ ಪ್ರತಿ ಬ್ರೌಸರ್ ಇದನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ; ಒಂದು ಗಂತವ್ಯ ಹಳೆಯದಾಗಿದ್ದರೆ ಅಥವಾ ಕಠಿಣವಾಗಿದ್ದರೆ JPEG ಸುರಕ್ಷಿತ ಯೂನಿವರ್ಸಲ್ ಫಾಲ್ಬ್ಯಾಕ್. ನಿಮಗೆ ನಷ್ಟರಹಿತ ಗುಣಮಟ್ಟ ಅಥವಾ ಒಂದು ಆಲ್ಫಾ ಚಾನೆಲ್ ಬೇಕಾದಾಗ ಮಾತ್ರ PNG ಆಯ್ಕೆ ಮಾಡಿ — ಲೈನ್ ಆರ್ಟ್, UI ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳು, ಟ್ರಾನ್ಸ್ಪೇರೆನ್ಸಿ ಇರುವ ಲೋಗೋಗಳು. ನೀವು ಪುಟ ವೇಗಕ್ಕೆ ಆಪ್ಟಿಮೈಸ್ ಮಾಡುತ್ತಿದ್ದು ನಿಮ್ಮ ಪ್ರೇಕ್ಷಕರು ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳನ್ನು ಬಳಸಿದರೆ, WebP ಬಹುತೇಕ ಯಾವಾಗಲೂ ಸರಿಯಾದ ಆಯ್ಕೆ; ನೀವು ಒಂದು ಹಳೆಯ CMS ಅಥವಾ WebP ತಿರಸ್ಕರಿಸುವ ಒಂದು ಪ್ರಿಂಟ್ ಪೈಪ್ಲೈನ್ಗೆ ಫೀಡ್ ಮಾಡುತ್ತಿದ್ದರೆ, JPEG ನೊಂದಿಗೆ ಇರಿ.
ನಿಮ್ಮ ಚಿತ್ರಗಳನ್ನು ಡ್ರಾಪ್ ಮಾಡಿ, ಒಂದು ಗುಣಮಟ್ಟ ಮಟ್ಟ ಅಥವಾ ಒಂದು ಗುರಿ ಗಾತ್ರ ಆಯ್ಕೆ ಮಾಡಿ, ಸಂಕುಚಿಸಿ. ಎಲ್ಲವೂ ನಿಮ್ಮ ಟ್ಯಾಬ್ನಲ್ಲಿ ಚಲಿಸುತ್ತದೆ. ಅಪ್ಲೋಡ್ ಇಲ್ಲ, ಖಾತೆ ಇಲ್ಲ, ಸರ್ವರ್ ಸರದಿ ಕಾಯುವಿಕೆ ಇಲ್ಲ.