पारदर्शिता के साथ JPEG का उपयोग करना

बेशक, जेपीईजी प्रारूप पारदर्शिता का समर्थन नहीं करता है, लेकिन पारदर्शी बनावट के लिए पीएनजी के बजाय जेपीईजी का उपयोग करने का विचार लंबे समय से रोमांचक है। कॉमरेड पॉलज़ी ने हाल ही में HTML के लिए एसवीजी प्रारूप का उपयोग करने का सुझाव दिया है , जो छवि को स्वयं और मास्क को संग्रहीत करता है। जिम स्टड जेपीईजी में EXIF ​​क्षेत्रों का उपयोग करने और वहां मास्क का भंडारण करने, और कैनवास का उपयोग करके उन्हें वेब पेज पर प्रदर्शित करने का सुझाव देता है।
दोनों विधियों का उपयोग करना अपेक्षाकृत कठिन है, और वेब के लिए डिज़ाइन किया गया है, इसलिए मैंने सबसे सरल विकल्प पर समझौता किया: RGB के लिए हानिपूर्ण JPEG और PNG में एक दोषरहित मास्क को अलग से स्टोर करें, और उन्हें प्रोग्राम में UIImage प्राप्त करने के चरण में संयोजित करें। मैं तुरंत यह कहना चाहता हूं कि मैं मोनोऑच में लिखता हूं, क्योंकि मैं सी # में कोड लाता हूं, हालांकि ओबीजीसी में यह लगभग एक ही तरह से किया जाता है, सिंटैक्स को ध्यान में रखते हुए।

चैनल जुदाई

जुदाई के लिए, मैं ImageMagik कंसोल उपयोगिताओं का उपयोग करता हूं।
यह कमांड अल्फा चैनल को अलग करती है:
convert file.png -channel Alpha -separate file.mask.png

निम्न आदेश एक जेपीईजी फ़ाइल बनाता है, पारदर्शिता डेटा को छोड़ देता है। आमतौर पर, कुछ अन्य उपयोगिताओं (फ़ोटोशॉप सहित) जब पीएनजी फ़ाइल को जेपीईजी में परिवर्तित करते हैं, तो इसमें एक निश्चित मोनोक्रोम रंग जोड़ते हैं और उसके बाद ही इसे RGB में सेव करते हैं, जो प्री-गुणा अल्फा के साथ एक सुंदर लेकिन गलत तस्वीर देता है।
convert file.png -quality 90 -alpha off file.jpg

प्राप्त फ़ाइल की गुणवत्ता को गुणवत्ता 90 पैरामीटर द्वारा नियंत्रित किया जाता है। JPEG के लिए गुणवत्ता का 90% Apple कार्यक्रमों और फिल्मों के स्क्रीनशॉट के लिए अधिक है। मुझे लगता है कि हर कोई अपने स्वाद के लिए इस मूल्य को दर्जी कर सकता है।

अनुकूलन

पारदर्शिता के बिना मुखौटा को 8-बिट ग्रेस्केल पीएनजी के रूप में प्राप्त किया जाता है। यह प्रारूप Optipng के माध्यम से या वेबसाइट www.tinypng.org के माध्यम से पूरी तरह से संपीड़ित है।
जेपीईजी के साथ, स्थिति अधिक दिलचस्प है। यह केवल एक गुणवत्ता कार्य तक सीमित हो सकता है, लेकिन हाल ही में मैं लोरेन मेरिट से एक अद्भुत उपयोगिता जेपेग्रेस्कन में आया था, एक एफएफएमपी और एक्स 264 एनकोडर के डेवलपर्स में से एक ( उसके खाते पर संदेह है कि वह एक विदेशी दिमाग या साइबरनेटिक मस्तिष्क का प्रतिनिधि है )।
उपयोगिता एक असामान्य दृष्टिकोण का उपयोग करती है: यह प्रगतिशील संपीड़न के लिए विभिन्न गुणांक का चयन करती है और सबसे इष्टतम वाले का चयन करती है। आप समान चित्र गुणवत्ता के साथ 5 से 15% से जीतते हैं। उपयोगिता का अपना पृष्ठ नहीं है, केवल चर्चा और पर्ल कोड के साथ विषय : pastebin.com/f78db4bcc

हर बार मैन्युअल रूप से कमांड दर्ज न करने के लिए, मैंने एक साधारण बैश स्क्रिप्ट लिखी:

 #!/bin/bash basefile=${1##*/} maskfile="${basefile%.*}.mask.png" jpegfile="${basefile%.*}.jpg" convert $1 -channel Alpha -separate $maskfile convert $1 -quality 90 -alpha off $jpegfile optipng $maskfile jpegrescan $jpegfile $jpegfile 

यहाँ स्क्रिप्ट का परिणाम है:

मेरे मामले में, एक 1.8MB फ़ाइल से मुझे 380Kb और 35Kb की दो फाइलें मिलीं।

चिपकाने

ग्लूइंग खुद को बहुत सरलता से किया जाता है - दो चित्रों को UIImage में लोड किया जाता है, फिर CGMmage को उनके आधार पर बनाया जाता है, जिसका उपयोग WithMask विधि के साथ किया जाता है (ObjC में ये CGImageRef और initWithMask, क्रमशः) हैं, और फिर इसे एक नए UIImage में लपेटा जाता है।

  UIImage result; using(UIImage uiimage = UIImage.FromFile(file)) using(UIImage mask = UIImage.FromFile(maskFile)) { CGImage image = uiimage.CGImage; image = image.WithMask(mask.CGImage); result = UIImage.FromImage(image, uiimage.CurrentScale, uiimage.Orientation); } 

एक वास्तविक परियोजना में, मैंने * .mask.png फ़ाइल की उपस्थिति के लिए थोड़ा अधिक जटिल और जांच की और यदि यह गायब है, तो मैं सामान्य UIImage.FromFile () वापस करता हूं।

लाभ

नेत्रहीन, खेल किसी भी तरह से नहीं बदला है। आंख से बनावट और ग्लूइंग लोड करने में देरी ध्यान देने योग्य नहीं है, इसलिए मैंने इसे नहीं मापा। यह परियोजना अपने आप में 6 (!!) मेगाबाइट्स से कम हो गई है, दोनों .ipa रूप में, और iTunes और डिवाइस में।



पीएनजी में एक खेल से स्क्रीन। कोई कलाकृतियों या संपीड़न / पारदर्शिता के मुद्दे दिखाई नहीं देते हैं।
प्रोजेक्ट फ़ोल्डर में छवियों की दोगुनी संख्या से थोड़ा उलझन में है, लेकिन आप इसे जीवित रख सकते हैं। कोड परिवर्तन न्यूनतम हैं। इंटरफ़ेस ग्राफिक्स के लिए, यह विधि मैन्युअल रूप से UIImage को असाइन करने की आवश्यकता के कारण आदर्श नहीं है, और NIB / XIB से लोड नहीं है, लेकिन यह अपने स्वयं के नियंत्रण या बनावट के लिए काफी उपयुक्त है। भले ही आप JPEG को 100% गुणवत्ता के साथ सहेजते हों, परिणामी फ़ाइलों का आकार गुणवत्ता की हानि के बिना मूल PNG से छोटा हो सकता है।

PS ImageMagick और Optipng को बंदरगाहों (MacPorts / Fink / Brew) से डाला जाता है और उसी का नाम दिया जाता है। Jpegrescan स्क्रिप्ट pastebin के साथ घूमती है और jpeg पोर्ट का उपयोग करती है