गुणवत्ता खोने के बिना फ़ाइल का आकार कम करें


11

मैं फ़ोटोशॉप में फ़ाइलों को सहेजना चाहता हूं, लेकिन उन्हें यथासंभव छोटा रखें।

मैं वेब (और डिवाइसेस) के लिए सेव और जेपीईजी के रूप में सेव करता हूं। यहाँ सेटिंग्स मैं इस्तेमाल कर रहे हैं:

समायोजन

मैं वास्तव में गुणवत्ता सेटिंग्स को कम नहीं करना चाहता क्योंकि मैं पाठ का उपयोग करता हूं और कभी-कभी मैं कलाकृतियों को देखता हूं यदि सेटिंग बहुत कम है।

यह छवि के आकार के आधार पर कई सौ किलोबाइट के फ़ाइल आकार का उत्पादन करता है। हालांकि यह एक बहुत बड़ा मुद्दा नहीं है लेकिन ये चित्र वेब के लिए उपयोग किए जाते हैं और छोटे बेहतर होते हैं। फ़ाइल आकार को कम करने के लिए गुणवत्ता को कम किए बिना क्या तकनीकें हैं?

अपडेट करें:

यहाँ कुछ और जानकारी जोड़ने के लिए:

मैं जिन चित्रों का उपयोग करता हूं और बनाता हूं उनमें से कई ईमेल के माध्यम से भेजे जाते हैं। यह गंभीर रूप से सीमित करता है कि मैं छवि पर HTML और CSS का उपयोग करके पाठ को रखने के साथ क्या कर सकता हूं।

इसके अलावा, मैं विभिन्न प्रकार के फोंट का उपयोग करता हूं। कुछ मैं वेब के लिए सीएसएस का उपयोग @font-faceकर सकता है, लेकिन आप बड़े फ़ाइल आकारों में चला सकते हैं और कुछ मामलों में आप फ़ॉन्ट को कानूनी रूप से वेब पर अपलोड नहीं कर सकते। मैं टाइपेकिट जैसी सेवा का उपयोग कर सकता था लेकिन फिर से मेरे द्वारा उपयोग किए जाने वाले कई फोंट टाइपेक के साथ उपलब्ध नहीं हैं।

यहाँ एक उदाहरण छवि है:

उदाहरण छवि


1
इसके कई उत्तर हैं - आप जिस तरह की छवियों के बारे में बात कर रहे हैं उसका एक उदाहरण मदद करेगा।
e100

1
@ e100 - मैं उदाहरण छवि प्रदान करने और अधिक जानकारी जोड़ने के लिए प्रश्न अपडेट करता हूं।
L84

इसी प्रकार के प्रश्न: graphicdesign.stackexchange.com/q/3429/10419
कोर्नेल

यदि आप वेबसाइट पक्ष को नियंत्रित कर रहे हैं, तो कोड / बिल्ड विकल्प देखें। मैं एक समर्थक वेब टीम के लिए डिजाइनर हूं और हम एक बड़ी हिट के बिना डेस्कटॉप / मोबाइल फोन के लिए पूर्ण स्क्रीन वीडियो वितरित करते हैं। जब तक सख्ती से आवश्यक छवियां वेक्टर एसवीजी और एक फ़ॉन्ट के रूप में लोड नहीं होती हैं। पृष्ठ KB गणना को बहुत कम करता है। 2000 पिक्सेल चौड़ाई के हीरो बैनर 85% पर जेपीजी और पृष्ठभूमि में प्री-लोड हैं। अंतिम उपयोगकर्ता डिवाइस का पता लगाया जाता है और फ़ाइल के सापेक्ष संस्करण वितरित किए जाते हैं (यानी मोबाइल के लिए छोटा संस्करण)। जब तक उपयोगकर्ता होम पेज को पास नहीं कर लेता, तब तक स्क्रीन लोड तत्काल है। और हम 2 सेकंड अधिकतम होम पेज के लिए लक्ष्य रखते हैं।
Applefanboy

जवाबों:


15

सर्वश्रेष्ठ संपीड़न विधि का चुनाव आपकी छवि सामग्री पर निर्भर करता है। यदि आप बहुत सारे रंगों और उनके बीच चिकनी बदलाव के साथ छवि को बचाने की कोशिश कर रहे हैं, तो आपकी पसंद JPEG होगी। अन्यथा, यदि आपको कुछ रंगों के साथ कुछ रैखिक, पाठ, छवि मिली है, तो आपको इसके बजाय पीएनजी की कोशिश करनी चाहिए।

विशिष्ट संपीड़न योजना, पैरामीटर, रंग में कमी आदि विशिष्ट मामले पर निर्भर करते हैं। कुछ छवियां हैं जिन्हें आप सुरक्षित रूप से JPEG संपीड़न "स्लाइडर" के साथ सेट कर सकते हैं जो कलाकृतियों को स्पष्ट किए बिना 30 या 40 पर सेट है। कुछ अन्य को सेटिंग्स की आवश्यकता 80 या अधिक है। आपकी नजर जज की होनी चाहिए।

जब हम JPEG संपीड़न के बारे में बोलते हैं, तो उदाहरण के लिए "प्रगतिशील" विकल्प का उपयोग करने की कोशिश करने में संकोच न करें या "शून्य" को गैर शून्य मान पर सेट करें (सूक्ष्म धब्बा गंभीर संपीड़न कलाकृतियों को मुखौटा कर सकता है)।

पीएनजी के मामले में, आपको जितना संभव हो उतने रंगों का उपयोग कम करने की कोशिश करनी चाहिए (उस के लिए पीएनजी -8 का उपयोग करें)। जब कुछ "स्मूथिंग" की आवश्यकता होती है, तो अलग-अलग डीथिंग एल्गोरिदम आज़माएं।

यहाँ कुछ उदाहरण हैं:

JPEG, प्रगतिशील, गुणवत्ता: 40, धुंधला: 0.18 जेपीईजी, अनुकूलित, गुणवत्ता: 60, धुंधला: 0 JPEG, प्रगतिशील, गुणवत्ता: 60, धुंधला: 0 PNG-8, Dithering: फैलाना, 256 रंग

बाएँ से दाएँ, ऊपर से नीचे, उनके पैरामीटर हैं:

  1. JPEG, प्रगतिशील, गुणवत्ता: 40, धुंधला: 0.18, आकार: 9 672 बाइट्स
  2. जेपीईजी, अनुकूलित, गुणवत्ता: 60, धुंधला: 0, आकार: 16 898 बाइट्स
  3. JPEG, प्रगतिशील, गुणवत्ता: 60, धुंधला: 0, आकार: 11 104 बाइट्स
  4. PNG-8, Dithering: फैलाना, रंग: 256, आकार: 4 528 बाइट्स

उनकी तुलना नेत्रहीन करें और फिर उनके संबंधित डेटा आकारों पर एक अच्छी नज़र डालें। पहली जोड़ी लगभग 9.7 kB बनाम 16.9 kB है। दूसरा 11.1 kB बनाम 4.5 kB है। सभी (IMHO) द्वारा नगण्य दृश्य अंतर।


प्रगतिशील विकल्प के बारे में मेरी सबसे बड़ी चिंता ईमेल क्लाइंट के लिए समर्थन है। मैंने इसे समझाने के लिए अपने प्रश्न में और जानकारी जोड़ी।
L84

1
जहाँ तक मैं बता सकता हूँ "प्रगतिशील" JPEG मानक का एक हिस्सा है और कुछ विदेशी नहीं है, इसलिए समर्थन लगभग 100% होना चाहिए। लेकिन यह "मुझे लगता है" नहीं "मुझे पता है" :)।
thebodzio

मैं सहमत हूं और मुझे विश्वास है कि आप सही हैं, मैंने यह सवाल वेबमास्टर एसई से पूछा था और सबसे खराब स्थिति में चित्र दिखाएंगे, लेकिन तब तक नहीं जब तक कि वे पूरी तरह से लोड नहीं हो जाते।
L84

1
ठीक यही है कि "प्रगतिशील" काम करने का इरादा है: यह छवि के अधिक से अधिक विस्तृत संस्करणों को लगातार दिखाना चाहिए क्योंकि अधिक डेटा उपलब्ध हो जाता है।
thebodzio

क्षमा करें, मेरा मतलब था कि जब तक छवि लोड नहीं हो जाती है तब तक कुछ भी नहीं दिखाता है स्कैन द्वारा लोड लोडिंग स्कैन।
1984 को L84

10

यहाँ कुछ विकल्प दिए गए हैं:

  • JPEG (PNG या GIF) के अलावा किसी अन्य प्रारूप का उपयोग करें; फ़ाइल आकार और छवि गुणवत्ता दोनों के संदर्भ में परिणाम आपकी छवि की सामग्री पर निर्भर करेगा; प्रत्येक कुछ प्रकार की सामग्री में बेहतर है
  • पिक्सल्स के संदर्भ में छवि को छोटा करें - इसका बहुत महत्वपूर्ण प्रभाव पड़ेगा और निश्चित रूप से विचार किया जाना चाहिए कि क्या आपके पास समग्र लेआउट पर नियंत्रण है
  • जहाँ संभव हो गैर-छवि तत्वों का उपयोग करें, उदाहरण के लिए HTML पाठ के साथ चित्रों में पाठ को बदलने का प्रयास करें; HTML तत्वों के साथ रंग के ब्लॉक को बदलने का प्रयास करें।

अंतिम दो बिंदुओं पर विस्तार करते हुए, आपको मौजूदा छवियों के फ़ाइल आकार को कम करने पर समय बिताने से पहले अपने लेआउट में छवियों की सीमा को कम से कम करना चाहिए।


2

मैं कुछ अनुत्तरित प्रश्नों के उत्तर देने का प्रयास करूंगा:

मैं जिन चित्रों का उपयोग करता हूं और बनाता हूं उनमें से कई ईमेल के माध्यम से भेजे जाते हैं। यह गंभीर रूप से सीमित करता है कि मैं छवि पर HTML और CSS का उपयोग करके पाठ को रखने के साथ क्या कर सकता हूं।

आप html ईमेल भेज सकते हैं (जिस तरह से समाचार पत्र बनते हैं)। Html और इनलाइन CSS (अनुकूलता के लिए) के साथ। छवियों को एक सर्वर पर होना चाहिए और आपको पूरा URL स्टाइलिंग / img- टैग में डालना होगा। विभिन्न ई-मेल क्लाइंट में क्या काम करता है, इसकी सूची यहां दी गई है।

इसके अलावा, मैं विभिन्न प्रकार के फोंट का उपयोग करता हूं। कुछ मैं वेब के लिए सीएसएस के @ फॉन्ट-फेस का उपयोग कर सकता था, लेकिन आप बड़े फ़ाइल आकारों में चला सकते हैं और कुछ मामलों में आप फॉन्ट को वेब पर अपलोड नहीं कर सकते।

Google webfonts का प्रयास करें , अब तक का सबसे अच्छा वेब-सोर्स। सभी का उपयोग करने के लिए स्वतंत्र। एक और एक फ़ॉन्ट गिलहरी होगी । (यह @ फॉन्ट-फेस का भी उपयोग करता है)।


लिंक के लिए धन्यवाद। मैंने कुछ अभियान मॉनिटर्स वेबसाइट को ब्राउज़ किया है, लेकिन सीएसएस पृष्ठ को नहीं देखा है। वहाँ बहुत उपयोगी जानकारी।
L84

-1

ऐसा करने का कोई तरीका नहीं है। JPEG हानिप्रद प्रारूप है। गुणवत्ता और फ़ाइल आकार के बीच हमेशा एक व्यापार होता है।


जेपीईजी का उपयोग करने के अलावा कोई अन्य सिफारिशें। कैसा है पीएनजी?
L84

1
पीएनजी दोषरहित है लेकिन काफी बड़ी भी है। आप इस छवि का उपयोग कहां करते हैं? यदि यह वेब के लिए है, तो पाठ को कोड करना हमेशा बेहतर होता है।
Jannik Ruf

JPEG और GIF वेब-व्यू के लिए अच्छे विकल्प हैं (PNG का उपयोग शायद ही कभी किया जाता है)। लेकिन यह इस बात पर निर्भर करता है कि आप क्या करना चाहते हैं: पृष्ठभूमि, छवि स्लाइड शो, थंबनेल या आइकन आदि ...
1025 बजे 2525

यदि यह केवल प्रभाव के बिना पाठ (यानी काली पृष्ठभूमि पर सिर्फ सफेद पाठ) है, तो Gif अच्छा और वास्तव में आकार में छोटा है।
जननिक रुफ

4
यह वास्तव में एक बहुत अच्छा जवाब नहीं है। फ़ाइल आकार को कम करने के कई तरीके हैं; यह कहना गलत है कि पीएनजी का उपयोग वेब पर बहुत कम किया जाता है।
e100
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.