वेब के लिए PNG फ़ाइल का आकार कैसे कम करें?

Question

मेरे पास पारदर्शी पृष्ठभूमि वाली पीएनजी -24 फाइल है और इसका वर्तमान आकार 1.5 एमबी है। पीएनजी -8 फ़ाइल प्रारूप का आकार कम करने या उपयोग करने के लिए और एक ही गुणवत्ता कैसे रखें?

यहां से पीएनजी फ़ाइल: http://www19.zippyshare.com/v/69590430/file.html

उदाहरण छवि अपलोड की गई मैंने सभी सुझावों की कोशिश की लेकिन कोई अच्छा परिणाम सलाह नहीं देता

धन्यवाद

Comments

क्या आप वेब के लिए सेव का उपयोग कर रहे हैं ...? यह आपको रंग की गहराई सहित आकार को कम करने के लिए विकल्प देना चाहिए।

— जेम्स पी।

आप उदाहरण छवि एक JPEG फ़ाइल है। यदि आप चाहते हैं कि लोग इस पर विभिन्न उपकरणों / विधियों को आजमाएं, तो आपको इसके बजाय आपको पीएनजी फ़ाइल प्रदान करनी चाहिए ...!

— लॉरेंट पेरेंटो

साइट अपलोडर ने इसे jpg में बदल दिया। यहाँ png फ़ाइल s8.postimage.org/z4apal6z9/cw_Copy.png है ..... कृपया पोस्टराइज़ का उपयोग न करें क्योंकि यह अन्य फ़ाइलों के साथ काम नहीं करेगा ..... धन्यवाद

— वेलियम

वह लिंक भी JPEG है।

— डैन डी।

इस बार मुझे यकीन है कि यह पीएनजी है www19.zippyshare.com/v/69590430/file.html...... आपकी मदद के लिए

— धन्यवाद

Answer 1

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

यदि आप छवि के लिए उच्च स्तर का संपीड़न चाहते हैं और दोषरहित डेटा संग्रहण की परवाह नहीं करते हैं, तो JPEG का उपयोग करें।

Comments

मैं थोड़ा नहीं कहूंगा। वेब के लिए फ़ोटोशॉप की सेव इतनी खराब है कि PNGOUT अक्सर दोषरहित फ़ाइलों को 20-40% तक कम कर सकता है। और Photoshop PNG8 + अल्फा का समर्थन नहीं करता है जो कुछ छवियों के लिए 70% छोटा हो सकता है।

— कोर्नेल

मैंने अब तक जो सबसे अच्छी संख्याएँ सिद्ध की हैं, वे लगभग 8-15% थीं, लेकिन बेझिझक मुझे बेहतर डेटा से जोड़ती हैं।

— माइकबाकॉक

मुझे एक png फाइल को ऑप्टिमाइज़ करने की जरूरत थी और उसके लिए tinypng.com का इस्तेमाल किया। इसने मुझे 50% से अधिक स्थान बचाया।

Answer 2

RIOT ऐसा कर सकता है, और भी बहुत कुछ।

रेडिकल इमेज ऑप्टिमाइज़ेशन टूल (शॉर्ट के लिए RIOT) एक मुफ्त छवि ऑप्टिमाइज़र है जो आपको न्यूनतम फ़ाइल आकार रखते हुए संपीड़न मापदंडों को नेत्रहीन समायोजित करने देगा।

यह वास्तविक समय में अनुकूलित छवि के साथ मूल की तुलना करने के लिए एक तरफ (दोहरी दृश्य) या एकल दृश्य इंटरफ़ेस के साथ उपयोग करता है और तुरंत परिणामी फ़ाइल आकार को देखता है।

छवि अनुकूलक हल्का, तेज और उपयोग करने में सरल है, फिर भी उन्नत उपयोगकर्ताओं के लिए शक्तिशाली है। आप अपने आउटपुट फ़ाइल के लिए संपीड़न, रंगों की संख्या, मेटा डेटा सेटिंग्स और बहुत कुछ नियंत्रित कर सकते हैं और छवि प्रारूप (JPEG, GIF या PNG) का चयन कर पाएंगे।

एक और संभावना यहाँ वर्णित के रूप में pngquant, pngout, और pngcrush के संयोजन का उपयोग करना है , लेकिन यह कमांड लाइन से है।

यहां निर्देश दिए गए हैं कि png24 छवियों को png8 में ie6 अच्छाई के लिए कैसे परिवर्तित किया जाए, सभी कमांड लाइन के माध्यम से ओपन सोर्स टूल्स (i think) pngquant + pngout + pngcrush का उपयोग करके किया जाता है।

1- छवि को 256 में परिमाणित करें (इसलिए मूल रूप से png8 looks बड़े स्प्राइट्स या बड़े रंग रेंज वाले स्प्राइट्स के साथ बकवास दिखते हैं)।

pngquant 256 some_24_bit.png

2- छवि को परिवर्तित करें png24 को png8 के रूप में

pngout -c3 -d8 -y -force कुछ_24_bit.png some_8_bit.png

3- कंप्रेस इमेज

pngcrush some_8_bit.png -bit_depth 8 -brute -rem alla -reduce some_8_bit_small.png

Answer 3

TinyPNG का प्रयास करें

उनकी वेबसाइट से:

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

जब आप पीएनजी (पोर्टेबल नेटवर्क ग्राफिक्स) फ़ाइल अपलोड करते हैं, तो आपकी छवि में समान रंग संयुक्त होते हैं। इस तकनीक को "परिमाणीकरण" कहा जाता है। क्योंकि रंगों की संख्या कम हो गई है, 24-बिट PNG फ़ाइलों को बहुत छोटी 8-बिट अनुक्रमित रंग छवियों में परिवर्तित किया जा सकता है। सभी अनावश्यक मेटाडेटा भी छीन लिए गए हैं। परिणाम: पारदर्शिता के लिए 100% समर्थन के साथ छोटे पीएनजी फाइलें।

उनके पास दो विकल्प हैं:

• चित्र को अपनी वेबसाइट पर खींचें और छोड़ें और यह स्वचालित रूप से संसाधित हो जाता है। नि: शुल्क सेवा। (20 चित्र तक। अधिकतम 5 एमबी प्रत्येक)
• फोटोशॉप प्लगइन। इसकी लागत $ है।

मैंने पीएस प्लगइन की कोशिश नहीं की है इसलिए इस पर टिप्पणी नहीं कर सकता कि यह कितनी अच्छी तरह काम करता है।

Comments

यह एक बहुत अच्छा टिप था, टिनीपीएनजी ने मेरी 24 बिट पीएनजी फाइल को फोटोशॉप से ​​200k से घटाकर 50k कर दिया और इसने ब्लेंडेड पारदर्शिता को बरकरार रखा! आपके जवाब के लिए धन्यवाद। ध्यान दें कि यह छवि की गुणवत्ता में लगभग अविभाज्य था।

— ट्रिपलएन्जेन

यह सचमुच काम करता है! गुणवत्ता खोने के बिना मेरी 1MB PNG छवि 253KB हो गई!

— ब्रूनो सेरानो

Answer 4

यदि आपको कमांड लाइन से कोई आपत्ति नहीं है , तो OptiPNG पर एक नज़र डालें , यह वही हो सकता है जो आप के बाद हो।

OptiPNG एक PNG ऑप्टिमाइज़र है जो किसी भी जानकारी को खोए बिना एक छोटे आकार में छवि फ़ाइलों को पुन: कॉन्फ़िगर करता है। यह कार्यक्रम पीएनजी को अनुकूलित करने के लिए बाहरी प्रारूप (बीएमपी, जीआईएफ, पीएनएम और टीआईएफएफ) को भी परिवर्तित करता है और पीएनजी अखंडता जांच और सुधार करता है।

Comments

धन्यवाद, लेकिन ज्यादा अनुकूलन में विफल रहा !! मैंने छवि अपलोड की

— वेलियम

Answer 5

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

Comments

धन्यवाद, लेकिन pngout ने केवल कुछ kb कम कर दिए !!

— वेलियम

क्या आपको जादू की उम्मीद थी? आपकी छवि में स्पष्ट रूप से 256 से अधिक रंग हैं। पहले रंगों की मात्रा कम करने के लिए इसे पोश्चराइज करें।

— ओलेग वी। वोल्कोव

जब आकार 970 से घटकर 945 हो जाता है तो यह अच्छे परिणाम नहीं होते हैं, मेरे पास अन्य पीएनजी के साथ भी काम नहीं करता है।

— वेलियम

Answer 6

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

यहाँ बताया गया है कि यह कैसे किया जाता है:

http://headers-already-sent.com/artikel/shrinkimage-1/

आपको PHP स्क्रिप्ट और jQuery प्लगइन के साथ एक पूरा ज़िप पैकेज भी मिलेगा। आइए जानते हैं कि आप इस बारे में क्या सोचते हैं।

Answer 7

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

प्रश्न से छवि ऊर्ध्वाधर लाइनों और कुछ स्प्लिट्स / शोर के साथ एक रंग ढाल की तरह दिखती है। निम्नलिखित परतों में तोड़ो:

1. कोई रेखा या शोर के साथ रंग ढाल। यह पीएनजी में अच्छी तरह से और जेपीईजी में बहुत अच्छी तरह से संपीड़ित करेगा। और भी बेहतर, क्लाइंट पर रंग ढाल बनाने के लिए जावास्क्रिप्ट का उपयोग करें। आप शायद इसे JS के 200 से कम बाइट्स में कर सकते हैं।
2. बिना रंग या शोर वाली खड़ी रेखाएं। आप इसे एक एकल 4 बिट चैनल (अल्फा या ग्रे) के लिए संपीड़ित कर सकते हैं। आपको केवल 1 पिक्सेल लंबी छवि चाहिए, जिसे आप खींच सकते हैं। यह पीएनजी में बहुत अच्छी तरह से संपीड़ित होगा।
3. शोर। फिर, आप सभी की जरूरत है एक एकल 4 बिट चैनल (अल्फा या ग्रे) है। रंग या रेखाओं के बिना, यह PNG या JPEG में बहुत अच्छी तरह से संपीड़ित होना चाहिए।

जावास्क्रिप्ट के साथ परतों को एक एकल छवि में मिलाएं, और आपकी पूरी "छवि" 15KB या उससे कम हो सकती है।

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

Answer 8

मानक PNG फाइलें पहले से ही सबसे संपीड़ित छवि प्रारूप हैं, जिनका आप उपयोग कर सकते हैं, इसलिए पीएनजी फाइलों का उपयोग वेबसाइटों पर छवियों के लिए बहुत किया जाता है, विशेष रूप से डिजाइन उद्देश्यों के लिए।

लेकिन अभी भी एक तरीका है जिससे आप पीएनजी फाइलों को और भी अधिक सेक कर सकते हैं; छवि में प्रयुक्त रंगों की संख्या कम करके। यह अक्सर फ़ाइल का आकार 70% या उससे अधिक तक कम कर सकता है।

सबसे अच्छा समग्र संपीड़न प्रतिशत के साथ सबसे अच्छा स्वचालित फ्री सॉफ्टवेयर जो मुझे इसके लिए मिला वह है फाइलऑप्टिमाइज़र जो कई इंजनों का उपयोग करता है।

एक और ऑनलाइन उपकरण जो मुझे अच्छे परिणामों के साथ मिला वह यह है: http://www.giftofspeed.com/png-compressor/

Answer 9

मुझे FileOptimizer शुरू करते हैं । यह छवि अनुकूलन के लिए विभिन्न तरीकों को जोड़ती है (कुछ अतिरिक्त बाइट को बचाने के लिए EXIF ​​हटाने सहित - बंद किया जा सकता है)।

अन्य परिणामों के साथ परीक्षण के परिणाम और तुलना।

Answer 10

ScriptPNG http://css-ig.net/scriptpng

यह आपको हानिपूर्ण सहित लगभग 10 विभिन्न विकल्प प्रदान करता है! मैंने एक गुच्छा की कोशिश की और यह विंडोज़ बैच फ़ाइल (.exes के गुच्छा के साथ) बढ़िया है

मैं व्यक्तिगत रूप से इसका उपयोग 8bit हानिपूर्ण को संपीड़ित करने के लिए करता हूं। वास्तव में यह सुनिश्चित नहीं है कि यह कैसे काम करता है लेकिन मेरे स्क्रीनशॉट समान दिखते हैं। मैं इसका उपयोग स्क्रीनशॉट को संपीड़ित करने के लिए करता हूं। मेरे पास लगभग 2GB pngs थे, अब केवल 700mb है