ಬ್ರೌಸರ್-ಆಧಾರಿತ ಚಿತ್ರ ರೀಸೈಜಿಂಗ್ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ
ಪ್ರತಿ ರೀಸೈಜ್ ಸಂಪೂರ್ಣವಾಗಿ JavaScript ನಲ್ಲಿ ಚಲಿಸುವ ಒಂದು ಚಿಕ್ಕ ಪೈಪ್ಲೈನ್. ಯಾವುದೇ ಕೊಡೆಕ್ ಲೈಬ್ರರಿ ಡೌನ್ಲೋಡ್ ಆಗುವುದಿಲ್ಲ ಮತ್ತು ಯಾವುದೇ ಸರ್ವರ್ ಒಳಗೊಂಡಿಲ್ಲ. ಬ್ರೌಸರ್ನ ಸ್ವಂತ Canvas API ಫೈಲ್ ಅನ್ನು ಡಿಕೋಡ್ ಮಾಡಿ, ಗುರಿ ಗಾತ್ರದಲ್ಲಿ ಮರು-ಚಿತ್ರಿಸಿ, ಮೆಮೊರಿಯಲ್ಲಿ ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಿ, ಪುಟ ಪೂರ್ವವೀಕ್ಷಣೆ ಅಥವಾ zip ಮಾಡಬಹುದಾದ ಒಂದು Blob ಅನ್ನು ನಿಮಗೆ ನೀಡುತ್ತದೆ. ಪ್ರತಿ ಹೆಜ್ಜೆ ಟ್ಯಾಬ್ನ ಸ್ಯಾಂಡ್ಬಾಕ್ಸ್ ಒಳಗೆ ಇರುವುದರಿಂದ, ಮೂಲ ಫೈಲ್ಗಳು ಎಂದಿಗೂ ನೆಟ್ವರ್ಕ್ ಮುಟ್ಟುವುದಿಲ್ಲ.
- ಪ್ರತಿ ಅಪ್ಲೋಡ್ ಮಾಡಿದ ಫೈಲ್ ಅನ್ನು Blob ಆಗಿ ಓದಿ ಬ್ರೌಸರ್ ಅದನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಡಿಕೋಡ್ ಮಾಡಲು object URL ರಚಿಸಿ — ಬೈಟ್ಗಳನ್ನು ಸರ್ವರ್ಗೆ ನಕಲಿಸದೇ ಅಥವಾ ಡಿಸ್ಕ್ಗೆ ಬರೆಯದೇ.
- ನೀವು ಆಯ್ಕೆ ಮಾಡಿದ ಮೋಡ್ನಿಂದ ಗುರಿ ಆಯಾಮಗಳನ್ನು ಲೆಕ್ಕ ಹಾಕಿ — ಒಂದು ಉದ್ದದ-ಬದಿಯ ಮಿತಿ, ಒಂದು ನಿಖರ ಅಗಲ ಮತ್ತು ಎತ್ತರ, ಅಥವಾ ಒಂದು ಶೇಕಡಾವಾರು ಸ್ಕೇಲ್. ನೀವು ಒಂದೇ ಫೀಲ್ಡ್ ಸಂಪಾದಿಸಿದಾಗ ಆಸ್ಪೆಕ್ಟ್-ರೇಶಿಯೋ ಲಾಕ್ ಅನುಪಾತಗಳನ್ನು ಸರಿಯಾಗಿ ಇಡುತ್ತದೆ.
- ಗುರಿ ಗಾತ್ರದಲ್ಲಿ ಒಂದು ಆಫ್ಸ್ಕ್ರೀನ್ Canvas ರಚಿಸಿ ಡಿಕೋಡ್ ಮಾಡಿದ ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಮರು-ಚಿತ್ರಿಸಲು
ctx.drawImage(source, 0, 0, width, height)ಕಾಲ್ ಮಾಡಿ. ಸ್ಕೇಲ್ ಮಾಡಿದ ಫಲಿತಾಂಶವನ್ನು ನುಣುಪುಗೊಳಿಸುವ interpolation ಅನ್ನು ಬ್ರೌಸರ್ ನಿಭಾಯಿಸುತ್ತದೆ. - ಮೂಲ ಫಾರ್ಮ್ಯಾಟ್ನಲ್ಲಿ ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಲು
canvas.toBlobಕಾಲ್ ಮಾಡಿ. PNG ನಷ್ಟರಹಿತವಾಗಿ ಉಳಿಯುತ್ತದೆ, JPEG ಮತ್ತು WebP ಉನ್ನತ ಗುಣಮಟ್ಟದಲ್ಲಿ ಮರು-ಎನ್ಕೋಡ್ ಆಗುತ್ತವೆ. ನಂತರ ಪುಟ ಮೊದಲು/ನಂತರ ಕಾರ್ಡ್ ತೋರಿಸಿ ಪ್ರತಿ-ಚಿತ್ರ ಡೌನ್ಲೋಡ್ ಅಥವಾ fflate ನೊಂದಿಗೆ ಮೆಮೊರಿಯಲ್ಲಿ ನಿರ್ಮಿಸಿದ ಒಂದು ZIP ನೀಡುತ್ತದೆ.
ಚಿತ್ರಗಳ ಗಾತ್ರ ಏಕೆ ಬದಲಿಸಬೇಕು?
- ಅತಿ ದೊಡ್ಡ ಚಿತ್ರಗಳು ನಿಧಾನ ಪುಟಗಳ ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ಕಾರಣ. 600-ಪಿಕ್ಸೆಲ್ ಅಗಲದ ಲೇಔಟ್ಗೆ ನೇರವಾಗಿ ಹಾಕಿದ 4000×3000 ಫೋನ್ ಫೋಟೋ ಪರದೆ ತೋರಿಸಬಲ್ಲದ್ದಕ್ಕಿಂತ ಸುಮಾರು 40 ಪಟ್ಟು ಹೆಚ್ಚು ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ರವಾನಿಸುತ್ತದೆ. ಅಪ್ಲೋಡ್ಗೆ ಮೊದಲು ಉದ್ದದ ಬದಿಯನ್ನು 1600 px ಗೆ ಮಿತಿಗೊಳಿಸುವುದು ಪುಟ ತೂಕವನ್ನು ಬಹಳ ಕಡಿಮೆ ಮಾಡಿ Core Web Vitals LCP ಅನ್ನು ಸುಧಾರಿಸುತ್ತದೆ.
- ಅಪ್ಲೋಡ್ ಫಾರ್ಮ್ಗಳು ಕಠಿಣ ಆಯಾಮಗಳನ್ನು ಜಾರಿಗೊಳಿಸುತ್ತವೆ. ಅವತಾರ್ ಸ್ಲಾಟ್ಗಳು, ID-ಫೋಟೋ ಪೋರ್ಟಲ್ಗಳು, ಮಾರ್ಕೆಟ್ಪ್ಲೇಸ್ ಪಟ್ಟಿಗಳು, ಮತ್ತು OG ಸಾಮಾಜಿಕ ಕಾರ್ಡ್ಗಳು ಎಲ್ಲವೂ ನಿರ್ದಿಷ್ಟ ಪಿಕ್ಸೆಲ್ ಗಾತ್ರ ಬಯಸುತ್ತವೆ: Open Graph ಪೂರ್ವವೀಕ್ಷಣೆಗೆ 1200×630, ಆಪ್ ಐಕಾನ್ಗೆ 512×512, ಥಂಬ್ನೈಲ್ಗೆ 150×150. ಸಂಖ್ಯೆಯನ್ನು ನಿಖರವಾಗಿ ಹೊಡೆಯಿರಿ ಮತ್ತು ತಿರಸ್ಕೃತ-ಅಪ್ಲೋಡ್ ಲೂಪ್ ಅನ್ನು ತಪ್ಪಿಸಿ.
- ಇಮೇಲ್ ಮತ್ತು ಚಾಟ್ ಟೂಲ್ಗಳು ದೊಡ್ಡ ಯಾವುದನ್ನಾದರೂ ಮೌನವಾಗಿ ಮರು-ಸಂಕುಚಿಸುತ್ತವೆ, ಇದು ಒಂದು ಶುದ್ಧ ಸ್ಕ್ರೀನ್ಶಾಟ್ ಅನ್ನು ಹಾಳುಮಾಡಬಹುದು. ನೀವೇ ಒಂದು ಸೂಕ್ತ ಅಗಲಕ್ಕೆ ರೀಸೈಜ್ ಮಾಡುವುದು ಫಲಿತಾಂಶವನ್ನು ಊಹಿಸಬಹುದಾಗಿ ಇಡುತ್ತದೆ, ಬೇರೆಯವರ ನಷ್ಟಸಹಿತ ಪೈಪ್ಲೈನ್ಗೆ ಬಿಡುವ ಬದಲು.
- ಗ್ಯಾಲರಿಗಳು ಮತ್ತು ಕ್ಯಾಟಲಾಗ್ಗಳಿಗೆ ಬ್ಯಾಚ್ ಸ್ಥಿರತೆ ಮುಖ್ಯ. ಮಿಶ್ರ-ಗಾತ್ರದ ಫೋಟೋಗಳ ಫೋಲ್ಡರ್ ಅನ್ನು ಒಂದೇ 800×800 ಗುರಿಯ ಮೂಲಕ ಚಲಾಯಿಸುವುದೆಂದರೆ ಪ್ರತಿ ಕಾರ್ಡ್ ಗ್ರಿಡ್ನಲ್ಲಿ ಸಾಲಾಗಿ ಜೋಡಣೆಯಾಗುತ್ತದೆ, ಯಾವ ಅಲೆದಾಡುವ ಬೃಹತ್ ಚಿತ್ರವೂ ಲೇಔಟ್ ಮುರಿಯದೆ.
ಸಾಮಾನ್ಯ ಅನ್ವಯಗಳು
ಮೂಲ ಆಯಾಮಗಳು ಮತ್ತು ಗಂತವ್ಯದ ನಿರೀಕ್ಷೆಗಳು ಹೊಂದಿಕೆಯಾಗದಿದ್ದಾಗಲೆಲ್ಲಾ ರೀಸೈಜಿಂಗ್ ಬರುತ್ತದೆ. ಮೂರು ಮಾದರಿಗಳು ಮತ್ತೆ ಮತ್ತೆ ಕಾಣಿಸುತ್ತವೆ.
- ಒಂದು Shopify ಅಥವಾ WooCommerce ಸ್ಟೋರ್ಗಾಗಿ ಉತ್ಪನ್ನ ಫೋಟೋ ಸಿದ್ಧಪಡಿಸುವುದು. 4000-ಪಿಕ್ಸೆಲ್ ಕ್ಯಾಮೆರಾ ಮೂಲಗಳ ಫೋಲ್ಡರ್ ಅನ್ನು 1600 px ಉದ್ದದ ಬದಿಗೆ ಮಿತಿಗೊಳಿಸಲಾಗುತ್ತದೆ, ಇದರಿಂದ ಸ್ಟೋರ್ಫ್ರಂಟ್ ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ, ಆದರೆ ಆಸ್ಪೆಕ್ಟ್ ರೇಶಿಯೋ ಮುಟ್ಟದೆ ಉಳಿದು ಯಾವುದೂ ಎಳೆದಂತೆ ಕಾಣಿಸುವುದಿಲ್ಲ.
- ಒಂದು ಮಾಸ್ಟರ್ ಫೈಲ್ನಿಂದ ಸಾಮಾಜಿಕ ಮತ್ತು ಆಪ್ ಆಸ್ತಿಗಳನ್ನು ರಚಿಸುವುದು. Open Graph ಕಾರ್ಡ್ಗೆ ನಿಖರ 1200×630 ಹೊಂದಿಸಿ, ನಂತರ ಆಪ್ ಐಕಾನ್ಗೆ 512×512, ಭಾರವಾದ ಎಡಿಟರ್ ತೆರೆಯದೆ ಪ್ರತಿಯೊಂದನ್ನೂ ಕೆಲವು ಕ್ಲಿಕ್ಗಳಲ್ಲಿ ಎಕ್ಸ್ಪೋರ್ಟ್ ಮಾಡಿ.
- ಒಂದು ಟಿಕೆಟ್ಗೆ ಲಗತ್ತಿಸುವ ಮೊದಲು QA ಅಥವಾ ಬೆಂಬಲ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳ ಬ್ಯಾಚ್ ಅನ್ನು ಕುಗ್ಗಿಸುವುದು. 50-ಶಾಟ್ ಫೋಲ್ಡರ್ ಅನ್ನು 50% ಗೆ ಸ್ಕೇಲ್ ಮಾಡುವುದು bug tracker ಗೆ ಹೋಗುವ ಮೊದಲು ಆರ್ಕೈವ್ ಗಾತ್ರವನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಸುಮಾರು ಮುಕ್ಕಾಲು ಭಾಗ ಕಡಿಮೆ ಮಾಡುತ್ತದೆ.
ಒಂದು ಪ್ರಾಯೋಗಿಕ ಉದಾಹರಣೆ: 4000 px ಫೋಟೋದಿಂದ 1600 px ವೆಬ್ ಚಿತ್ರ
ಫೋನ್ನಿಂದ ನೇರವಾಗಿ ಬರುವ 4000×3000 ಫೋಟೋ ಯಾವುದೇ ವೆಬ್ ಲೇಔಟ್ಗೆ ಬೇಕಾದ್ದಕ್ಕಿಂತ ಬಹಳ ದೊಡ್ಡದಾದ ಸಾಮಾನ್ಯ ಪೇಲೋಡ್. ರೀಸೈಜಿಂಗ್ ಏನು ಉಳಿಸುತ್ತದೆ ಎಂಬುದಕ್ಕೆ ಇದು ಒಂದು ನ್ಯಾಯಯುತ ಮಾನದಂಡ.
ಫೋಟೋವನ್ನು ಅಪ್ಲೋಡ್ ಝೋನ್ಗೆ ಡ್ರಾಪ್ ಮಾಡಿ, ಮೋಡ್ ಅನ್ನು ಉದ್ದದ ಬದಿಯನ್ನು ಮಿತಿಗೊಳಿಸಿ ನಲ್ಲೇ ಬಿಡಿ, ಮತ್ತು ಮೌಲ್ಯವನ್ನು 1600 ಗೆ ಹೊಂದಿಸಿ. Canvas ಪೈಪ್ಲೈನ್ ಚಿತ್ರವನ್ನು ಆಸ್ಪೆಕ್ಟ್ ರೇಶಿಯೋ ಕಾಯ್ದುಕೊಂಡು 1600×1200 ನಲ್ಲಿ ಮರು-ಚಿತ್ರಿಸಿ, ನಂತರ ಮೂಲ ಫಾರ್ಮ್ಯಾಟ್ನಲ್ಲಿ ಮರು-ಎನ್ಕೋಡ್ ಮಾಡುತ್ತದೆ. ಔಟ್ಪುಟ್ ಕಾರ್ಡ್ ಹೊಸ ಆಯಾಮಗಳು ಮತ್ತು ಫೈಲ್ ಗಾತ್ರ ತೋರಿಸುತ್ತದೆ, ಇದು ಸಾಮಾನ್ಯ JPEG ಗೆ ಹಲವಾರು ಮೆಗಾಬೈಟ್ಗಳಿಂದ ಕೆಲವು ನೂರು ಕಿಲೋಬೈಟ್ಗಳಿಗೆ ಇಳಿಯುತ್ತದೆ. ಒಂದೇ ಫೈಲ್ ಪಡೆಯಲು ಕಾರ್ಡ್ನಲ್ಲಿ Download ಕ್ಲಿಕ್ ಮಾಡಿ, ಅಥವಾ ನೀವು ಒಮ್ಮೆಗೇ ಹಲವು ಚಿತ್ರಗಳನ್ನು ರೀಸೈಜ್ ಮಾಡಿದರೆ Download .zip ಕ್ಲಿಕ್ ಮಾಡಿ. ಡ್ರಾಪ್ನಿಂದ ಡೌನ್ಲೋಡ್ವರೆಗಿನ ಇಡೀ ರೌಂಡ್-ಟ್ರಿಪ್ ಒಂದು ಸೆಕೆಂಡ್ನ ಒಂದು ಭಾಗದಲ್ಲಿ ಚಲಿಸುತ್ತದೆ ಮತ್ತು ಪುಟ ಲೋಡ್ ಮುಗಿದ ನಂತರ ಶೂನ್ಯ ಬ್ಯಾಂಡ್ವಿಡ್ತ್ ಬಳಸುತ್ತದೆ.
ಯಾವ ರೀಸೈಜ್ ಮೋಡ್ಗಳು ಲಭ್ಯವಿವೆ?
ಮೂರು. ಉದ್ದದ ಬದಿಯನ್ನು ಮಿತಿಗೊಳಿಸಿ ಅಗಲ ಅಥವಾ ಎತ್ತರದಲ್ಲಿ ಉದ್ದದ್ದನ್ನು ಒಂದು ಪಿಕ್ಸೆಲ್ ಮೌಲ್ಯಕ್ಕೆ ಮಿತಿಗೊಳಿಸಿ ಇನ್ನೊಂದು ಬದಿಯನ್ನು ಹೊಂದಿಸಲು ಸ್ಕೇಲ್ ಮಾಡುತ್ತದೆ, ಇದು ಸುರಕ್ಷಿತ ಡೀಫಾಲ್ಟ್ ಏಕೆಂದರೆ ಇದು ಎಂದಿಗೂ ವಿರೂಪಗೊಳಿಸುವುದಿಲ್ಲ. ನಿಖರ ಅಗಲ × ಎತ್ತರ ನಿಮಗೆ ಎರಡೂ ಸಂಖ್ಯೆಗಳನ್ನು ಟೈಪ್ ಮಾಡಲು ಬಿಡುತ್ತದೆ, ನೀವು ಮೊದಲನೆಯದನ್ನು ಸಂಪಾದಿಸಿದಂತೆ ಎರಡನೇ ಫೀಲ್ಡ್ ಅನ್ನು ಮೂಲ ಅನುಪಾತದಿಂದ ಮರು-ಲೆಕ್ಕಿಸುವ ಆಸ್ಪೆಕ್ಟ್-ರೇಶಿಯೋ ಲಾಕ್ ಜೊತೆಗೆ — ಒಂದು ಫಾರ್ಮ್ ನಿಖರ ಅ-ಅನುಪಾತೀಯ ಗಾತ್ರ ಬೇಡಿದಾಗ ಲಾಕ್ ಆಫ್ ಮಾಡಿ. ಶೇಕಡಾವಾರು ಪ್ರಕಾರ ಸ್ಕೇಲ್ ಎರಡೂ ಆಯಾಮಗಳನ್ನು ಒಂದೇ ಗುಣಕದಿಂದ ಗುಣಿಸುತ್ತದೆ, ಇಡೀ ಬ್ಯಾಚ್ ಅನ್ನು ಒಮ್ಮೆಗೇ ಅರ್ಧ ಅಥವಾ ಎರಡರಷ್ಟು ಮಾಡಲು ಅನುಕೂಲ. ಆರು ಒಂದು-ಕ್ಲಿಕ್ ಪ್ರೀಸೆಟ್ಗಳು (1920×1080 ರಿಂದ 150×150 ಥಂಬ್ನೈಲ್ ವರೆಗೆ) ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ಗುರಿಗಳನ್ನು ಒಳಗೊಳ್ಳುತ್ತವೆ.
ಇದು ನನ್ನ ಸಾಧನದಲ್ಲಿ ಆಗುತ್ತದೆಯೇ?
ಹೌದು, ಸಂಪೂರ್ಣ. ಪುಟ ಪ್ರತಿ ಚಿತ್ರವನ್ನು ಮೆಮೊರಿಯಲ್ಲಿ ಡಿಕೋಡ್, ಮರು-ಚಿತ್ರಿಸಲು ಮತ್ತು ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಲು ಬ್ರೌಸರ್ನ ನೇಟಿವ್ Canvas API ಮತ್ತು Web File API ಬಳಸುತ್ತದೆ. ಯಾವುದೇ ಚಿತ್ರ ಡೇಟಾ ಸರ್ವರ್ಗೆ ಕಳುಹಿಸಲ್ಪಡುವುದಿಲ್ಲ, ತಾತ್ಕಾಲಿಕ ಅಪ್ಲೋಡ್ ಇಲ್ಲ, ಕ್ಲೌಡ್ ರೌಂಡ್-ಟ್ರಿಪ್ ಇಲ್ಲ. ನೀವೇ ಪರಿಶೀಲಿಸಬಹುದು: DevTools ತೆರೆದು, Network ಪ್ಯಾನೆಲ್ಗೆ ಬದಲಾಯಿಸಿ, ಒಂದು ರೀಸೈಜ್ ಚಲಾಯಿಸಿ. ನೀವು ನೋಡುವ ಏಕೈಕ ಔಟ್ಬೌಂಡ್ ರಿಕ್ವೆಸ್ಟ್ಗಳು ಮೊದಲ ಪುಟ ಲೋಡ್ ಮತ್ತು ad calls. ಚಿತ್ರ ಆಕಾರದ ಯಾವುದೂ ಟ್ಯಾಬ್ ಬಿಡುವುದಿಲ್ಲ, ಇದು ಸ್ಕ್ಯಾನ್ ಮಾಡಿದ ID, ವೈದ್ಯಕೀಯ ಚಿತ್ರಗಳು, ಮತ್ತು ನೀವು ಎಂದಿಗೂ ಅಪ್ಲೋಡ್ ಮಾಡಲು ಬಯಸದ ಇತರ ಸಾಮಗ್ರಿಗೆ ಇದನ್ನು ಸುರಕ್ಷಿತಗೊಳಿಸುತ್ತದೆ.
ರೀಸೈಜಿಂಗ್ ಗುಣಮಟ್ಟವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆಯೇ?
ಒಂದು ಚಿತ್ರವನ್ನು ಕುಗ್ಗಿಸುವುದು (ಡೌನ್ಸ್ಕೇಲ್) ಅತ್ಯುತ್ತಮವಾಗಿ ಕಾಣಿಸುತ್ತದೆ — ಬ್ರೌಸರ್ ಮೂಲ ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಕಡಿಮೆ ಪಿಕ್ಸೆಲ್ಗಳಾಗಿ ಸರಾಸರಿ ಮಾಡುತ್ತದೆ, ಆದ್ದರಿಂದ ವಿವರ ಸ್ಪಷ್ಟವಾಗಿ ಉಳಿದು ಫೈಲ್ ಬಹಳ ಚಿಕ್ಕದಾಗುತ್ತದೆ. ಮೂಲ ರೆಸಲ್ಯೂಶನ್ಗಿಂತ ದೊಡ್ಡದಾಗಿಸುವುದು (ಅಪ್ಸ್ಕೇಲ್) ಎಂದಿಗೂ ಸೆರೆಹಿಡಿಯದ ವಿವರವನ್ನು ಸೃಷ್ಟಿಸಲಾಗದು, ಆದ್ದರಿಂದ ದೊಡ್ಡದಾಗಿಸಿದ ಚಿಕ್ಕ ಚಿತ್ರ ಮೃದುವಾಗಿ ಕಾಣಿಸುತ್ತದೆ; ಅದು ಪ್ರತಿ ರೀಸೈಜರ್ನ ಮಿತಿ, ಈ ಒಂದರದ್ದು ಮಾತ್ರ ಅಲ್ಲ. ಔಟ್ಪುಟ್ ಮೂಲ ಫಾರ್ಮ್ಯಾಟ್ ಇಡುತ್ತದೆ: PNG ನಷ್ಟರಹಿತವಾಗಿ ಉಳಿಯುತ್ತದೆ, ಆದರೆ JPEG ಮತ್ತು WebP ಉನ್ನತ ಗುಣಮಟ್ಟ ಸೆಟ್ಟಿಂಗ್ನಲ್ಲಿ ಮರು-ಎನ್ಕೋಡ್ ಆಗಿ ಮೂಲದಿಂದ ಗೋಚರ ವ್ಯತ್ಯಾಸ ಗುರುತಿಸುವುದು ಕಷ್ಟವಾಗುತ್ತದೆ.
ಇದು ಯಾವ ಫೈಲ್ ಫಾರ್ಮ್ಯಾಟ್ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ?
ಇನ್ಪುಟ್ ಬದಿಯಲ್ಲಿ, ಬ್ರೌಸರ್ ಡಿಕೋಡ್ ಮಾಡಬಲ್ಲ ಯಾವುದೇ ಫಾರ್ಮ್ಯಾಟ್ ಸ್ವೀಕಾರಾರ್ಹ: PNG, JPEG, WebP, GIF ಮತ್ತು BMP ಒಂದು ಫೋನ್, ಕ್ಯಾಮೆರಾ, ಅಥವಾ ಸ್ಕ್ರೀನ್ಶಾಟ್ ಟೂಲ್ ತಯಾರಿಸುವ ಬಹುತೇಕ ಎಲ್ಲಾ ಫೈಲ್ಗಳನ್ನು ಒಳಗೊಳ್ಳುತ್ತವೆ. ಔಟ್ಪುಟ್ Canvas ಎನ್ಕೋಡರ್ ಬೆಂಬಲಿಸುವಲ್ಲೆಲ್ಲಾ ಮೂಲ ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು ಕಾಯ್ದುಕೊಳ್ಳುತ್ತದೆ — PNG, JPEG ಮತ್ತು WebP ನೇರವಾಗಿ round-trip ಆಗುತ್ತವೆ. Canvas API ಡಿಕೋಡ್ ಮಾಡಬಲ್ಲ ಆದರೆ ಮರು-ಎನ್ಕೋಡ್ ಮಾಡಲಾಗದ GIF ಮತ್ತು BMP, ಬದಲಿಗೆ ನಷ್ಟರಹಿತ PNG ಆಗಿ ಉಳಿಸಲ್ಪಡುತ್ತವೆ. ರೀಸೈಜ್ ಮಾಡಿದ ಫೈಲ್ಹೆಸರಿನಲ್ಲಿ ಹೊಸ ಆಯಾಮಗಳಿರುತ್ತವೆ (ಉದಾಹರಣೆಗೆ photo-1600x1200.jpg) ಇದರಿಂದ ಬ್ಯಾಚ್ ವಿಂಗಡಿಸಲು ಸುಲಭವಾಗಿ ಉಳಿಯುತ್ತದೆ.
ನಿಮ್ಮ ಚಿತ್ರಗಳನ್ನು ಡ್ರಾಪ್ ಮಾಡಿ, ಒಂದು ಗಾತ್ರ ಆಯ್ಕೆ ಮಾಡಿ, ರೀಸೈಜ್ ಮಾಡಿ. ಎಲ್ಲವೂ ನಿಮ್ಮ ಟ್ಯಾಬ್ನಲ್ಲಿ ಚಲಿಸುತ್ತದೆ. ಅಪ್ಲೋಡ್ ಇಲ್ಲ, ಖಾತೆ ಇಲ್ಲ, ಸರ್ವರ್ ಸರದಿ ಕಾಯುವಿಕೆ ಇಲ್ಲ.