छवि कम्प्रेसर

JPEG, PNG और WebP छवियों को 80% तक छोटा संपीड़ित करें। तुरंत परिणाम, किसी भी सर्वर पर अपलोड नहीं।

100% क्लाइंट-साइड · आपकी फ़ाइलें आपके डिवाइस से कभी नहीं जातीं
यहाँ छवियाँ छोड़ें या ब्राउज़ करने के लिए क्लिक करें

JPEG, PNG और WebP का समर्थन करता है · प्रत्येक 50 MB तक

सेटिंग्स
60%

यह कैसे काम करता है

  1. ऊपर एक या अधिक छवियाँ चुनें या छोड़ें।
  2. गुणवत्ता स्लाइडर समायोजित करें (कम = छोटी फ़ाइल, अधिक संपीड़न)।
  3. छवियाँ संपीड़ित होती हैं आपके ब्राउज़र में · कुछ भी अपलोड नहीं होता।
  4. संपीड़ित छवियों को अलग-अलग या एक साथ डाउनलोड करें।

छवियों को क्यों संपीड़ित करें?

बड़ी छवियाँ वेबसाइटों को धीमा करती हैं, बाउंस दर बढ़ाती हैं और आपकी Google रैंकिंग को नुकसान पहुँचाती हैं। छवियों को संपीड़ित करने से न्यूनतम दृश्य गुणवत्ता हानि के साथ फ़ाइल का आकार 50-80% तक कम हो जाता है। यह वेब डेवलपर्स, ब्लॉगर्स, ई-कॉमर्स स्टोर्स और ऑनलाइन सामग्री प्रकाशित करने वाले किसी भी व्यक्ति के लिए आवश्यक है। छोटी छवियाँ मोबाइल उपकरणों पर बैंडविड्थ भी बचाती हैं और Core Web Vitals स्कोर को बेहतर बनाती हैं।

«छवि संपीड़न» का असली अर्थ क्या है

छवि संपीड़न दो मौलिक रूप से भिन्न क्रियाओं को समेटता है जो एक ही नाम साझा करती हैं। हानिकारक संपीड़न, जिसका उपयोग JPEG और हानिकारक WebP करते हैं, उन छवि-डेटा को त्यागता है जिन्हें मानवीय आँख देख पाने की संभावना नहीं रखती (छाया में सूक्ष्म ग्रेडेशन, उच्च-आवृत्ति शोर, मानव-दृष्टि के अनुकूल वर्ण-बनाम-चमक अनुपात के लिए क्रोमा-सबसैम्पलिंग)। आउटपुट इनपुट से छोटा होता है पर बिट-दर-बिट पुनर्निर्माण नहीं किया जा सकता। निर्बाध संपीड़न, जिसका उपयोग PNG, GIF, TIFF-LZW और निर्बाध WebP करते हैं, सटीक पिक्सेल-डेटा को DEFLATE (LZ77 + हफमैन) जैसे एल्गोरिथ्मों से अधिक संक्षिप्त रूप में कूटबद्ध करता है। आउटपुट छोटा होता है और विसंपीड़न मूल को बाइट-दर-बाइट पुनरुत्पन्न करता है। कौन सही है यह छवि पर निर्भर करता है: फ़ोटोग्राफ़ हानिकारक संपीड़न को बहुत अच्छी तरह झेलती हैं क्योंकि उनकी सामग्री बनावट से भरी होती है जिसे आँख पिक्सेल-स्तर पर नहीं पकड़ती; जबकि लोगो, स्क्रीनशॉट और तीखे रंग-संक्रमण वाले ग्राफ़िक्स निर्बाध संपीड़न मांगते हैं क्योंकि हर पिक्सेल जानबूझकर रखा गया है।

JPEG संपीड़क में गुणवत्ता सेटिंग्स (इस उपकरण का स्लाइडर, 10-100%) DCT चरण के बाद लागू क्वांटाइज़ेशन तालिकाओं को नियंत्रित करती हैं। गुणवत्ता 100 पर तालिकाएँ शायद ही किसी आवृत्ति-गुणांक को पूर्णांकित करती हैं; गुणवत्ता 50 पर वे आक्रामक रूप से पूर्णांकित करती हैं। अधिक गुणवत्ता का अर्थ है बड़ी फ़ाइलें और बारीक विवरण; कम गुणवत्ता का अर्थ है छोटी फ़ाइलें और समतल क्षेत्रों में दिखाई देने वाले ब्लॉक-आकार के विरूपण। डिफ़ॉल्ट 60% वेब-उपयोग के लिए मीठे स्थान पर बैठता है: सामान्यतः फ़ाइल आकार में 50 से 80% की कमी और किसी सामान्य स्क्रीन पर कोई अनुभूत बदलाव नहीं। प्रिंट या बड़ी-स्क्रीन के काम के लिए 80-90% तक बढ़ाएँ। थंबनेल या मेल-अनुकूल संस्करण के लिए 30-50% ठीक है।

PNG के लिए «गुणवत्ता» स्लाइडर सामान्य अर्थ में लागू नहीं होता क्योंकि PNG हमेशा निर्बाध है। यह उपकरण PNG इनपुट पर वास्तव में जो करता है वह है अधिकांश रचना-सॉफ़्टवेयर (Photoshop, Affinity, Sketch) की डिफ़ॉल्ट से अधिक मज़बूत DEFLATE पास चलाना; यह आम तौर पर बिना किसी पिक्सेल-बदलाव के 5 से 25% तक फ़ाइल आकार बचा लेता है। Format ड्रॉपडाउन PNG को JPEG या WebP में बदलने भी देता है, जो बहुत छोटी फ़ाइल के बदले निर्बाधता का सौदा करता है पर JPEG आउटपुट के लिए पारदर्शिता खो देता है और (फ़ोटोग्राफ़िक सामग्री के लिए) WebP की निर्बाधता-गारंटी खो देता है। Max Width विकल्प संपीड़न के दौरान छवि का आकार बदलता है: 4000 पिक्सेल चौड़ी एक फ़ोटो को 1920 पिक्सेल पर लाने से किसी भी संपीड़न के चलने से पहले ही कच्चे पिक्सेल-गिनती में 75% की बचत होती है, और यह गुणवत्ता-कमी के साथ जुड़ जाती है।

यह उपकरण भीतर से कैसे काम करता है

संपीड़न-इंजन है Donald Wong का browser-image-compression (GitHub: Donaldcwl/browser-image-compression, MIT लाइसेंस)। यह एक शुद्ध JavaScript लाइब्रेरी है, मिनिफ़ाइड लगभग 95 KB, जो ब्राउज़र के तीन आदिम-कार्यों को लपेटती है: बाइट पढ़ने के लिए File API, JPEG/WebP छवियों को डिकोड, रिसाइज़ और पुनः-एनकोड करने के लिए Canvas API (या उपलब्ध होने पर OffscreenCanvas), और PNG को बिना Canvas के संभालने के लिए UZIP (एक छोटी DEFLATE लाइब्रेरी)। जब आप कोई छवि गिराते हैं, ब्राउज़र बाइट लाइब्रेरी को सौंप देता है; लाइब्रेरी इनपुट-फ़ॉर्मेट और अनुरोधित आउटपुट के आधार पर रास्ता चुनती है।

JPEG और WebP इनपुट के लिए रास्ता है: कैनवस पर डिकोड करना, वैकल्पिक रूप से कॉन्फ़िगर की गई Max Width पर रिसाइज़ करना, फिर canvas.toBlob(mimeType, गुणवत्ता/100) को कॉल करना। ब्राउज़र का अंतर्निहित JPEG या WebP एनकोडर असली क्वांटाइज़ेशन और हफमैन कोडिंग करता है। गुणवत्ता आपके स्लाइडर का मान 100 से विभाजित है, जिसे दूसरा तर्क बनाकर पास किया जाता है। PNG को PNG के रूप में बनाए रखने वाले इनपुट के लिए लाइब्रेरी Canvas को पूरी तरह छोड़ देती है (Canvas के माध्यम से एक दौर-यात्रा निर्बाध डेटा को व्यर्थ ही पुनः-रास्टराइज़ करेगी) और इसके बजाय PNG फ़ाइल के IDAT खंडों पर सीधे UZIP चलाती है, अधिकतम संपीड़न-प्रयास के साथ। यही कारण है कि यहाँ PNG-से-PNG संपीड़न वास्तव में निर्बाध है: पिक्सेल डेटा कभी डिकोड और पुनः-एनकोड नहीं होता, केवल DEFLATE आवरण को कसा जाता है।

जब OffscreenCanvas समर्थित है (आधुनिक Chrome, Edge, Safari, Firefox), तब भारी डिकोड-रिसाइज़-एनकोड का काम Web Worker के भीतर चलता है, जिससे मुख्य UI थ्रेड उत्तरदायी बनी रहती है। आप 20 तस्वीरों का बैच गिरा सकते हैं और हर एक के संसाधित होते समय पृष्ठ स्क्रॉल करते रह सकते हैं। पुराने ब्राउज़रों पर लाइब्रेरी मुख्य थ्रेड पर लौट आती है, जो काम तो करता है पर बड़े कार्यों के दौरान पृष्ठ को अवरुद्ध करता है। पूरी पाइपलाइन आपके टैब के भीतर चलती है। लाइब्रेरी पहली विज़िट पर CDN से एक बार लोड होती है (लगभग 95 KB मिनिफ़ाइड), बाद में कैश हो जाती है। फ़ाइल सामग्री कभी ब्राउज़र नहीं छोड़ती। एक बैच संपीड़न करते समय DevTools के नेटवर्क टैब को खोलें और आपको लाइब्रेरी की एक-बार फ़ेच दिखेगी, बाकी कुछ नहीं।

छवि-संपीड़न फ़ॉर्मेट का संक्षिप्त इतिहास

समर्थित प्रारूप

वास्तविक-दुनिया संपीड़न-प्रवाह

सामान्य अड़चनें और उनका अर्थ

गोपनीयता: छवियाँ आपके डिवाइस पर रहती हैं

हर क्लाउड छवि-संपीड़क (TinyPNG, Compressor.io, Optimizilla, Smallpdf के छवि-उपकरण, Pixlr का संपीड़न-एंडपॉइंट, और दर्जनों «ऑनलाइन छवि संपीड़ित करें» सेवाएँ) आपकी फ़ाइल को ऑपरेटर के सर्वर पर अपलोड करते हैं, अपने संपीड़न-एल्गोरिथ्म चलाते हैं, और छोटी छवि को डाउनलोड के रूप में लौटाते हैं। गोपनीयता-निहितार्थ साधारण नहीं हैं क्योंकि तस्वीरें नियमित रूप से पहचान-योग्य सामग्री समेटती हैं: चेहरे, पृष्ठभूमि में दिखने वाले पते, आंतरिक UI या गोपनीय दस्तावेज़ों के स्क्रीनशॉट, बच्चों की तस्वीरें, निजी स्थानों में ली गई तस्वीरें। अधिकांश ऑपरेटर एक-दो घंटे के भीतर मिटाने और परिवहन में एन्क्रिप्शन की प्रतिबद्धता वाली गोपनीयता-नीतियाँ प्रकाशित करते हैं, और बड़े (TinyPNG, Smallpdf) ISO/IEC 27001 प्रमाणन धारण करते हैं। उनके पास इनका पालन करने के मज़बूत व्यावसायिक कारण हैं। पर «एक घंटे में मिटाया गया» «कभी न देखा» के बराबर नहीं है। उस घंटे के दौरान छवि-सामग्री ऑपरेटर के बुनियादी ढाँचे में रहती है, उपयुक्त अनुमति वाले किसी भी प्रक्रिया या व्यक्ति के लिए सुलभ, और लागू प्रतिधारण-नीति के अनुसार लॉग और बैकअप में दृश्यमान।

यह संपीड़क कभी कुछ अपलोड नहीं करता। browser-image-compression लाइब्रेरी पूरी तरह आपके टैब में चलती है; छवि-बाइट File API द्वारा पढ़े जाते हैं, JavaScript (या OffscreenCanvas उपलब्ध होने पर Web Worker) में संसाधित होते हैं, और संपीड़ित आउटपुट डाउनलोड-योग्य Blob के रूप में उसी टैब में लौटाया जाता है। आप अपलोड न होने का सत्यापन एक बैच संपीड़न से पहले ब्राउज़र DevTools के Network टैब को खोलकर कर सकते हैं: आपकी छवि-सामग्री वाला कोई अनुरोध जारी नहीं होगा। एकमात्र नेटवर्क-यातायात है पहली विज़िट पर CDN से लाइब्रेरी (~95 KB) की एक-बार फ़ेच, जिसके बाद लाइब्रेरी कैश हो जाती है। पेज लोड होने के बाद ब्राउज़र को एयरप्लेन मोड में डालें और संपीड़क स्थानीय फ़ाइलों पर काम करता रहता है। संवेदनशील कुछ भी समेटने वाली तस्वीरों (चेहरे, स्थान, आंतरिक स्क्रीनशॉट) के लिए ब्राउज़र-पक्षीय सौदा स्पष्ट रूप से करने योग्य है।

जब दूसरा उपकरण सही चयन हो

अक्सर पूछे जाने वाले प्रश्न

क्या संपीड़न छवि की गुणवत्ता कम करता है?

डिफ़ॉल्ट 60% गुणवत्ता पर, अधिकांश छवियाँ मूल के लगभग समान दिखती हैं जबकि 50-80% छोटी होती हैं। अपनी आवश्यकताओं के लिए सही संतुलन खोजने के लिए स्लाइडर समायोजित करें।

क्या फ़ाइल आकार की कोई सीमा है?

प्रत्येक छवि 50 MB तक हो सकती है। चूंकि प्रसंस्करण आपके ब्राउज़र में होता है, बहुत बड़ी फ़ाइलों में आपके डिवाइस के आधार पर कुछ समय लग सकता है।

क्या मेरी छवियाँ किसी सर्वर पर अपलोड होती हैं?

नहीं। सारा संपीड़न आपके ब्राउज़र में स्थानीय रूप से होता है। आपकी छवियाँ कभी भी आपके डिवाइस से बाहर नहीं जातीं, जिससे यह पूरी तरह से निजी और सुरक्षित हो जाती है।

मुझे किस गुणवत्ता सेटिंग का उपयोग करना चाहिए?

वेब उपयोग के लिए, 60-70% आदर्श है। प्रिंट या पोर्टफोलियो के लिए, 80-90% आज़माएँ। अधिकतम संपीड़न (थंबनेल, ईमेल) के लिए, 30-50% अच्छी तरह काम करता है।

और भी सामान्य प्रश्न

मेरा PNG आउटपुट मूल से केवल थोड़ा छोटा क्यों है?

PNG निर्बाध है। बचत पूरी तरह वही पिक्सेल-डेटा के लिए कसा हुआ DEFLATE संपीड़न खोजने से आती है, जो आम तौर पर रचना-उपकरण (Photoshop, Sketch, Figma) के डिफ़ॉल्ट से 5-25% बचाती है। यदि आपकी PNG पहले से ही अच्छी तरह अनुकूलित थी, तो बहुत गुंजाइश नहीं बची। महत्वपूर्ण अतिरिक्त कमी के लिए या तो WebP में बदलें (जो पारदर्शिता रखता है और आम तौर पर PNG से 25% छोटा होता है), या JPEG में बदलने पर कुछ हानि स्वीकार करें (जो बहुत छोटा हो सकता है पर पारदर्शिता हटाता है)।

क्या यह उपकरण ऑफ़लाइन काम करता है?

पहली विज़िट के बाद, हाँ। browser-image-compression लाइब्रेरी (लगभग 95 KB मिनिफ़ाइड) पहली बार लोड होने पर ब्राउज़र द्वारा कैश की जाती है। बाद की विज़िट में संपीड़क बिना नेटवर्क-कनेक्शन के काम करता है, बशर्ते ब्राउज़र-कैश बीच में साफ़ न हुआ हो। आप पेज एक बार खोलने के बाद एयरप्लेन मोड चालू करके और किसी स्थानीय छवि को संपीड़ित करके सत्यापित कर सकते हैं।

क्या मेरा EXIF डेटा (कैमरा, GPS, कैप्चर-तिथि) सुरक्षित रहेगा?

नहीं, EXIF मेटाडेटा संपीड़न के दौरान डिफ़ॉल्ट रूप से हटा दिया जाता है। वेब-साझाकरण के लिए यह आम तौर पर वांछनीय है (GPS-निर्देशांक और कैमरा-सीरियल-नंबर लीक नहीं होने चाहिए), लेकिन मेटाडेटा बरकरार रखकर अभिलेखीकरण करने वाले फ़ोटोग्राफ़रों के लिए यह उपकरण उचित नहीं है। मेटाडेटा संरक्षित करने के लिए ImageOptim (macOS) या `-copy all` विकल्प वाले jpegtran जैसे EXIF-जागरूक डेस्कटॉप-संपीड़क का उपयोग करें।

Max Width रिसाइज़ और गुणवत्ता-कमी में क्या अंतर है?

रिसाइज़ करना छवि के पिक्सेल-आयाम बदलता है: 4000x3000 की फ़ोटो को 1920x1440 करने पर एनकोड करने के लिए 75% कम पिक्सेल बचते हैं, जिससे किसी भी संपीड़न के चलने से पहले ही फ़ाइल-आकार घटता है। गुणवत्ता-कमी (स्लाइडर) नियंत्रित करती है कि JPEG या WebP एनकोडर अपने DCT-गुणांकों को कितनी आक्रामकता से पूर्णांकित करे, जो प्रति-पिक्सेल एनकोडेड डेटा को छोटा करता है। दोनों जुड़ते हैं: पहले रिसाइज़ करके कुल पिक्सेल-गिनती घटाएँ, फिर बचे हुए की गुणवत्ता कम करें। एक सामान्य «इसे वेब-अनुकूल बनाएँ» प्रवाह के लिए, Max Width 1920, गुणवत्ता 70 करें, और आउटपुट लगभग मूल आकार का 10-15% होता है।

क्या मैं अपने iPhone की HEIC छवियाँ संपीड़ित कर सकता हूँ?

HEIC डिकोडिंग के लिए ब्राउज़र-समर्थन सीमित है (Apple डिवाइसों पर Safari ऐसा करता है; Chrome और Firefox नहीं)। गैर-Apple ब्राउज़रों पर यह उपकरण HEIC फ़ाइलों को अस्वीकार करेगा। iPhone फ़ोटो के लिए प्रवाह यह है कि या तो iPhone की सेटिंग बदलें (कैमरा → Formats → अधिकांश संगत) ताकि सीधे JPEG सहेजे जाएँ, या एक बार Mac पर या किसी विशेष उपकरण से HEIC को JPEG में बदलें, फिर उन JPEG को इस संपीड़क से गुज़ारें। iCloud की «द्वारा साझा करें» शीट गैर-Apple प्राप्तकर्ताओं को साझा करते समय आम तौर पर स्वचालित रूप से JPEG में बदल देती है।

क्या कोई डेस्कटॉप या कमांड-लाइन समतुल्य उपलब्ध है?

कई। बैच-स्वचालन के लिए Node.js का sharp मानक सर्वर-साइड लाइब्रेरी है और लगभग समान आउटपुट देता है। ImageMagick (magick input.jpg -quality 70 output.jpg) और GraphicsMagick विशाल फ़ाइलों को संभालते हैं और किसी भी शेल से चलते हैं। jpegoptim और optipng विशिष्ट JPEG और PNG पुनः-एनकोडर हैं जो अक्सर सामान्य उपकरणों के मुक़ाबले कुछ अतिरिक्त प्रतिशत निकाल लेते हैं। इस उपकरण की तरह एक-बारगी इंटरैक्टिव काम पर अधिक नियंत्रण के साथ, Squoosh (Google Chrome Labs, यह भी पूरी तरह क्लाइंट-साइड) AVIF सहित व्यापक फ़ॉर्मेट-दायरे का समर्थन करता है।

संबंधित उपकरण