পিএনজি বনাম জিআইএফ বনাম জেপিইজি বনাম এসভিজির বিভিন্ন ব্যবহারের ক্ষেত্রে কী কী?


575

ওয়েবসাইট বা ইন্টারফেস ইত্যাদি নির্মাণের সময় নির্দিষ্ট চিত্র ফাইলের প্রকারগুলি কখন ব্যবহার করা উচিত?

তাদের শক্তি এবং দুর্বলতার পয়েন্টগুলি কী কী?

আমি জানি যে পিএনজি এবং জিআইএফ ক্ষয়ক্ষতিহীন, আর জেপিইজি ক্ষয়ক্ষতিহীন।
তবে পিএনজি এবং জিআইএফ-এর মধ্যে প্রধান পার্থক্য কী?
আমি কেন অন্যটির চেয়ে বেশি পছন্দ করব? এসভিজি কী এবং আমি কখন এটি ব্যবহার করব?

আপনি যদি প্রতিটি পিক্সেল সম্পর্কে চিন্তা করেন না, আপনি কি সর্বদা জেপিইজি ব্যবহার করবেন যেহেতু এটি "সবচেয়ে হালকা"?

উত্তর:


1400

কয়েকটি মূল কারণ সম্পর্কে আপনার সচেতন হওয়া উচিত ...

প্রথমত, দুটি ধরণের সংক্ষেপণ রয়েছে: লসলেস এবং লসী

  • ক্ষতিহীন মানে চিত্রটি আরও ছোট করা হয়েছে তবে মানটির কোনও ক্ষতি হয় না।
  • লসির অর্থ চিত্রটি ছোট (এমনকি) তৈরি করা হয় তবে এটি মানের জন্য ক্ষতিকারক। আপনি যদি কোনও চিত্রকে লসী ফর্ম্যাটে বারবার সংরক্ষণ করেন তবে চিত্রের মান ক্রমান্বয়ে আরও খারাপ হতে থাকবে।

বিভিন্ন বর্ণের গভীরতাও রয়েছে (প্যালেটগুলি): সূচিযুক্ত রঙ এবং সরাসরি রঙ

  • সূচকের অর্থ চিত্রটি কেবল রঙের মানচিত্র নামে পরিচিত এমন কিছু রঙের (সাধারণত 256) লেখক দ্বারা নিয়ন্ত্রিত সংরক্ষণ করতে পারে store
  • প্রত্যক্ষ অর্থ হ'ল আপনি এমন হাজার হাজার রঙ সঞ্চয় করতে পারেন যা সরাসরি লেখক চয়ন করেন নি

বিএমপি - লসলেস / সূচক এবং সরাসরি

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

ভাল: সত্যিকারের কিছুই না। এখানে বিএমপি ছাড়িয়ে ওঠার মতো কিছু নেই বা অন্য ফর্ম্যাটগুলির দ্বারা আরও ভাল করা হয়নি।

বিএমপি বনাম জিআইএফ


জিআইএফ - লসলেস / ইনডেক্স কেবল

জিআইএফ লসলেস কম্প্রেশন ব্যবহার করে যার অর্থ আপনি চিত্রটিকে বারবার বাঁচাতে পারবেন এবং কোনও ডেটা হারাবেন না। ফাইলের আকারগুলি বিএমপির চেয়ে অনেক ছোট, কারণ ভাল কম্প্রেশন আসলে ব্যবহৃত হয় তবে এটি কেবল একটি সূচি প্যালেট সঞ্চয় করতে পারে। এর অর্থ হল যে বেশিরভাগ ব্যবহারের ক্ষেত্রে ফাইলটিতে সর্বাধিক 256 টি ভিন্ন রঙ থাকতে পারে। এটি বেশ অল্প পরিমাণ মত শোনাচ্ছে, এবং এটি।

জিআইএফ চিত্রগুলি অ্যানিমেটেড এবং স্বচ্ছতা থাকতে পারে।

এর জন্য ভাল: লোগোস, লাইন অঙ্কন এবং অন্যান্য সাধারণ চিত্র যা ছোট হওয়া দরকার। কেবল সত্যই ওয়েবসাইটগুলির জন্য ব্যবহৃত।

জিআইএফ বনাম জেপিইজি


জেপিইজি - লসী / ডাইরেক্ট

জেপিজ ইমেজগুলি মানুষের চোখের দৃষ্টিগোচর নয় এমন তথ্য মুছে ফেলার মাধ্যমে যতটা সম্ভব ছোট ছোট ফটোগ্রাফিক চিত্র তৈরির জন্য ডিজাইন করা হয়েছিল। ফলস্বরূপ এটি একটি লসী ফর্ম্যাট এবং একই ফাইলটিকে বারবার সংরক্ষণ করার ফলে সময়ের সাথে সাথে আরও ডেটা হারিয়ে যাবে। এটি কয়েক হাজার রঙের প্যালেটযুক্ত এবং ফটোগ্রাফগুলির জন্য দুর্দান্ত, তবে ক্ষতির সংকোচনের অর্থ লোগোগুলি এবং লাইন আঁকার জন্য এটি খারাপ: কেবল এগুলি अस्पष्ट দেখাবে না, তবে এই জাতীয় চিত্রগুলির জিআইএফগুলির তুলনায় আরও বড় ফাইল-আকার থাকবে!

জন্য ভাল: ফটোগ্রাফ। গ্রেডিয়েন্টস।

জেপিইজি বনাম জিআইএফ


পিএনজি -8 - ক্ষতিহীন / সূচিযুক্ত

পিএনজি একটি নতুন ফর্ম্যাট, এবং পিএনজি -8 (পিএনজির ইনডেক্সড সংস্করণ) জিআইএফগুলির জন্য সত্যই একটি ভাল প্রতিস্থাপন। দুঃখজনক হলেও, এর কয়েকটি ত্রুটি রয়েছে: প্রথমত এটি জিআইএফ-এর মতো অ্যানিমেশন সমর্থন করতে পারে না (ভাল এটি পারে তবে কেবল ফায়ারফক্সই এটি সমর্থন করে, জিআইএফ অ্যানিমেশন যা প্রতিটি ব্রাউজার দ্বারা সমর্থিত) এর বিপরীতে নয়)। দ্বিতীয়ত এটি আই 6 এর মতো পুরানো ব্রাউজারগুলির সাথে কিছু সমর্থন সংক্রান্ত সমস্যা রয়েছে। তৃতীয়ত, ফটোশপের মতো গুরুত্বপূর্ণ সফ্টওয়্যারটির ফর্ম্যাটটি খুব খারাপ implementation (আপনাকে হতাশ, অ্যাডোব!) পিএনজি -8 কেবল জিআইএফ-এর মতো 256 টি রঙ সংরক্ষণ করতে পারে।

এর জন্য ভাল: পিএনজি -8 জিআইএফ-এর চেয়ে ভাল যে প্রধান কাজ করে তাতে আলফা ট্রান্সপারেন্সিটির সমর্থন রয়েছে।

পিএনজি -8 বনাম জিআইএফ


পিএনজি -৪৪ - ক্ষতিহীন / সরাসরি

পিএনজি -৪৪ একটি দুর্দান্ত ফর্ম্যাট যা লসলেস এনকোডিংকে সরাসরি রঙের সাথে সংযুক্ত করে (হাজার হাজার রঙ, ঠিক জেপিগের মতো)। এটি পিএমজি প্রকৃতপক্ষে চিত্রগুলিকে সংকুচিত করে ব্যতীত এটি সম্পর্কিত বিএমপির মতোই, সুতরাং এর ফলস্বরূপ অনেক ছোট ফাইল পাওয়া যায়। দুর্ভাগ্যক্রমে পিএনজি -৪৪ ফাইলগুলি এখনও জেপিইজি (ফটোগুলির জন্য) এবং জিআইএফ / পিএনজি -8 এস (লোগো এবং গ্রাফিক্সের জন্য) এর চেয়ে বড় হবে, তাই আপনি যদি এখনও সত্যিই কোনও ব্যবহার করতে চান তবে আপনাকে এখনও বিবেচনা করতে হবে।

যদিও পিএনজি -৪৪ এস সংক্ষেপে হাজার হাজার রঙের অনুমতি দেয়, তারা জেপিইজি চিত্রগুলি প্রতিস্থাপনের উদ্দেশ্যে নয়। PNG-24 হিসাবে সংরক্ষিত একটি ফোটোগ্রাফ দৃশ্যমান মানের খুব সামান্য উন্নতির সাথে সমমানের জেপিইজি চিত্রের চেয়ে কমপক্ষে 5 গুণ বড় হবে। (অবশ্যই, যদি আপনি ফাইলাইজ সম্পর্কে উদ্বিগ্ন না হন এবং আপনি যে সেরা মানের চিত্রটি পেতে পারেন তা পেতে চাইলে এটি পছন্দসই ফলাফল হতে পারে))

PNG-8 ঠিক তেমন, পিএনজি-24 আলফা-স্বচ্ছতাও সমর্থন করে।


এসভিজি - লসলেস / ভেক্টর

একটি ফাইল টাইপ যা বর্তমানে জনপ্রিয়তার সাথে বেড়ে চলেছে তা হ'ল এসভিজি, যা উপরের সমস্ত তুলনায় এটি ভেক্টর ফাইল ফর্ম্যাট (উপরের সমস্ত রাস্টার )। এর অর্থ এটি পিক্সেলের পরিবর্তে লাইন এবং বক্ররেখায় গঠিত। যখন আপনি কোনও ভেক্টর চিত্রটিতে জুম করেন, আপনি এখনও একটি বক্ররেখা বা একটি লাইন দেখতে পান। যখন আপনি একটি রাস্টার চিত্রটিতে জুম করবেন, আপনি পিক্সেল দেখতে পাবেন।

উদাহরণ স্বরূপ:

পিএনজি বনাম এসভিজি

এসভিজি বনাম পিএনজি

এর অর্থ এসটিজি লোগো এবং আইকনগুলির জন্য নিখুঁত যা আপনি রেটিনা স্ক্রিনে বা বিভিন্ন আকারে তীক্ষ্ণতা বজায় রাখতে চান। এর অর্থ এটিও একটি ছোট এসভিজি লোগোটি চিত্রের গুণমানের অবক্ষয় ছাড়াই অনেক বড় (বৃহত্তর) আকারে ব্যবহার করা যেতে পারে - যা রাস্টার ফর্ম্যাটগুলির সাথে পৃথক বৃহত্তর (ফাইলাইজের শর্তে) ফাইলের প্রয়োজন হবে।

এসভিজি ফাইলের আকারগুলি প্রায়শই ক্ষুদ্র হয়, এমনকি যদি তারা দৃশ্যত খুব বড় হয় তবে এটি দুর্দান্ত। এটি মনে রাখা উচিত, তবে এটি ব্যবহৃত আকারগুলির জটিলতার উপর নির্ভর করে। এসভিজিগুলিকে রাস্টার চিত্রগুলির তুলনায় আরও বেশি কম্পিউটিং শক্তি প্রয়োজন কারণ গাণিতিক গণনাগুলি বক্ররেখা এবং রেখাগুলি আঁকার সাথে জড়িত। যদি আপনার লোগোটি বিশেষত জটিল হয় তবে এটি কোনও ব্যবহারকারীর কম্পিউটারকে ধীর করতে পারে এবং এমনকী খুব বড় ফাইলের আকারও হতে পারে। এটি যতটা সম্ভব আপনার ভেক্টর আকারগুলি সরলীকরণ করা গুরুত্বপূর্ণ।

অতিরিক্ত হিসাবে, এসভিজি ফাইলগুলি এক্সএমএলে লিখিত হয় এবং তাই কোনও পাঠ্য সম্পাদক (!) এ খোলা এবং সম্পাদনা করা যায়। এর অর্থ এটির মানগুলি উড়ে যায় ip উদাহরণস্বরূপ, আপনি কোনও ওয়েবসাইটের এসভিজি আইকনের রঙ পরিবর্তন করতে জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন, যেমন আপনি কিছু পাঠ্য (যেমন দ্বিতীয় চিত্রের প্রয়োজন নেই) করতে পারেন, বা এনিমেটও করতে পারেন।

সব মিলিয়ে লোগোগুলি বা গ্রাফের মতো সাধারণ ফ্ল্যাট আকারগুলির জন্য এগুলি সেরা।

আমি আশা করি এটি সাহায্য করবে!


24
দুর্দান্ত উত্তর। আপনি যুক্ত করতে চাইতে পারেন জেপিইজি খুব ক্ষয়ক্ষতিহীন হতে পারে (যদিও ক্ষতিকারক রূপগুলি বেশিরভাগ ক্ষেত্রেই ব্যবহৃত হয়)।
ypercubeᵀᴹ

টুইটারে দেখে মনে হচ্ছে ফাইলটি সংরক্ষণের আগে অপ্রয়োজনীয় বিশদটি ফিল্টার করার জন্য এটি হ্যাকের বেশি। সুতরাং উদাহরণস্বরূপ, আপনি যদি আবার ফাইলটি সংরক্ষণ করেন তবে আপনি আর কোনও ডেটা হারাবেন না (জেপিজির বিপরীতে)। এটা কি সঠিক?
চক লে বাট

1
@ জাজানোআরিনহার্ট ফিল্টার হ্যাক আরও বেশি ক্ষতির পরিচয় দেবে যখন আপনি ছবিটি পুনরায় সংরক্ষণ করবেন। যাইহোক, আমি মনে করি না যে এটি ক্ষতির ফর্ম্যাট বা এনকোডারটির একটি ভাল সংজ্ঞা, আফাইক জেপিজির ডিসিটি বিপরীতমুখী, সুতরাং একটি ভাল এনকোডার আরও ক্ষতির পরিচয় না দিয়ে জেপিজিকে পুনরায় সংরক্ষণ করতে পারে
কর্নেল

2
@ সুডো নো, বিএমপি নিশ্চিতভাবে একটি প্রসেসিং দৃষ্টিকোণ থেকে ডিকোড করা সহজ, তবে এটি স্থানীয়ভাবে কোনও এসএসডি-তে সংরক্ষণ করা না হলে আমি সিপিইউতে প্রসেসিংয়ের জন্য ফাইলটি জেপিজি প্রসেসিংয়ের চেয়ে ধীর গতিতে ধরে নেব, বিশেষত সঠিকভাবে- লিখিত জেপিজি ডিকোডার যা হার্ডওয়্যার নির্দেশাবলী ব্যবহার করে যা এক বা দুই দশক ধরে উপলব্ধ।
ক্যামিলো মার্টিন

1
@ পাইরেটএপ আপনার প্রশ্নের উত্তর আশাবাদী করে সম্পাদিত
চক লে বাট

47

জেপিইজি সব ধরণের চিত্রের (বা এমনকি বেশিরভাগ) জন্য হালকা নয় is কোণ এবং সরল রেখা এবং সরল "পূরণ" (কঠিন রঙের ব্লক) সংকোচনের স্তরের উপর নির্ভর করে অস্পষ্ট প্রদর্শিত হবে বা সেগুলিতে শিল্পকলা রয়েছে। এটি একটি ক্ষতির ফর্ম্যাট এবং এমন ফটোগ্রাফগুলির জন্য সবচেয়ে ভাল কাজ করে যেখানে আপনি নিদর্শনগুলি পরিষ্কারভাবে দেখতে পাচ্ছেন না। সরল রেখাগুলি (যেমন অঙ্কন এবং কমিক এবং এ জাতীয়) পিএনজিতে খুব সুন্দরভাবে সংকোচিত হয় এবং এটি ক্ষতিহীন। জিআইএফ কেবল তখনই ব্যবহার করা উচিত যখন আপনি আই 6-এ কাজ করার স্বচ্ছতা চান বা আপনি অ্যানিমেশন চান। জিআইএফ কেবল একটি 256 রঙের প্যালেট সমর্থন করে তবে লসলেসও।

সুতরাং মূলত এখানে চিত্রের ফর্ম্যাটটি সিদ্ধান্ত নেওয়ার একটি উপায়:

  • জিআইএফ-এর যদি আইনি 6-তে কাজ করে এমন অ্যানিমেশন বা স্বচ্ছতার প্রয়োজন হয় (দ্রষ্টব্য, পিএনজি স্বচ্ছতা আই 6 এর পরে কাজ করে)
  • ছবিটি কোনও ছবি হলে জেপিজি।
  • পিএনজি যদি কমিক বা অন্যান্য অঙ্কনের মতো সরল রেখাগুলি হয় বা স্বচ্ছতার সাথে যদি বিস্তৃত রঙের পরিসর প্রয়োজন হয় (এবং আই 6 ফ্যাক্টর নয়)

এবং যেমন মন্তব্য করা হয়েছে, আপনি কী যোগ্য তা সম্পর্কে অনিশ্চিত থাকলে, প্রতিটি সংখ্যার বিভিন্ন সংকোচনের অনুপাতের সাথে চেষ্টা করুন এবং ছবির মান এবং আকারটি মাপুন এবং আপনি কোনটি সেরা বলে মনে করেন তা চয়ন করুন। আমি কেবল থাম্বের বিধি দিচ্ছি।


3
উত্তম উত্তর, তবে আমি নিম্নলিখিতগুলি যুক্ত করতে চাই: আপনি যদি অনিশ্চিত হন তবে প্রতিটি চেষ্টা করে দেখুন এবং ছবিটি কতটা সুন্দর দেখাচ্ছে এবং ফাইলটি কত বড়।
জেসি ওয়েইগার্ট

দেখুন, শেষে আপনি প্রশ্নটি আবিষ্কার করলেন এবং দুর্দান্ত উত্তর দিয়েছেন। ধন্যবাদ। আই 6 এর সাথে স্বচ্ছতার সমস্যাগুলি সম্পর্কে আমি জানতাম না, আপনি ভেবে অনেক কিছু দিয়েছেন।
ফারুজ

জিআইএফ বেশ পুরানো এবং আমি এটি কোনও কিছুর জন্য সুপারিশ করব না। অ্যানিমেশনের জন্য অনেকগুলি আধুনিক পন্থা (ভিডিও, ফ্ল্যাশ, জাভাস্ক্রিপ্ট + এসভিজি) রয়েছে। পিএনজি স্বচ্ছতা IE 5.5 এও নিখুঁতভাবে কাজ করতে পারে (পুরোপুরি নয়, GIF এর সমান)।
কৌশলগত

IE 5.5 এবং 6 প্রকৃতপক্ষে 8 বিট পিএনজি স্বচ্ছতাটিকে জিআইএফগুলির মতো সমর্থন করে, 24 বিট পিএনজির আলফা চ্যানেল স্বচ্ছতা নয় not
গ্রাহাম কনজেট

1
@ ট্রানিক, এটি সত্য, তবে এটি "সহজ" নয়
আর্লজ

7

আমি সাধারণত পিএনজির সাথে যাই, কারণ এটি জিআইএফ-এর থেকে কিছু সুবিধা রয়েছে বলে মনে হয়। জিআইএফ-তে পেটেন্ট বিধিনিষেধ থাকত তবে সেগুলির মেয়াদ শেষ হয়ে গেছে।

জিআইএফগুলি সীমিত সংখ্যক রঙ সহ ধারালো-প্রান্তযুক্ত লাইন আর্টের জন্য উপযুক্ত (যেমন লোগো)। এটি বিন্যাসের ক্ষতিকারক সংকোচনের সুবিধা গ্রহণ করে, যা সুস্পষ্ট সংজ্ঞাযুক্ত প্রান্তগুলি (जेপিইগির বিপরীতে, যা মসৃণ গ্রেডিয়েন্ট এবং নরম চিত্রগুলির পক্ষে থাকে) এর সাথে সমান বর্ণের সমতল অঞ্চলগুলির পক্ষে হয়।

জিআইএফগুলি ছোট অ্যানিমেশন এবং লো-রেজুলেশন ফিল্ম ক্লিপের জন্য ব্যবহার করা যেতে পারে।

256 বর্ণের জিআইএফ চিত্র প্যালেটে সাধারণ সীমাবদ্ধতার পরিপ্রেক্ষিতে এটি সাধারণত ডিজিটাল ফটোগ্রাফির বিন্যাস হিসাবে ব্যবহৃত হয় না। ডিজিটাল ফটোগ্রাফাররা চিত্রের ফাইল ফর্ম্যাটগুলি টিআইএফএফ, আরএডাব্লু বা ক্ষতিকারক জেপিইগের মতো বৃহত্তর রঙের পুনরায় উত্পাদন করতে সক্ষম ছবিগুলি ফটোগ্রাফগুলি সংকোচনের জন্য আরও উপযুক্ত।

পিএনজি ফর্ম্যাটটি জিআইএফ চিত্রগুলির একটি জনপ্রিয় বিকল্প কারণ এটি আরও ভাল সংকোচনের কৌশল ব্যবহার করে এবং এতে 256 রঙের সীমা থাকে না, তবে পিএনজিগুলি অ্যানিমেশনগুলিকে সমর্থন করে না। এমএনজি এবং এপিএনজি ফর্ম্যাটগুলি, উভয়ই পিএনজি থেকে প্রাপ্ত, অ্যানিমেশন সমর্থন করে, তবে ব্যাপকভাবে ব্যবহৃত হয় না।


3
পিএনজি আলফা স্বচ্ছতাও সমর্থন করে যা ওয়েব গ্রাফিক্সের জন্য বেশ প্রয়োজনীয়।
ট্রিক

5

জেপিগের তীক্ষ্ণ প্রান্ত ইত্যাদির চারপাশে নিম্নমানের গুণমান থাকবে এবং এই কারণে এটি বেশিরভাগ ওয়েব গ্রাফিক্সের জন্য অনুপযুক্ত। এটি ফটোগ্রাফ এ excels।

জিআইএফ এর সাথে তুলনা করে, পিএনজি স্বচ্ছতা সহ আরও ভাল সংক্ষেপণ, বৃহত্তর প্যালেট এবং আরও বৈশিষ্ট্য সরবরাহ করে। এবং এটি ক্ষতিহীন।


5

জিআইএফ 256 টি রঙের মধ্যে সীমাবদ্ধ এবং প্রকৃত স্বচ্ছতা সমর্থন করে না। আপনার GIF এর পরিবর্তে পিএনজি ব্যবহার করা উচিত কারণ এটি আরও ভাল সংক্ষেপণ এবং বৈশিষ্ট্যগুলি সরবরাহ করে। পিএনজি ছোট এবং সাধারণ চিত্রগুলির জন্য যেমন লোগো, আইকন ইত্যাদির জন্য দুর্দান্ত P

ফটোগুলির মতো জটিল চিত্রগুলির সাথে জেপিইগির আরও ভাল সংকোচন রয়েছে।


4

একটি হ্যাক রয়েছে যা সত্য রঙ দেখানোর জন্য জিআইএফ চিত্রগুলি ব্যবহার করতে পারে। কেউ 0 ফ্রেমের বিলম্ব সহ 256 টি রঙিন প্যালেটযুক্ত ফ্রেম সহ একটি জিআইএফ অ্যানিমেশন প্রস্তুত করতে পারেন এবং অ্যানিমেশনটি কেবল একবার দেখানোর জন্য সেট করতে পারেন। সুতরাং, সমস্ত ফ্রেম একই সাথে প্রদর্শিত হতে পারে। শেষে, একটি সত্য রঙিন জিআইএফ চিত্র সরবরাহ করা হয়।

অনেকগুলি সফ্টওয়্যার এই জাতীয় জিআইএফ চিত্রগুলি প্রশংসন করতে সক্ষম। তবে আউটপুট ফাইলের আকার পিএনজি ফাইলের চেয়ে বড়। এটি সত্যই প্রয়োজন হলে এটি অবশ্যই ব্যবহার করা উচিত।


3

পিএনজি-র জিআইএফ-এর চেয়ে বিস্তৃত রঙের প্যালেট রয়েছে এবং জিএনএফ যথাযথ থাকে যখন পিএনজি হয় না। জিআইএফ অ্যানিমেশন করতে পারে, সাধারণ-পিএনজি যা করতে পারে না। পিএনজি-স্বচ্ছতা কেবলমাত্র আইআই than এর চেয়ে সাম্প্রতিকতম ব্রাউজার দ্বারা সমর্থিত তবে সেই সমস্যার জন্য জাভাস্ক্রিপ্ট ঠিক আছে। উভয় আলফা স্বচ্ছতার সমর্থন করে। সাধারণভাবে আমি বলব যে ফটো, স্ক্রিনশট বা সিম্পিয়ারের জন্য জেপিগ ব্যবহার করার সময় আপনার বেশিরভাগ ওয়েবগ্রাফিক্সের জন্য পিএনজি ব্যবহার করা উচিত কারণ পিএনজি সংক্ষেপণ থ্রোতে খুব ভাল কাজ করে না।


3

জিআইএফ প্রতি চিত্র 256 টি রঙের প্যালেটের উপর ভিত্তি করে (কমপক্ষে এটির প্রাথমিক অবতারে)। পিএনজি "ট্রু কালার" করতে পারে, অর্থাত্ বাক্সের বাইরে ১.7..7 মিলিয়ন রঙ। ক্ষতিহীন জিএনএফ-এর চেয়ে লসলেস পিএনজি সংকুচিত করে। জিআইএফ "বাইনারি" স্বচ্ছতা করতে পারে (0% অস্বচ্ছতা বা 100% অস্বচ্ছতা)। পিএনজি আলফা পরিবহন পরিচালনা করতে পারে।

সব মিলিয়ে, আপনার যদি আলফা-স্বচ্ছ চিত্র ব্যবহার করার প্রয়োজন নেই এবং আইই 6 সমর্থন করার দরকার নেই, আপনার যখন ভেক্টর ইলাস্ট্রেশন এবং এর জন্য পিক্সেল-নিখুঁত চিত্রের প্রয়োজন হবে তখন পিএনজি সম্ভবত আরও ভাল পছন্দ। ফটোগ্রাফের জন্য জেপিজি অপরাজেয়।


3

2018 হিসাবে, আমাদের বেশ কয়েকটি নতুন ফর্ম্যাট রয়েছে, পূর্ববর্তী ফর্ম্যাটগুলির জন্য আরও ভাল সমর্থন এবং চিত্রগুলির পরিবর্তে ভিডিও ব্যবহারের কিছু চতুর হ্যাক।

ফটোগ্রাফ জন্য

jpg - এখনও সর্বাধিক বহুল সমর্থিত চিত্র বিন্যাস।

webp- গুগল থেকে নতুন ফর্ম্যাট । ব্রাউজার সমর্থন যদিও ভাল সম্ভাবনা দুর্দান্ত নয়।

আইকন এবং গ্রাফিক্স জন্য

svg- যখন সম্ভব. এটি রেটিনা স্ক্রিনগুলিতে ভাল স্কেল করে, পাঠ্য সম্পাদকগুলিতে সম্পাদনাযোগ্য এবং ডম-এ লোড থাকলে জেএস / সিএসএসের মাধ্যমে কাস্টমাইজযোগ্য।

png- যদি এটি রাস্টার গ্রাফিক্সের সাথে জড়িত থাকে (যেমন যখন ফটোশপে তৈরি করা হয়)। স্বচ্ছতা সমর্থন করে যা এই ব্যবহারের ক্ষেত্রে অত্যন্ত প্রয়োজনীয়।

অ্যানিমেশন জন্য

svg- ভেক্টর গ্রাফিক্সের জন্য প্লাস সিএসএস অ্যানিমেশন। এসএসজি + সিএসএস অ্যানিমেশনের পাওয়ারের সমস্ত সুবিধা।

gif - এখনও সর্বাধিক বহুল সমর্থিত অ্যানিমেটেড চিত্র ফর্ম্যাট।

mp4- যদি অ্যানিমেটেড চিত্রগুলি আসলে ছোট ভিডিও ক্লিপ হয়। টুইটার / হোয়াটসঅ্যাপ জিআইফগুলি এমপ্রেটে রূপান্তর করে।

apng- শালীন ব্রাউজার সমর্থন (যেমন কোন আইই, এজ নয়) তবে এটি তৈরি করা জিআইএফগুলির মতো সোজা নয়।

webp- এমপি 4 ব্যবহারের কাছাকাছি। দরিদ্র সমর্থন

এটি বিভিন্ন অ্যানিমেটেড চিত্রের বিন্যাসগুলির একটি দুর্দান্ত তুলনা

অবশেষে, যে কোনও ফর্ম্যাটই হোক না কেন এটি অপ্টিমাইজ করতে ভুলবেন না - প্রতিটি ফর্ম্যাটের জন্য সরঞ্জাম রয়েছে (যেমন এসভিজিও, গুয়েটজলি, অপটিপিএনজি ইত্যাদি) এবং যথেষ্ট পরিমাণে ব্যান্ডউইদথ সংরক্ষণ করতে পারে।


1

প্রধান পার্থক্যটি হ'ল জিআইএফ পেটেন্ট করা হয়েছে এবং আরও কিছুটা বহুল সমর্থনযোগ্য। পিএনজি হ'ল একটি উন্মুক্ত স্পেসিফিকেশন এবং আইএফ-এ আলফা স্বচ্ছতা সমর্থিত নয়। আইই 7-তে সমর্থন উন্নত হয়েছিল, তবে সম্পূর্ণ স্থির হয়নি।

ফাইল আকারের হিসাবে, জিআইএফ-র একটি ছোট ডিফল্ট রঙ প্যালেট রয়েছে, তাই এগুলি প্রথম নজরে ছোট আকারের ফাইল আকার ধারণ করে। পিএনজি ফাইলগুলির বৃহত্তর ডিফল্ট প্যালেট থাকে তবে আপনি তাদের রঙের প্যালেটটি সঙ্কুচিত করতে পারেন যাতে আপনি যখন করেন তখন এগুলি জিআইএফের চেয়ে ছোট ফাইলের আকার ধারণ করে। সমস্যাটি আবার হ'ল এই বৈশিষ্ট্যটি ইন্টারনেট এক্সপ্লোরার হিসাবে সমর্থিত নয়।

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


1

আপনি যদি জেপিজি নির্বাচন করেন এবং আপনি কোনও ওয়েবসাইটের জন্য চিত্রগুলি নিয়ে কাজ করছেন, আপনি গুগল গুয়েটজলিকে বিবেচনা করতে পারেন এনকোডারটি যা উপলভ্য। আমার অভিজ্ঞতায়, স্থির মানের জন্য গেটজলি স্ট্যান্ডার্ড জেপিইজি এনকোডিং লাইব্রেরির চেয়ে ছোট ফাইল তৈরি করে, যখন জেপিজি স্ট্যান্ডার্ডের সাথে সম্পূর্ণ সামঞ্জস্যতা বজায় রাখে (যাতে আপনার ছবিতে সাধারণ জেপিইজি চিত্রগুলির মতো একই সামঞ্জস্য থাকবে)।

একমাত্র ত্রুটিটি হ'ল গুয়েটজলি এনকোড করতে প্রচুর সময় নেয় .. তবে এটি কেবল একবার করা হয়, যখন আপনি ওয়েবসাইটটির জন্য চিত্রটি প্রস্তুত করেন, যখন সুবিধাগুলি চিরকাল থেকে যায়! ছোট চিত্রগুলি ডাউনলোড করতে কম সময় নেয়, তাই আপনার ওয়েবসাইটের গতি প্রতিদিনের ব্যবহারে বাড়বে।


0

জিআইএফ-তে 8 বিট (256 রঙ) প্যালেট রয়েছে যেখানে পিএনজি 24 বিট রঙ প্যালেট পর্যন্ত রয়েছে। সুতরাং, পিএনজি আরও রঙ এবং অবশ্যই অ্যালগরিদম সমর্থন সংকোচনের সমর্থন করতে পারে


0

হিসাবে @aarjithn দ্বারা নির্দিষ্ট, যে WebP ফটোগ্রাফ জমা করার জন্য একটি কোডেক হয়।

এটি অ্যানিমেশন (অ্যানিমেটেড ইমেজ সিকোয়েন্স) সঞ্চয় করার কোডেকও। 2020 পর্যন্ত, বেশিরভাগ মূলধারার ব্রাউজারগুলির জন্য এটি সমর্থনযোগ্যতা নেই ( সামঞ্জস্যতা টেবিল )। ডাব্লুআইসির জন্য নোট একটি প্লাগইন উপলব্ধ।

এটি জিআইএফ-এর সুবিধাগুলি রয়েছে কারণ এটি একটি ভিডিও কোডেক ভিপি 8 এর উপর ভিত্তি করে এবং জিআইএফের তুলনায় বিস্তৃত রঙের পরিসর রয়েছে, যেখানে জিআইএফ 256 বর্ণের সীমাবদ্ধ করে এটি 2 24 = 16777216 রঙে প্রসারিত করে , এখনও উল্লেখযোগ্য পরিমাণে স্থান সাশ্রয় করে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.