Image Optimization
Image Optimization (Web Performance)
विज़ुअल गुणवत्ता बनाए रखते हुए वेब पेज पर इमेज के फ़ाइल आकार को कम करने की तकनीकों का संग्रह, जिससे तेज़ लोड समय और कम बैंडविड्थ उपयोग होता है।
तकनीकी विवरण
ऑप्टिमाइज़ेशन तकनीकों में शामिल हैं: फ़ॉर्मेट चयन (AVIF > WebP > JPEG फ़ोटो के लिए; SVG > PNG ग्राफ़िक्स के लिए), लॉसी कम्प्रेशन गुणवत्ता ट्यूनिंग (JPEG 75-85 आमतौर पर इष्टतम), मेटाडेटा स्ट्रिपिंग (EXIF, ICC प्रोफ़ाइल), लेज़ी लोडिंग (loading="lazy"), रिस्पॉन्सिव इमेज (srcset), CDN डिलीवरी और ऑटोमैटिक फ़ॉर्मेट नेगोशिएशन (Accept हेडर के माध्यम से)।
उदाहरण
```javascript
// Image compression via Canvas
canvas.toBlob(
blob => console.log(`Size: ${(blob.size/1024).toFixed(0)} KB`),
'image/jpeg',
0.8 // quality: 0.0 (smallest) to 1.0 (best)
);
// WebP output (25-34% smaller than JPEG)
canvas.toBlob(cb, 'image/webp', 0.8);
```
संबंधित टूल्स
C
Compress Image
R
Resize Image
C
Crop Image
R
Rotate Image
F
Flip Image
C
Convert Image
W
Watermark Image
S
SVG to PNG
I
Image to Base64
R
Round Corners
A
Add Border
I
Image Filters
A
Adjust Image
B
Blur Image
S
Sharpen Image
M
Make Square
ग
ग्रेस्केल इमेज
स
सीपिया इमेज
प
पिक्सेलेट इमेज
इ
इमेज मेटाडेटा स्ट्रिप