इमेज फ़िल्टर्स
नयाbrightness, contrast, saturation, blur और बहुत कुछ एडजस्ट करें, फिर डाउनलोड करें।
filter: none; Runs entirely in your browser. Nothing is uploaded.
अपने ब्राउज़र में फोटो फिल्टर और एडजस्टमेंट लगाएं
यह इमेज फिल्टर एडिटर आपको किसी भी फोटो को सेकंडों में बदलने देता है — इमेज डालें, कोई प्रीसेट चुनें या स्लाइडर खींचें और परिणाम लाइव अपडेट होते देखें। यह एक विज़ुअल एडिटर को असली CSS इमेज फिल्टर के साथ जोड़ता है, जिससे आपको डाउनलोड करने योग्य तस्वीर और उसके पीछे का सटीक filter: कोड दोनों मिलते हैं। इंस्टॉल करने की कोई ज़रूरत नहीं, कोई अकाउंट बनाने की नहीं, और कोई फाइल साइज़ लिमिट नहीं। किसी भी फोटो फॉर्मेट पर काम करता है: JPG, PNG, WebP, GIF।
भारी एडिटर्स जिन्हें सब्सक्रिप्शन चाहिए उनके विपरीत, यहाँ सब कुछ HTML canvas पर लोकल रूप से चलता है। आपकी इमेज कभी किसी सर्वर पर अपलोड नहीं होती, जो इसे फोटो शेयर करने से पहले सुधारने या स्टाइल करने का एक तेज़ और निजी तरीका बनाता है। Fotor का फ्री टियर डाउनलोड पर वॉटरमार्क जोड़ता है। PicMonkey को $12.99/माह पर पूर्ण फिल्टर एक्सेस के लिए पेड प्लान चाहिए। UtiloKit में कोई वॉटरमार्क नहीं है और कोई पेवॉल नहीं है — पेज खोलें और एडिटिंग शुरू करें।
CSS फिल्टर एडजस्टमेंट का पूरा सेट
नौ एडजस्टमेंट पूरे CSS filter फंक्शन सेट को कवर करते हैं: ब्राइटनेस, कंट्रास्ट, सेचुरेशन, ग्रेस्केल, सीपिया, ह्यू-रोटेट, इनवर्ट, ब्लर, और ओपेसिटी। ब्राइटनेस, कंट्रास्ट और सेचुरेशन सभी 100% पर केंद्रित हैं, जिससे फोटो को बिना अधिक बदले ठीक करना आसान है, जबकि hue-rotate (0–360°) हर रंग को कलर व्हील के आसपास शिफ्ट करता है — प्रोडक्ट फोटो के कलर ग्रेडिंग या डिज़ाइन टूल को छुए बिना क्रिएटिव टिंटेड लुक बनाने के लिए उपयोगी।
कोई भी कॉम्बिनेशन स्टैक करें और प्रीव्यू तुरंत उसे दर्शाता है। किसी भी समय अंतर देखने के लिए बिफोर/आफ्टर कंपेरिज़न हैंडल खींचें। टूल सटीक CSS डिक्लेरेशन को काम करते समय अपडेट होते दिखाता है, इसलिए आप स्लाइडर के साथ खेलकर सीखते हैं कि कौन से फंक्शन कौन से इफेक्ट बनाते हैं। कोई दूसरा फ्री फिल्टर टूल लाइव इमेज प्रीव्यू को लाइव CSS कोड आउटपुट के साथ नहीं जोड़ता।
Instagram-स्टाइल प्रीसेट, एक क्लिक में
प्रीसेट गैलरी स्लाइडर कॉम्बिनेशन को नामित लुक में बदलती है — विविड, वार्म, कूल, B&W, नॉयर, विंटेज, फेडेड, सीपिया, और अधिक। हर थंबनेल आपकी अपनी इमेज पर इफेक्ट प्रीव्यू करता है, इसलिए आप लुक तय करने से पहले पूरी रो देख सकते हैं। ये वही Instagram-स्टाइल फिल्टर हैं जिनके लिए VSCO और Lightroom Mobile सब्सक्रिप्शन लेते हैं, यहाँ सिंपल CSS फिल्टर फंक्शन से बिना किसी लागत के फिर से बनाए गए हैं।
प्रीसेट को अप्लाई करने के लिए क्लिक करें, फिर स्लाइडर से अपने अनुसार ट्यून करें। अंडरलाइंग CSS हमेशा दिखती है, इसलिए अगर आप कोई डिज़ाइन सिस्टम बना रहे हैं तो सटीक वैल्यू कॉपी करके किसी भी वेब प्रोजेक्ट में लुक री-क्रिएट कर सकते हैं। Vintage प्रीसेट को अपने खुद के नामित स्टाइल में बदलने में लगभग 30 सेकंड लगते हैं।
CSS फिल्टर कोड कॉपी करें — और कहीं भी उपयोग करें
हर एडजस्टमेंट एक लाइव CSS डिक्लेरेशन के रूप में दिखती है: filter: brightness(105%) contrast(115%) saturate(140%);। CSS कॉपी करें पर क्लिक करें और इसे सीधे किसी स्टाइलशीट में पेस्ट करें। यह img, video, div बैकग्राउंड, और SVG एलिमेंट पर काम करता है — CSS filter प्रॉपर्टी जो भी सपोर्ट करती है। डिफॉल्ट वैल्यू ऑटोमेटिकली हटा दी जाती हैं ताकि स्निपेट मिनिमल और पठनीय रहे।
अधिकांश CSS फिल्टर जनरेटर आपको एक जेनेरिक प्रीव्यू इमेज दिखाते हैं। यह फिल्टर को आपकी अपनी अपलोड की गई फोटो पर अप्लाई करता है ताकि आप देख सकें कि यह संदर्भ में कैसा दिखेगा। स्मूद होवर एनिमेशन के लिए transition: filter 0.3s; जोड़ें। कोड प्रोडक्शन-रेडी है: कोई प्रीफिक्स की ज़रूरत नहीं, 2016 से Chrome, Edge, Firefox, Safari और सभी प्रमुख मोबाइल ब्राउज़र में सपोर्टेड।
इमेज फिल्टर वास्तव में कैसे काम करते हैं — और अपलोड की ज़रूरत क्यों नहीं
एक इमेज फिल्टर एक पिक्सेल ट्रांसफॉर्म है। ब्राउज़र हर पिक्सेल से गुज़रता है और उसकी RGB वैल्यू फिर से लिखता है: grayscale(100%) चैनलों का औसत लेकर हर एक को एक ग्रे तक कोलैप्स करता है, sepia() टोन को ब्राउन-ऑरेंज की तरफ वार्म करता है, invert() वैल्यू को नेगेटिव में फ्लिप करता है, और blur() गॉसियन कर्नेल का उपयोग करके हर पिक्सेल का उसके पड़ोसियों के साथ औसत करता है। यह गणित GPU पर 60fps पर चलने के लिए काफी सस्ती है, यही कारण है कि प्रीव्यू तत्काल लगता है।
चूँकि सब कुछ आपके अपने ब्राउज़र में HTML canvas पर चलता है, आपकी फोटो कभी आपके डिवाइस से बाहर नहीं जाती। LunaPI, Pixlr, या यहाँ तक कि Google Photos जैसी सेवा पर इमेज अपलोड करने का मतलब है कि आपकी इमेज प्रोसेसिंग के लिए किसी रिमोट सर्वर पर रहती है। यह टूल उस कदम को पूरी तरह समाप्त करता है — एडजस्ट करना, प्रीव्यू करना और डाउनलोड करना सभी लोकल होते हैं। निजी फोटो या संवेदनशील दस्तावेजों को संभालने वाले किसी के लिए, यह एक महत्वपूर्ण अंतर है।
प्रतिस्पर्धी तुलना — फ्री इमेज फिल्टर टूल
कई प्रसिद्ध टूल ऑनलाइन इमेज फिल्टर प्रदान करते हैं, प्रत्येक अपनी सीमाओं के साथ। Fotor में अच्छी प्रीसेट लाइब्रेरी है लेकिन फ्री प्लान पर पूर्ण-गुणवत्ता डाउनलोड को प्रतिबंधित करता है और वॉटरमार्क जोड़ता है। PicMonkey को अधिकांश फिल्टर एक्सेस करने के लिए $12.99/माह की सदस्यता चाहिए और हमेशा साइन-इन आवश्यक है। Pixlr E एक पूर्ण फोटो एडिटर है जो फिल्टर अच्छी तरह करता है, लेकिन यह आपकी इमेज उनके सर्वर पर अपलोड करता है। Canva में इमेज एडिटर में फिल्टर शामिल हैं लेकिन इसके लिए भी अकाउंट चाहिए और Canva के क्लाउड में फाइलें स्टोर होती हैं।
UtiloKit Image Filters में ये सब नहीं होता। कोई अपलोड नहीं, कोई अकाउंट नहीं, कोई वॉटरमार्क नहीं, कोई डेली लिमिट नहीं। आपको CSS कोड आउटपुट भी मिलता है — जो इनमें से कोई भी टूल प्रदान नहीं करता — जो इसे एकमात्र फ्री टूल बनाता है जो फोटो एडिट करने वाले डिज़ाइनर और कोड में विज़ुअल स्टाइल मैच करने वाले डेवलपर दोनों के लिए समान रूप से काम करता है।
Frequently asked questions
इमेज फिल्टर कैसे काम करते हैं?
इमेज फिल्टर रियल टाइम में हर पिक्सेल के रंग को बदलकर काम करते हैं। हर फिल्टर हर पिक्सेल के लाल, हरे और नीले चैनलों पर एक छोटा गणितीय ऑपरेशन लागू करता है: brightness(150%) उन्हें 1.5 से गुणा करता है, grayscale(100%) उन्हें एक ग्रे टोन में एवरेज करता है, और blur(4px) कन्वोल्यूशन कर्नेल का उपयोग करके हर पिक्सेल को उसके पड़ोसियों के साथ मिलाता है। यह आपकी GPU पर HTML canvas API के माध्यम से चलता है, इसलिए स्लाइडर खींचते ही प्रीव्यू अपडेट हो जाता है।
इमेज फिल्टर के अलग-अलग प्रकार क्या हैं?
दो बड़े ग्रुप हैं। एडजस्टमेंट फिल्टर फोटो को नेचुरल रखते हुए टोन और रंग बदलते हैं — ब्राइटनेस, कंट्रास्ट, सेचुरेशन, और ह्यू-रोटेट। इफेक्ट फिल्टर इमेज को एक अलग लुक में बदलते हैं — ग्रेस्केल (ब्लैक एंड व्हाइट), सीपिया (वार्म विंटेज), इनवर्ट (नेगेटिव), ब्लर (सॉफ्ट फोकस), और ओपेसिटी (ट्रांसपेरेंसी)। इस एडिटर में नौ सभी CSS फिल्टर फंक्शन मिलते हैं।
ऑनलाइन मुफ्त में किसी इमेज में फिल्टर कैसे जोड़ें?
ऊपर के बॉक्स में फोटो डालें (या ब्राउज़ करने के लिए क्लिक करें, या Ctrl/Cmd+V से पेस्ट करें), फिर किसी प्रीसेट थंबनेल पर क्लिक करें या एडजस्टमेंट स्लाइडर खींचें। प्रीव्यू लाइव अपडेट होता है और एक बिफोर/आफ्टर हैंडल आपको किसी भी समय ओरिजिनल से तुलना करने देता है। जब परिणाम पसंद आए, पूरी रेज़ोल्यूशन में सेव करने के लिए Download PNG या Download JPG पर क्लिक करें। कुछ भी अपलोड नहीं होता — हर कदम आपके ब्राउज़र में चलता है।
CSS filter प्रॉपर्टी क्या है और इसे कैसे जेनरेट करें?
CSS filter प्रॉपर्टी फिल्टर फंक्शन की एक चेन का उपयोग करके किसी भी HTML एलिमेंट पर ग्राफिकल इफेक्ट लागू करती है: brightness(), contrast(), saturate(), grayscale(), sepia(), hue-rotate(), invert(), blur(), और opacity()। उदाहरण के लिए, filter: contrast(120%) saturate(140%) sepia(15%); एक पंची, हल्का गर्म लुक देता है। यह टूल वह सटीक स्ट्रिंग बनाता है जैसे-जैसे आप स्लाइडर चलाते हैं, ताकि आप इसे सीधे अपनी स्टाइलशीट में पेस्ट कर सकें।
Instagram के बिना Instagram-स्टाइल फिल्टर कैसे लगाएं?
Instagram-स्टाइल फिल्टर बेसिक CSS फिल्टर फंक्शन के प्रीसेट कॉम्बिनेशन हैं। Clarendon जैसा लुक लगभग contrast(120%) saturate(135%) है, एक फेडेड फिल्म लुक contrast(85%) brightness(110%) sepia(12%) उपयोग करता है, और एक पंची Vivid टोन contrast(130%) saturate(160%) स्टैक करता है। गैलरी में किसी प्रीसेट थंबनेल पर क्लिक करें, फिर लुक को आगे बढ़ाने के लिए अलग-अलग स्लाइडर एडजस्ट करें। VSCO या Lightroom presets जैसे पेड एडिटर के समान विज़ुअल परिणाम पाएं — कोई ऐप नहीं, कोई सब्सक्रिप्शन नहीं, कोई अपलोड नहीं।
ऑनलाइन इमेज को ब्लैक एंड व्हाइट, सीपिया या विंटेज कैसे बनाएं?
ब्लैक एंड व्हाइट के लिए, ग्रेस्केल को 100% पर सेट करें — B&W प्रीसेट एक क्लिक में यह करता है, और Noir नाटकीय पंच के लिए अतिरिक्त कंट्रास्ट जोड़ता है। सीपिया के लिए, सीपिया स्लाइडर बढ़ाएं; sepia(80%) एक क्लासिक ब्राउन-टोन्ड प्रिंट देता है। विंटेज लुक के लिए उन्हें मिलाएं: Vintage प्रीसेट sepia(55%) contrast(108%) brightness(104%) saturate(120%) उपयोग करता है। यह पूरी तरह आपके ब्राउज़र में चलता है — कोई अकाउंट नहीं, कोई अपलोड नहीं।
क्या ऑनलाइन इमेज फिल्टर टूल उपयोग करना सुरक्षित है?
यह टूल पर निर्भर करता है। कई ऑनलाइन एडिटर — Fotor, LunaPI, Pixlr — आपकी फोटो को प्रोसेसिंग के लिए उनके सर्वर पर अपलोड करते हैं, जिसका मतलब है कि आपकी इमेज किसी और की मशीन पर होती है। UtiloKit का इमेज फिल्टर पूरी तरह आपके ब्राउज़र में HTML canvas पर चलता है: आपकी इमेज लोकल रूप से पढ़ी जाती है, लोकल रूप से प्रोसेस होती है, और लोकल रूप से डाउनलोड होती है — इसे कभी अपलोड नहीं किया जाता, कभी स्टोर नहीं किया जाता, और आपके अलावा कोई नहीं देखता।
Related tools
सभी टूल्स देखें
नया इमेज घुमाएँ और पलटें
इमेज को 90° चरणों में घुमाएँ और क्षैतिज या लंबवत पलटें।
नया PNG से ICO
किसी इमेज को मल्टी-रिज़ॉल्यूशन .ico favicon में बदलें — आपके ब्राउज़र में।
नया EXIF व्यूअर और रिमूवर
फ़ोटो का छिपा मेटाडेटा देखें — कैमरा, तारीख़, GPS — और प्राइवेसी के लिए उसे हटाएँ।
नया PDF से JPG
PDF पेजों को अपनी चुनी क्वालिटी में JPG, PNG या WebP इमेज में बदलें — सब कुछ आपके ब्राउज़र में।
नया मीम जेनरेटर
क्लासिक ऊपर/नीचे टेक्स्ट या ड्रैग करने योग्य टेक्स्ट बॉक्स से मीम बनाएँ — न वॉटरमार्क, न साइन-अप।
नया Image to Text (OCR)
Extract text from any image, screenshot or photo — free online OCR that runs entirely in your browser, no upload required.