इस ब्लॉग के वेबमास्टर के रूप में मुझे जिन पहली चुनौतियों का सामना करना पड़ा, उनमें से एक छवियों से संबंधित थी। जरूरत है बहुत उच्च स्तर की आवश्यकता के साथ छवियों (JPG, PNG, GIF) को संपीड़ित करें यदि आप सर्वर संसाधनों को अनुकूलित करना चाहते हैं और तेजी से लोड करना चाहते हैं।
आज मैं उन 2 विधियों के बारे में बताने जा रहा हूँ जिनका मैं उपयोग करता हूँ एक असली निंजा की तरह छवियों को संपादित और संपीड़ित करें. पिछले 3 सालों से मैंने सब कुछ करने की कोशिश की है, लेकिन अंत में, यही मेरे लिए सबसे अच्छा काम करता है, इसलिए मैं इसे आपके साथ साझा करना चाहता हूं।
एक या अधिक छवियों को एक साथ सरलतम तरीके से कैसे संपीड़ित करें
फ़ोटोशॉप या शैली के अन्य मल्टीमीडिया संपादकों जैसे कार्यक्रमों का उपयोग करने के लिए बहुत से लोग छवियों को संपीड़ित करने की सलाह देते हैं। कुछ ऐसा जो बहुत अच्छा हो, लेकिन इस प्रकार का अनुप्रयोग वे आमतौर पर सस्ते नहीं होते हैं ठीक है, और वे बहुत सारे प्रो फ़ंक्शंस भी लाते हैं जो मेरे पास व्यक्तिगत रूप से बहुत हैं - मैं बस कुछ बदलाव करना चाहता हूं और कुछ चित्रों को संपीड़ित करना चाहता हूं, न कि 8 मिनट का एनीमेशन छोटा बनाना।
किसी भी एप्लिकेशन को इंस्टॉल किए बिना किसी छवि को संपादित और संपीड़ित कैसे करें
जब मुझे केवल एक छवि को संपीड़ित करने और उसके मार्जिन और आकार को समायोजित करने की आवश्यकता होती है मैं एक वेब टूल का उपयोग करता हूं जिसका नाम है Pixlr एक्सप्रेस. यह एक ऑनलाइन एप्लिकेशन है जिसने वर्षों पहले ऑटोडेस्क के हाथ की रोशनी देखी थी-ऑटोकैड से वही-, और अब इसे किसी अन्य कंपनी (123RF) द्वारा अधिग्रहित कर लिया गया है। लेकिन चलिए मुद्दे पर आते हैं...
बात यह है कि यह अभी भी मुफ़्त है और यह वैसे ही काम करता है। इतना ही नहीं, बल्कि पंजीकरण की आवश्यकता नहीं और यह हमें छवियों को संपादित करने, फिल्टर, फोंट और कुछ अच्छे प्रभाव जोड़ने की अनुमति देता है। मैंने इसे लंबे समय से अपने ब्राउज़र के "पसंदीदा" फ़ोल्डर में रखा है।
Pixlr Express के साथ इमेज को कंप्रेस करने के लिए हमें बस संपादक में छवि को लोड करना है और हिट करना है "सहेजें”. इसे सहेजते समय, उपकरण हमें वांछित संपीड़न स्तर (0% से 100% तक) लागू करने की अनुमति देगा।
सेविंग के समय वह होता है जब यह हमें इमेज को कंप्रेस करने की अनुमति देता हैबेशक, छवि की गुणवत्ता हमारे द्वारा लागू किए जाने वाले संपीड़न के स्तर के अनुरूप होगी। एक व्यक्तिगत सिफारिश के रूप में, मैं आपको आवेदन करने की सलाह दूंगा मूल की तुलना में 65% का संपीड़न स्तर. यह वह बिंदु है जहां छवि अभी भी अच्छी दिखती है और इसका वजन काफी कम हो जाता है।
एक साथ कई छवियों को कैसे संपीड़ित करें और कैस्केड करें
अगर हमारे पास कई इमेज हैं, तो Pixlr के साथ काम करना थोड़ा थकाऊ हो सकता है। इन मामलों के लिए, मैं एक मुफ्त कार्यक्रम का उपयोग करता हूं जिसे कहा जाता है दंगा (रेडिकल इमेज ऑप्टिमाइज़ेशन टूल), जिसे विशेष रूप से JPG, GIF और PNG इमेज को कंप्रेस करने के लिए डिज़ाइन किया गया है।
RIOT हमें एक छवि लोड करने, संपीड़न स्तर को समायोजित करने और एक पूर्वावलोकन देखने की अनुमति देता है कि संपीड़न लागू होने के बाद यह कैसा दिखेगा। यह हमारे लिए जितना संभव हो सके इसे समायोजित करने और फिर भी अच्छा दिखने के लिए बहुत अच्छा है।
लेकिन RIOT का असली जादू इसके "बैच" फंक्शन में है। यहां से हम एक साथ कई छवियों को लोड कर सकते हैं (उदाहरण के लिए, किसी फ़ोल्डर या सबफ़ोल्डर में निहित सभी छवियां) और उन्हें कैस्केड में संपीड़ित करें. ऐसा करने के लिए हमें बस आइकन पर क्लिक करना होगा "जत्था”, गंतव्य फ़ोल्डर का चयन करें (आउटपुट फ़ोल्डर) और स्रोत फ़ोल्डर (चित्र जोड़ें -> फ़ोल्डर से सभी चित्र जोड़ें) एक बार जब हमारे पास अपनी पसंद का सब कुछ हो जाए, तो बस "पर क्लिक करें"शुरू"सभी चयनित छवियों के लिए थोक संपीड़न करने के लिए।
यह अच्छा है, आप सुनते हैं ...छवियों को एक-एक करके संपीड़ित करने और इसे इस तरह से करने के बीच का अंतर बस बहुत ही कम है। कल्पना कीजिए कि आपको विश्वविद्यालय की नौकरी की सभी छवियों, या इससे भी बदतर, अपनी वेबसाइट पर सभी छवियों को अनुकूलित करना होगा।
ब्लॉग या वेबसाइट पर छवियों के लिए सही संपीड़न स्तर
जैसा कि मैंने थोड़ा ऊपर उल्लेख किया है, वेब पेजों के लिए सही संपीड़न स्तर 65% है। लेकिन यह केवल एक व्यक्तिगत सिफारिश है ...
लेकिन अगर हमारे पास एक वेब पेज है और हम संपीड़न का "सही" स्तर चाहते हैं, तो हम निश्चित रूप से एक अखरोट की व्यक्तिगत सिफारिश से ज्यादा कुछ चाहते हैं जो खुद को "खुश एंड्रॉइड" कहता है।
इन मामलों के लिए, Google के पास वेबमास्टरों के लिए प्रसिद्ध पृष्ठ है पेजस्पीड इनसाइट्स। यह टूल, हमें हमारी वेबसाइट की लोडिंग गति बताने और हमें कुछ अन्य सलाह देने के अलावा, उन सभी छवियों की एक प्रति डाउनलोड करने की भी अनुमति देता है जिनमें एक विशिष्ट URL शामिल है। छवियों की ये प्रतियां 100% अनुकूलित होंगी।
छवियों को डाउनलोड करने के लिए हमें उस यूआरएल को दर्ज करना होगा जहां वे लटकते हैं, और "पर क्लिक करें।विश्लेषण" एक बार विश्लेषण पूरा हो जाने के बाद, "संगणक"हम लगभग अंत तक स्क्रॉल करते हैं, और लिंक पर क्लिक करते हैं"इस पृष्ठ के लिए अनुकूलित छवि, जावास्क्रिप्ट और सीएसएस संसाधनों को डाउनलोड करें" हम पहले से अनुकूलित इन संसाधनों के साथ स्वचालित रूप से एक ज़िप फ़ाइल प्राप्त करेंगे।
यह थोड़ा छिपा हुआ है, लेकिन यह एक क्रूर उपयोगिता वाला एक कार्य हैमुझे उम्मीद है कि यह ट्यूटोरियल आपके लिए मददगार होगा। अगर मैं ऐसा कुछ पढ़ सकता था जब मैंने इस परियोजना को शुरू किया था, तो निश्चित रूप से यह मेरे बहुत सारे सिरदर्द से बचा होगा।
पीडी: अतीत से मेरे "मुझे" को समर्पित पोस्ट। देखें कि क्या आप सीखते हैं, बच्चे!
आपके पास तार स्थापित? प्रत्येक दिन की सर्वश्रेष्ठ पोस्ट प्राप्त करें हमारा चैनल. या यदि आप चाहें, तो हमारे से सब कुछ पता करें फेसबुक पेज.