ಉಚಿತ ಇಮೇಜ್ ರೀಸೈಜರ್

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಗಾತ್ರ ಬದಲಾವಣೆ Canvas API ಬಳಸಿ ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನಡೆಯುತ್ತದೆ — Chrome, Firefox, ಮತ್ತು Safari ಗೆ ನಿರ್ಮಿಸಲಾದ ಅದೇ ರೆಂಡರಿಂಗ್ ಇಂಜಿನ್. ನಿಮ್ಮ ಚಿತ್ರವನ್ನು ಹೊಸ ಆಯಾಮಗಳಲ್ಲಿ ಪರದೆಯ-ಹೊರಗಿನ ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಎಳೆದು ಸ್ಥಳೀಯವಾಗಿ ಮರುಎನ್‌ಕೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ; ಏನೂ ನಿಮ್ಮ ಸಾಧನ ಬಿಟ್ಟು ಹೋಗುವುದಿಲ್ಲ.

1. 1
   ಬ್ರೌಸರ್ ಚಿತ್ರವನ್ನು ಡಿಕೋಡ್ ಮಾಡುತ್ತದೆ

   ನೀವು ಫೈಲ್ ಡ್ರಾಪ್ ಅಥವಾ ಆಯ್ಕೆ ಮಾಡಿದಾಗ, ಬ್ರೌಸರ್ ಚಿತ್ರವನ್ನು (JPEG, PNG, WebP, AVIF, ಅಥವಾ GIF) HTMLImageElement ಮೂಲಕ ಕಚ್ಚಾ ಪಿಕ್ಸೆಲ್ ಡೇಟಾಗೆ ಡಿಕೋಡ್ ಮಾಡುತ್ತದೆ. ಮೂಲ ಪಿಕ್ಸೆಲ್ ಆಯಾಮಗಳನ್ನು ಓದಿ ಅಗಲ ಮತ್ತು ಎತ್ತರ ಕ್ಷೇತ್ರಗಳನ್ನು ಮೊದಲೇ ತುಂಬಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.
2. 2
   Canvas ಹೊಸ ಗಾತ್ರದಲ್ಲಿ ಮರುಎಳೆಯುತ್ತದೆ

   Resize ಕ್ಲಿಕ್ ಮಾಡುವುದು ಪರದೆಯ-ಹೊರಗಿನ HTMLCanvasElement ಅನ್ನು ನಿಮ್ಮ ಆಯ್ಕೆ ಮಾಡಿದ ಅಗಲ ಮತ್ತು ಎತ್ತರಕ್ಕೆ ಹೊಂದಿಸುತ್ತದೆ, ನಂತರ ಪ್ರತಿ ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಹೊಸ ಆಯಾಮಗಳಿಗೆ ಪ್ರಮಾಣಿಸಿ ಚಿತ್ರಿಸಲು ctx.drawImage() ಕರೆಯುತ್ತದೆ. JPEG ಔಟ್‌ಪುಟ್‌ಗೆ, ಪಾರದರ್ಶಕ ಪ್ರದೇಶಗಳು ಕಪ್ಪಾಗದಂತೆ ಮೊದಲು ಬಿಳಿ ಹಿನ್ನೆಲೆ ಫಿಲ್ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ.
3. 3
   canvas.toBlob() ಔಟ್‌ಪುಟ್ ಅನ್ನು ಎನ್‌ಕೋಡ್ ಮಾಡುತ್ತದೆ

   ಬ್ರೌಸರ್‌ನ ಅಂತರ್ನಿರ್ಮಿತ canvas.toBlob() ವಿಧಾನ ನೀವು ಹೊಂದಿಸಿದ ಗುಣಮಟ್ಟ ಮಟ್ಟದಲ್ಲಿ ಪಿಕ್ಸೆಲ್ ಡೇಟಾವನ್ನು JPEG, PNG, ಅಥವಾ WebP ಗೆ ಎನ್‌ಕೋಡ್ ಮಾಡುತ್ತದೆ. ನೀವು ಗುರಿ ಫೈಲ್ ಗಾತ್ರ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ್ದರೆ, 7-ಪುನರಾವರ್ತನೆಯ ಬೈನರಿ ಹುಡುಕಾಟ ಔಟ್‌ಪುಟ್ ಆ ಗಾತ್ರಕ್ಕೆ ಅಥವಾ ಅದಕ್ಕಿಂತ ಕಡಿಮೆ ಹೊಂದುವವರೆಗೆ ಗುಣಮಟ್ಟ ಪ್ಯಾರಾಮೀಟರ್ ಅನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಹೊಂದಿಸುತ್ತದೆ.
4. 4
   ಫಲಿತಾಂಶ ಸ್ಥಳೀಯವಾಗಿ ಮುನ್ನೋಟಗೊಳಿಸಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಲಾಗಿದೆ

   ಎನ್‌ಕೋಡ್ ಮಾಡಿದ Blob ಅನ್ನು ಮುನ್ನೋಟ ಪ್ಯಾನೆಲ್‌ಗಾಗಿ ಆಬ್ಜೆಕ್ಟ್ URL ಆಗಿ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ — ಯಾವುದೇ ಸರ್ವರ್ ರೌಂಡ್-ಟ್ರಿಪ್ ಇಲ್ಲ. ಡೌನ್‌ಲೋಡ್ ಕ್ಲಿಕ್ ಮಾಡುವುದು ಅಂತಿಮ ಪಿಕ್ಸೆಲ್ ಆಯಾಮಗಳನ್ನು ಒಳಗೊಂಡ ಫೈಲ್‌ಹೆಸರಿನೊಂದಿಗೆ ಸ್ಥಳೀಯ ಉಳಿತಾಯ ಪ್ರಚೋದಿಸುತ್ತದೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು