ಉಚಿತ ಇಮೇಜ್ ಫಾರ್ಮ್ಯಾಟ್ ಪರಿವರ್ತಕ

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

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

1. 1
   ಚಿತ್ರವನ್ನು ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಡಿಕೋಡ್ ಮಾಡಲಾಗಿದೆ

   ಪ್ರತಿ ಫೈಲ್ ಅನ್ನು ಸ್ಥಳೀಯ ಆಬ್ಜೆಕ್ಟ್ URL ಮೂಲಕ HTMLImageElement ಗೆ ಲೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ಡಿಕೋಡ್ ಆದ ನಂತರ, ಪಿಕ್ಸೆಲ್ ಡೇಟಾವನ್ನು ಔಟ್‌ಪುಟ್ ಆಯಾಮಗಳಿಗೆ ಗಾತ್ರ ಮಾಡಿದ ಪರದೆಯ-ಹೊರಗಿನ ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಎಳೆಯಲಾಗುತ್ತದೆ — ಗರಿಷ್ಠ-ಅಗಲ ಹೊಂದಿಸಿದ್ದರೆ ಆಸ್ಪೆಕ್ಟ್ ಅನುಪಾತವನ್ನು ಸಂರಕ್ಷಿಸುತ್ತದೆ.
2. 2
   ಎನ್‌ಕೋಡಿಂಗ್ ಮೊದಲು JPEG ಪಾರದರ್ಶಕತೆ ನಿರ್ವಹಿಸಲಾಗಿದೆ

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

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

   ಎನ್‌ಕೋಡ್ ಮಾಡಿದ blob ಅನ್ನು ತಕ್ಷಣ ಮುನ್ನೋಟ ಮತ್ತು ಡೌನ್‌ಲೋಡ್‌ಗಾಗಿ ಸ್ಥಳೀಯ ಆಬ್ಜೆಕ್ಟ್ URL ನಲ್ಲಿ ಸುತ್ತಲಾಗುತ್ತದೆ. ಬಹು ಫೈಲ್‌ಗಳಿಗೆ, ಡೌನ್‌ಲೋಡ್ ಪ್ರಚೋದಿಸುವ ಮೊದಲು JSZip ಅವುಗಳನ್ನು ಬ್ರೌಸರ್-ಒಳಗಿನ ZIP ಆಗಿ ಬಂಡಲ್ ಮಾಡುತ್ತದೆ.

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