টপিকঃ PNG বনাম JPEG

http://lbrandy.com/blog/wp-content/uploads/2008/10/jpg_vs_png2.png

পিএনজি আর জেপেগ ইমেজের বৈশিষ্ট আমরা সবাই জানি। একটা এনিমেশন, ট্রান্সপারেন্ট ইত্যাদি সাপোর্ট করে। কিন্তু অন্যটা এতকিছু সাপোর্ট করে না। কিন্তু কোনটা কোথায় ইউজ করতে হয় তা অনেকেই জানি না।

ফটো, ক্যামেরায় তোলা ছবি, পেইন্ট করা ছবি ইত্যাদির ক্ষেত্রে  জেপেগ  ব্যবহার করতে হয়। এক্ষেত্রে পিএনজি ইউজ করলে বিশাল সাইজের ফাইল হবে।

আর ডায়াগ্রাম, স্ক্রিনশট, কমিক বা কার্টুন, লোগো, শার্প এজের ভেক্টর গ্রাফিক্স ইত্যদির জন্য পিএনজি ব্যবহার করতে হয়। এক্ষেত্রে জেপেগ ইউজ করলে ছবিটা কেমন হবে তার স্যাম্পল তো উপরেই আছে।



[বিশেষ দ্রষ্টব্যঃ আজ ঐ কমিকটা দেখি। এরপর পোস্ট খুজে বের করি। তারপর কয়েকটা কথা যোগ করে ভাবলাম প্রজন্মে শেয়ার করি। ]

কৃতজ্ঞতা: কমিক লেখকের ব্লগ

Feed থেকে ফোরাম সিগনেচার, imgsign.com
ব্লগ: shiplu.mokadd.im
মুখে তুলে কেউ খাইয়ে দেবে না। নিজের হাতেই সেটা করতে হবে।

শিপলু'এর ওয়েবসাইট

লেখাটি GPL v3 এর অধীনে প্রকাশিত

Re: PNG বনাম JPEG

বাহ্‌ ভালো তো... আমার জানা ছিলনা... ধন্যবাদ শেয়ারের জন্য...

গর্ব এবং আশায় ভরা বুক! কাঁধে কাঁধ, হাতে হাত, সমুন্নত শির!
আমি তুমি সবাই মিলে এক, একই লাল সবুজের কোলে সবার নীড়।

Re: PNG বনাম JPEG

হুম জানতাম। ধন্যবাদ  big_smile thumbs_up

এম. মেরাজ হোসেন
IQ: 113
http://www.iq-test.cc/badges/4774105_3724.png

Re: PNG বনাম JPEG

ধন্যবাদ শেয়ারের জন্য

জাযাল্লাহু আন্না মুহাম্মাদান মাহুয়া আহলুহু......
এই মেঘ এই রোদ্দুর

Re: PNG বনাম JPEG

শিপলু লিখেছেন:

জেপেগ ইউজ করলে ছবিটা কেমন হবে তার স্যাম্পল তো উপরেই আছে।

কিছুটা ভিন্নমত পোষণ করছি। জেপেগ কোয়ালিটি বাড়ালে আপনার দেখানো ছবির মতো এমনটা খারাপ হয় না।

Re: PNG বনাম JPEG

PNG-র এনিমেটেড ভার্শণ হলো এনিমেটেড পিএনজি তথা aPNG। এনিমেটেড পিএনজি ফাইলের এক্সটেনশন .apng কিংবা .png দুটোই হতে পারে। এনিমেটেড GIF অপেক্ষা aPNG-র বাড়তি একটি সুবিধা হলো এটি ২৪-বিট ইমেইজের সাথে বাড়তি ৮-বিটের ট্রান্সপারেন্সিও সাপোর্ট করে। তবে আপনার পিসির সাধারণ ইমেইজ ভিউয়ার aPNG-র এনিমেশন তথা সকল ফ্রেম নাও দেখাতে পারে। সেক্ষেত্রে শুধুমাত্র প্রথম ফ্রেমটি দেখাবে। মডার্ণ ব্রাউজার/মোবাইলের মধ্যে ফায়ারফক্স, অপেরা ও অপেরা মোবাইলের বর্তমান ভার্শণগুলো aPNG-র এনিমেশন সাপোর্ট করে বাড়তি কোন এ্যাডঅন ছাড়াই। Google Chrome কিংবা Chromium ব্রাউজারের জন্য APNG এ্যাডঅন প্রয়োজন হয়।

ফটোশপ, গিম্প ইত্যাদি ইমেইজ প্রসেসিং প্রোগ্রামগুলো সংশ্লিষ্ট প্লাগইন ব্যবহার করে aPNG সাপোর্ট পেতে পারে। অবশ্য Konvertor, Gamani GIF Movie Gear, RealWorld Paint ইত্যাদি সফটওয়্যার এমনিতেই aPNG সাপোর্ট করে।

Re: PNG বনাম JPEG

vb_coder লিখেছেন:

কিছুটা ভিন্নমত পোষণ করছি। জেপেগ কোয়ালিটি বাড়ালে আপনার দেখানো ছবির মতো এমনটা খারাপ হয় না।

হ্যা এমনটা খারাপ হয় না। জেপেগ ইমেজের কোয়ালিটি ১০০ করলেও কিন্তু অরিজিনিনাল ইমেজের মত হবে না। এর মূল কারণ হল ১) এটা lossy ফরম্যাট, ২) কালার ইনডেক্সিং সাপোর্ট করে না ও ৩) কোয়ালিটি ১০০ মানে সবচেয়ে কম কমপ্রেশন, কিন্তু কতখানি কম তা নির্ভর করছে সফটওয়্যারের উপর।
শার্প এজের কোন ছবি জেপেগে নিলে তার সাইজ পিএনজি অপেক্ষা বেশি হবেই। টেকনিক্যাল তথ্য জানতে উইকির এই আর্টিকেলটা পড়ে দেখুন।


জেলাল লিখেছেন:

PNG-র এনিমেটেড ভার্শণ হলো এনিমেটেড পিএনজি তথা aPNG। এনিমেটেড পিএনজি ফাইলের এক্সটেনশন .apng কিংবা .png দুটোই হতে পারে। এনিমেটেড GIF অপেক্ষা aPNG-র বাড়তি একটি সুবিধা হলো এটি ২৪-বিট ইমেইজের সাথে বাড়তি ৮-বিটের ট্রান্সপারেন্সিও সাপোর্ট করে। তবে আপনার পিসির সাধারণ ইমেইজ ভিউয়ার aPNG-র এনিমেশন তথা সকল ফ্রেম নাও দেখাতে পারে। সেক্ষেত্রে শুধুমাত্র প্রথম ফ্রেমটি দেখাবে। মডার্ণ ব্রাউজার/মোবাইলের মধ্যে ফায়ারফক্স, অপেরা ও অপেরা মোবাইলের বর্তমান ভার্শণগুলো aPNG-র এনিমেশন সাপোর্ট করে বাড়তি কোন এ্যাডঅন ছাড়াই। Google Chrome কিংবা Chromium ব্রাউজারের জন্য APNG এ্যাডঅন প্রয়োজন হয়।

ফটোশপ, গিম্প ইত্যাদি ইমেইজ প্রসেসিং প্রোগ্রামগুলো সংশ্লিষ্ট প্লাগইন ব্যবহার করে aPNG সাপোর্ট পেতে পারে। অবশ্য Konvertor, Gamani GIF Movie Gear, RealWorld Paint ইত্যাদি সফটওয়্যার এমনিতেই aPNG সাপোর্ট করে।

পিএনজি গ্রুপ এপিএনজিকে ড্রপ করার পর এপিএনজির অবস্থা খারাপ হয়ে গেছে আসলে। এখন অফিসিয়ালি পিএনজি এনিমেশন সাপোর্ট করে না। অন্য দিকে সংশ্লিষ্ট সফ্টওয়্যার সমুহও পিএনজিতে এনিমেশন বাদ দিয়ে দিয়েছে। এনিমেশন চাইলে এপিএনজি সাপোর্ট করাতে হবে। তার জন্য থার্ড পার্টি এড-এন লাগবে। উইকির PNG এর  Application support দেখলে তাই মনে হয়। আমি যখন ইন্টারনেট এক্সপ্লোরার ৪ এর জন্য ওয়েবপেজ বানিয়েছিলাম উইন্ডোজ '৯৮ এ তখনও দেখতাম পিএনজি ফাইলগুলো এনিমেট করে। ২০০২-২০০৩ সাল হবে। আর APNG কিনা রিলিজ হল ২০০৮ সালে!!  এখন ইন্টারনেট এক্সপ্লোরার ৯ থেকে মাইক্রোসফট পিএনজিতে এনিমেশন বাদ দিয়েছে।

Feed থেকে ফোরাম সিগনেচার, imgsign.com
ব্লগ: shiplu.mokadd.im
মুখে তুলে কেউ খাইয়ে দেবে না। নিজের হাতেই সেটা করতে হবে।

শিপলু'এর ওয়েবসাইট

লেখাটি GPL v3 এর অধীনে প্রকাশিত

Re: PNG বনাম JPEG

জানা ছিল। তবে এরকম সুন্দরভাবে কেউ কখনো উপস্থাপন করে বুঝায়ে দেয় নাই smile প্লাস!

OH DEAR NEVER FEAR SAIF IS HERE
BOSS অর্থাৎ সাইফ
Cloud Hosting BossHostBD

Re: PNG বনাম JPEG

কাজে লাগবে।

১০

Re: PNG বনাম JPEG

JPEG কে জেপেগ বলার কারণ কি? PNG কে তাহলে পেন্জ বলা যাবে?  notlistening

....

১১

Re: PNG বনাম JPEG

রাসেল আহমেদ লিখেছেন:

JPEG কে জেপেগ বলার কারণ কি? PNG কে তাহলে পেন্জ বলা যাবে?  notlistening

অফটপিক

১২

Re: PNG বনাম JPEG

সেভারাস লিখেছেন:

অফটপিক

কিসের ভিত্তিতে অফটপিক বললেন? সম্পুর্ণ টপিকের মধ্যেই প্রশ্নটা করেছি।

....

১৩

Re: PNG বনাম JPEG

সেয়ার কারার জন্য ধন্যবাদ।অনেক কিছু জানা হলো।

ওয়াসকর্ম ও ওয়াসকৃত মস্তিস্ক্য প্রতিটা দলের মাঝেই দেখা যায়।রাজনৈতিক দলীয় ফ্যন/মুরীদ মাত্রই ক্ষীনদৃষ্ট সম্পন্ন।দেশী,বিদেশী,খ্যাতমান বা অখ্যত যেমনই হোক,কপিক্যাটকে বর্জন করে নকলের অরিজিনালটা গ্রহন করে তাদের মেধা ও সাহস অনুপ্রনিত করি।

১৪

Re: PNG বনাম JPEG

রাসেল আহমেদ লিখেছেন:

JPEG কে জেপেগ বলার কারণ কি? PNG কে তাহলে পেন্জ বলা যাবে?  notlistening

আমি JPEG – কে জেইপেগ বলি।

লেখাটি CC by-nc-sa 3.0 এর অধীনে প্রকাশিত

১৫

Re: PNG বনাম JPEG

ওয়েবে কোনটা বেশি সুবিধাজনক?

আমি ট্রান্সপারেন্সি দরকার না থাকলে জেপিজি আর ট্রান্সপারেন্সি (CSS Sptires etc) দরকার থাকলে পিএনজি ইউজাই!

অফটপিকঃ rgba কালার (আলফা) HEX এ লেখা যায়?  sleeping

সেভারাস লিখেছেন:
রাসেল আহমেদ লিখেছেন:

JPEG কে জেপেগ বলার কারণ কি? PNG কে তাহলে পেন্জ বলা যাবে?  notlistening

অফটপিক

মিস্টার সেভারাস আপনিই কিন্তু অপটপিকটা করলেন।  thumbs_down thumbs_down

এসো গাই তারুণ্যের জয়গান রংমহল

আরাফাত জাহান কুয়াশা'এর ওয়েবসাইট

লেখাটি GPL v3 এর অধীনে প্রকাশিত

১৬

Re: PNG বনাম JPEG

রাসেল আহমেদ লিখেছেন:
সেভারাস লিখেছেন:

অফটপিক

কিসের ভিত্তিতে অফটপিক বললেন? সম্পুর্ণ টপিকের মধ্যেই প্রশ্নটা করেছি।

সব কথা ধরতে নেই, ইগনোর করেন  tongue

যাহোক জেপেগ বলার নিশ্চই কোন কারন আছে যা আমারও জানার ইচ্ছা  smile

১৭ সর্বশেষ সম্পাদনা করেছেন জেলাল (১৪-০১-২০১৩ ১০:৫৬)

Re: PNG বনাম JPEG

আরাফাত জাহান কুয়াশা লিখেছেন:

ওয়েবে কোনটা বেশি সুবিধাজনক?

আমি ট্রান্সপারেন্সি দরকার না থাকলে জেপিজি আর ট্রান্সপারেন্সি (CSS Sptires etc) দরকার থাকলে পিএনজি ইউজাই!

এনিমেশন, সিম্পল ট্রান্সপারেন্সি, সিম্পল আইকন, লোগো ও সিম্বলের জন্য GIF;  গ্র্যাডিয়েন্ট, গ্রাফিক্সসমৃদ্ধ ও মাল্টি-লেভেলের ট্রান্সপারেন্সীযুক্ত ইমেইজের জন্য PNG এবং ফটোগ্রাফ টাইপের ইমেইজের জন্য JPEG ব্যবহার করা যেতে পারে।

ফটোগ্রাফের জন্য কখনোই GIF ব্যবহার করা উচিত নয়। কারণ এটা ২৫৬ (০-২৫৫) কালারের বেশি সাপোর্ট করে না। JPEG ১৬.৭ মিলিয়ন কালার পর্যন্ত সাপোর্ট করে।

ট্রান্সপারেন্সির ক্ষেত্রে GIF হয় পুরো opaque (স্বচ্ছ),  না হয় পুরো transparent (অস্বচ্ছ) পিক্সেল সাপোর্ট করে। মাঝামাঝি (মাল্টি-লেভেল) ট্রান্সপারেন্সীর জন্য PNG ব্যবহার করতে হবে। যেমন- নিচের ইমেইজগুলোর মতো চাইলে আপনাকে অবশ্যই PNG ব্যবহার করতে হবে:

http://hostmarts.com/projanmo/trans.png
http://hostmarts.com/projanmo/trans_1.png

এটার GIF ভার্শণ আপনার পারপাস সার্ভ করবেনা যেটা অনেকটা এরকম হবে:
http://hostmarts.com/projanmo/trans.gif
http://hostmarts.com/projanmo/trans_1.gif

আরাফাত জাহান কুয়াশা লিখেছেন:

rgba কালার (আলফা) HEX এ লেখা যায়?  sleeping

না, কিছু ইমেইজ প্রসেসিং সফটওয়্যার হেক্সাডেসিমেলে ARGB কিংবা RGBA সাপোর্ট করলেও সিএসএসে (সিএসএস-৩) তা rgba(255, 0, 0, 1) -এই ফরমেটেই লিখতে হবে। এখানে red, green ও blue কালারগুলোর প্রতিটার রেঞ্জ হবে 0 - 255 এবং alpha-র রেঞ্জ হবে 0 - 1। অর্থাৎ, আপনি পুরো opaque (অস্বচ্ছ) চাইলে 1 এবং পুরো transparent (স্বচ্ছ) চাইলে 0 দিতে হবে। এভাবে, 0.5 হবে সেমি-ট্রান্সপারেন্সীর জন্য।

সিএসএস-৩ RGBA সাপোর্ট করে। ব্রাউজারগুলোর মধ্যে অপেরা, ক্রোম, ফায়ারফক্স, সাফারি ইত্যাদির অনেকগুলো ভার্শণই RGBA সাপোর্ট করে। ইন্টারনেট এক্সপ্লোরারের শুধুমাত্র ৯ প্রিভিউ এটা সাপোর্ট করে।

১৮

Re: PNG বনাম JPEG

রাসেল আহমেদ লিখেছেন:

JPEG কে জেপেগ বলার কারণ কি? PNG কে তাহলে পেন্জ বলা যাবে?  notlistening

আমি তো জিপেগ বলি। PNG কে বলি পিংগু  tongue

এম. মেরাজ হোসেন
IQ: 113
http://www.iq-test.cc/badges/4774105_3724.png

১৯

Re: PNG বনাম JPEG

আশিফ শাহো লিখেছেন:

সব কথা ধরতে নেই, ইগনোর করেন

হুমম ইগনোরই করলাম। আপনি ফটোসপের ডকুমেন্টকে কি বলেন? পিস্ডু?

জেলাল ভাইকে ধন্যবাদ ব্যাপারটা ভালভাবে বুঝিয়ে দেবার জন্য  thumbs_up

....

২০

Re: PNG বনাম JPEG

রাসেল ভাই যার যেটা ইচ্ছা হয় সেটা বলে। আমিতো জিপেগ বলি। এটা যার যার মত। অনেকে Begin  কে বেগিন বলে আবার বিগিন বলে আবার বিগেইন বলে।

এম. মেরাজ হোসেন
IQ: 113
http://www.iq-test.cc/badges/4774105_3724.png