2009-11-08 28 views
58

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

प्रश्न पृष्ठ लोडिंग समय और सर्वोत्तम वेब डिज़ाइन प्रथाओं के साथ-साथ छवियों की छवि बनाम गुणवत्ता के संबंध में भी संबंधित है।

आपको क्या लगता है कि उपयोग करने का सबसे अच्छा समाधान है?

+12

आपका अंग्रेजी ठीक है। क्षमा मांगने की कोई ज़रूरत नहीं है। – Andrew

उत्तर

86

यह निर्भर करता है।

पीएनजी रंग की कम संख्या के साथ कुरकुरा छवियों के लिए बेहतर है,

जेपीजी एक कम बैंडविड्थ छवि के लिए बेहतर है - लेकिन यह के रूप में कुरकुरा और इसलिए बहुत जीयूआई के लिए अच्छा नहीं नहीं है।

आम तौर पर, जेपीजी फोटो और चित्रों के लिए है, जबकि पीएनजी (या जीआईएफ) लेआउट के लिए है।

आपको this page दिलचस्प मिल सकता है, क्योंकि यह पीएनजी बनाम जीआईएफ की मूल बातें पर जाता है।

+3

यह सवाल बेहतर जवाब देता है। मुझे नहीं पता क्यों, लेकिन मैं इसे चुने गए उत्तर से बेहतर समझ गया। –

+2

यह प्रश्न का उत्तर बेहतर है, उत्तर पर लिंक वास्तव में उपयोगी था। –

5

जेपीजी आमतौर पर फोटोग्राफिक छवियों के लिए पसंदीदा होता है जिनमें बहुत सारे अलग-अलग रंग होते हैं। पीएनजी कम्प्यूटर जेनरेट ग्राफिक्स के साथ अच्छी तरह से काम करता है।

यह अंगूठे का मेरा नियम है।

23

औसत शुद्ध कनेक्शन की बढ़ती गति को देखते हुए मुझे लगता है कि पेज लोडिंग समय अब ​​चिंता का विषय नहीं है [बतख!]; आपके द्वारा अंत में संसाधनों के साथ प्राप्त करने का प्रयास करने के बारे में सोचने के लिए यह वास्तव में कहीं अधिक उपयोगी है: उदाहरण के लिए बैंडविड्थ सीमित है? फिर भारी संपीड़न की तरफ झुकाव एक ब्रेनर है। क्या साइट की ग्राफ़िक सामग्री विस्तारित होने जा रही है, यह सुनिश्चित करना कि सर्वर स्पेस की लागत समय के साथ बढ़ेगी? फिर भारी संपीड़न की ओर झुकने से उस लागत में देरी होगी। क्या यह एक कला पोर्टफोलियो साइट है? फिर - आह! - नमूना काम में संपीड़न कलाकृतियों वास्तव में वांछनीय हो सकता है! क्या आप एक खेल फेंकने की कोशिश कर रहे हैं? फिर स्क्रीनशॉट शायद अल्ट्रा-कुरकुरा होना चाहिए।

आम तौर पर, तो, मैं फिर कहता हूँ क्या कहा गया है, थोड़ा अलग भाषा में शायद हालांकि: साइट के लिए असबाब है, जो, कंप्यूटर जनित हो जाते हैं और पृष्ठों के बीच फिर से उपयोग के लिए संचित किया जाएगा png की ओर जाते हैं ; साइट सामग्री के लिए, जो अक्सर पृष्ठ-विशिष्ट और संभावित रूप से बड़ी और जटिल हानिकारक संपीड़न के लिए पर्याप्त होती है, जो jpg की तरफ होती है।

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

+2

यदि आप अपनी साइट को उन लोगों के लिए लक्षित करते हैं जिनके पास आम तौर पर वास्तविक इंटरनेट कनेक्शन हैं, तो आपको पेज लोडिंग के बारे में चिंतित होना होगा। लेकिन जब आप कहते हैं कि पीएनजी फाइलों पर रंग हमेशा प्रदर्शित नहीं होते हैं, तो उन्हें एक समस्या है। – yoda

+1

यदि आपकी साइट छवि भारी है, तो परिभाषा के अनुसार बहुत अधिक, आप इसे वास्तव में खराब इंटरनेट कनेक्शन वाले लोगों पर लक्षित नहीं कर रहे हैं। वास्तव में आप क्या कर रहे हैं, जब आप ब्रॉडबैंड स्पीड डिलीवरी के लिए डिज़ाइन करते हैं, तो 56k डायल-अप की तुलना में कहीं अधिक बेहतर बेसलाइन मानक की मांग को प्रोत्साहित कर रहा है - और यह एक अच्छी बात है। – Sledge

2

मैं स्टार्टर हूं और ज्यादातर जो मैं करता हूं वह यह है कि यदि छवि बहुत बड़ी है तो मैं पृष्ठभूमि बना देता हूं जब तक कि यह पृष्ठभूमि छवि न हो। और यदि यह लेआउट के लिए है तो मैं चित्रों के लिए पीएनजी और जेपीजी चुनता हूं।

8

"औसत शुद्ध कनेक्शन की बढ़ती गति मुझे लगता है कि करने के लिए है कि पृष्ठ का लोडिंग समय एक चिंता का ज्यादा है करते नहीं है को देखते हुए किसी भी अधिक"

वेबसाइट एसईओ अनुकूलन के अनुसार, गूगल अपनी वेबसाइट रैंक बदतर यदि पृष्ठ लोड समय 2 सेकंड से ऊपर है, तो विशेष रूप से ग्राफिक्स पर भारी वेबसाइट डिजाइन पर भारी संपीड़न आवश्यक है।

26

Google ने इसके बारे में बहुत अच्छी तरह लिखा है। Selecting the right image format से, आप निर्णय करने के लिए एक प्रवाह चार्ट पा सकते हैं:

Selecting the right image format

+0

IMHO यह अब तक का सबसे अच्छा जवाब है। उत्तर में जुड़े 'छवि अनुकूलन' आलेख को याद न करें। – MarcM

संबंधित मुद्दे