কোন ওয়েব গ্রাফিক্স ফর্ম্যাট ব্যবহার করতে হবে?


43

ওয়েব সাইটগুলিতে জেপিইজি, জিআইএফ, পিএনজি, এসভিজি ফর্ম্যাট গ্রাফিক্স থাকতে পারে। কোনটি ব্যবহার করা উচিত, এবং কখন?


3
এই প্রশ্নের বয়স বিবেচনা করে আমাদের এসভিজি
DA01

@ ডিএ 01, টিআইএফএফও
পেসারিয়ার

1
আশাকরি আরও এসভিজি ইনপুট পাওয়ার জন্য একটি অনুগ্রহ যুক্ত করা হয়েছে। কিছু আছে, কিন্তু এটি কিছুটা পুরানো। @Pacerier .TIFF হয় না একটি ওয়েব বিন্যাস এবং সেইজন্য কখনো ওয়েব ব্যবহারের জন্য উপযুক্ত। টিফ একটি মুদ্রণের জন্য ডিজাইন করা একটি বিন্যাস।
স্কট 21

2
টিআইএফএফের মতো @ জংওয়্যার, বর্তমানে এপিএনজি-রও খুব কম সমর্থন রয়েছে (এবং সম্ভবত ভবিষ্যতে এটি আরও ভাল হবে না)।

1
এসভিজি এবং আইকন ফন্ট উভয়ই অন্তর্ভুক্ত করার জন্য @ স্কট আপ্টেটেড জেডজেজবভের উত্তর।
DA01

উত্তর:


38

জেপিজি কখন ব্যবহার করবেন

  • ফটোগ্রাফিক চিত্র
  • যখন সংকোচনের বিষয়টি বিবেচনা করে না

পিএনজি কখন ব্যবহার করবেন

  • যখন আপনার স্বচ্ছতা দরকার
  • যখন আপনি প্যাটার্নিং (পটভূমি)

জিআইএফ কখন ব্যবহার করবেন

  • যখন আপনার পিছনে সামঞ্জস্যপূর্ণ অ্যানিমেশন প্রয়োজন *
  • যখন কোনও চিত্র প্রাথমিকভাবে কেবলমাত্র কয়েকটি মুষ্টি রঙের (2-16) সমন্বিত থাকে **
  • যখন আপনার স্বচ্ছতার প্রয়োজন নেই এবং প্যাটার্নিং রয়েছে (যদিও পিএনজি পছন্দসই)

* প্রায় সব ব্রাউজারের জন্য কার্যকর বিকল্প হিসাবে সিএসএস অ্যানিমেশন বৃদ্ধি পাওয়ার সাথে সাথে .GIF ফর্ম্যাটটি ওয়েব অ্যানিমেশনের জন্য যেতে-যাওয়া ফর্ম্যাটটি কম এবং কম হয়। .jpg, .pngএবং .gifসকলের সিএসএস ব্যবহারের সাথে একটি "অ্যানিমেটেড" বৈশিষ্ট্য থাকতে পারে। যদিও নির্দিষ্ট কিছু দৃশ্যে অ্যানিমেটেড জিআইএফগুলি ওয়েব ডিজাইনে আকর্ষণীয়ভাবে ব্যবহার করা যেতে পারে, ব্যতিক্রমগুলি বিরল, তাই কেবল এগুলি এড়ানো ভাল to

** ( .gifচিত্রগুলি কেবল তাদের প্যালেটের মধ্যে 256 রঙের মধ্যেই সীমাবদ্ধ)


1
আমি আপনার বেশিরভাগ পয়েন্টের সাথে একমত, তবে আমি সাধারণ বর্ণমালা / ডায়াগ্রামের জন্য কয়েকটি রঙ / গ্রেডিয়েন্ট না থাকায় জিপিএফ ব্যবহার করি কারণ এর ফলে ফাইলের আকার ছোট হয় এবং জেপিইগির চেয়ে আরও তীক্ষ্ণ চেহারা হয়।
জর্জ প্রোফেনজা

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

1
এই উত্তর দুর্দান্ত। আইএন সংস্করণগুলি হ্রাস করার পক্ষে এটি বন্ধুত্বপূর্ণ হওয়ায় পিএনজি 8 অত্যন্ত গুরুত্বপূর্ণ পার্থক্য। পিএনজি 32 দুর্দান্ত যখন আপনি এটি ব্যবহার করতে পারেন তবে পিএনজি 8 সম্পর্কে এই দুটি নিবন্ধটি এখানে এবং এখানে দেখুন !
গ্যারেট ক্লোবোন

@ জর্জি: আমি আকারের সুবিধার জন্য সাধারণ আকারগুলি সহ সহজ 1-16 রঙের গ্রাফিক্সের জন্যও জিআইএফ ব্যবহার করি। +1
গ্রেট ক্যালোবার

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

31

(সদৃশ প্রশ্ন থেকে স্থানান্তরিত)

এটি সম্পূর্ণরূপে আপনি যে ধরণের চিত্র সঞ্চয় করতে চান তার উপর নির্ভর করে।

  • পিএনজি হ'ল লসলেস সংকোচনের বিন্যাস যা "ভেক্টর-জাতীয়" বিটম্যাপ গ্রাফিক্সের জন্য উপযুক্ত (অর্থাত্ একই, একই বর্ণের সাথে বৃহত, নিয়মিত অঞ্চল এবং স্পষ্টভাবে সংজ্ঞায়িত প্রান্তযুক্ত গ্রাফিক্স; স্পষ্ট পাঠ্যযুক্ত গ্রাফিক্স)।

  • এসভিজি হ'ল একটি ভেক্টর ফর্ম্যাট , যা ভেক্টর গ্রাফিক্স (সংক্ষেপে, পিক্সেল সংগ্রহের পরিবর্তে জ্যামিতিক উপাদানগুলির সংগ্রহ) রাখতে উপযুক্ত best এসভিজি সীমাহীনভাবে স্কেলেবল, বিটম্যাপ গ্রাফিক্স যখন বড় হবে তখন গুণমান হারাবে।

  • জেপিজি একটি ক্ষতিকারক সংকোচনের বিন্যাস (অন্যান্য জিনিসের মধ্যে এটি স্টোরেজের স্থান বাঁচাতে মানুষের চোখের অদৃশ্য হয়ে থাকা চিত্রের बारीকগুলি সরিয়ে দেয়)। এটি ফটোগ্রাফের জন্য সবচেয়ে উপযুক্ত; এটির সংকোচনের পদ্ধতির কারণে এটি ভেক্টরের চিত্র বা পাঠ্যের পক্ষে ভাল নয়।

ব্রাউজারের সামঞ্জস্যতা:

  • পিএনজি গ্রাফিকগুলি ব্রাউজারগুলিতে সমর্থিত, আইএন 6 ব্যতীত যদি পিএনজিতে আলফা স্বচ্ছতা থাকে (স্বচ্ছ অংশগুলি একটি ধূসর ধূসর হিসাবে উপস্থাপিত হবে), এবং আইএন এর সমস্ত সংস্করণ যদি পিএনজি যদি এইচটিএমএল উপাদানটির সাথে 100 এর চেয়ে কম থাকে তবে % (তবে এটি একটি প্রান্তের কেস)।

  • এসভিজি সর্বদা এখনও কোনও বিকল্প নয় কারণ এই মুহূর্তে ব্রাউজার সমর্থন 100% নয় । একটি সাধারণ <img>ট্যাগের সাথে অন্যান্য আচরণগত পার্থক্যও থাকতে পারে । আপনি কী করছেন তা যদি আপনি জানেন তবেই এটি ব্যবহার করুন।

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


27

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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

গুরুত্বপূর্ণ দ্রষ্টব্য: শেষ পর্যন্ত ফটোশপ তাদের সর্বশেষ সংস্করণগুলিতে আলফা স্বচ্ছতার জন্য সমর্থন যোগ করেছে। আপনার যদি কোনও পুরোনো থাকে তবে ফটোশপ PNG-24 ফাইলগুলিকে স্বচ্ছতা বজায় রেখে পিএনজি -8 ফাইলগুলিতে রূপান্তর করার উপায় রয়েছে though একটি পদ্ধতি হ'ল পিএনজিকুইন্ট , অন্যটি হ'ল ফায়ারওয়ার্ক সহ আপনার ফাইলগুলি সংরক্ষণ করা ।


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

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

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

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


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

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

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

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

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

এর অর্থ এসটিজি লোগো এবং আইকনগুলির জন্য নিখুঁত যা আপনি রেটিনা স্ক্রিনে বা বিভিন্ন আকারে তীক্ষ্ণতা বজায় রাখতে চান।

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

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


গত উদাহরণস্বরূপ হিসাবে, আপনি সূচক একটি PNG চিত্র এটা compair করতে পারে মোটামুটি জিআইএফ হবে .. পিএনজি, কম্প্রেশন এ জিআইএফ চেয়ে ভাল অবস্থায় দেখা যায় তারা সমান ঘাসের চাপড়া আছি যুদ্ধ ... imgur.com/a/MDO4m
জেমস দ্য আশ্চর্যডুড

@ জেমসআউইউইলডুড আমি আরও উপযুক্ত একটি চিত্রের জন্য সেই চিত্রটি সরিয়ে রেখেছি।
জাজানো রেইনহার্ট

16

জেপিজি:

সুবিধাদি :

  • প্রচুর বিভিন্ন সংকোচনের স্তর উপলব্ধ
  • সমস্ত চিত্র সম্পাদক সহ কারসাজি করা সহজ

অসুবিধা:

  • সংক্ষেপণ নিদর্শন

ব্যবহারসমূহ :

  • প্রচুর রঙযুক্ত বড় ছবি বা চিত্র
  • যখন উচ্চ সংকোচনের প্রয়োজন হয়

পিএনজি:

সুবিধাদি :

  • আলফা দিয়ে স্বচ্ছতা!
  • প্রচুর রং
  • Jpg প্রতিস্থাপন করতে পারেন

অসুবিধা:

  • জেপিজির চেয়ে কম সংক্ষেপণ (তবে এতটা নয়)
  • আই 6 এর সাথে বেমানান (এবং 7 আমি বিশ্বাস করি) - অবশ্যই এটির জন্য প্যাচ বা হ্যাক ব্যবহার করা উচিত। কিন্তু কে ভাবে? একটি অবশ্যই ব্যবহার করা উচিত;)

ব্যবহারসমূহ :

  • ছোট বা মাঝারি ছবি / প্রচুর রঙের চিত্র
  • যদি আপনি গ্রেডিয়েন্ট স্বচ্ছতা চান তবে অবশ্যই একটি ব্যবহার করা উচিত
  • আইকন
  • লোগো

জিআইএফ:

সুবিধাদি :

  • অ্যানিমেটেড হতে পারে
  • খুব হালকা যদি আপনি কিছু রঙ ব্যবহার করেন (যেমন 8 - 16 বা 32 টি ভিন্ন রঙ)
  • স্বচ্ছতা

অসুবিধা:

  • 255 এর বেশি রঙ থাকতে পারে না।
  • অ্যানিমেটেড জিআইএফ লোকদের পালাতে পারে
  • স্বচ্ছতার জন্য কোনও আলফা নেই (এটি স্বচ্ছ বা না!)

ব্যবহারসমূহ :

  • অ্যানিমেটেড জিআইএফ (আমি এগুলিকে মূলত নিউজলেটারগুলিতে ব্যবহার করি)
  • আইকন
  • অ্যানিমেটেড ফেভিকন \ o /
  • লোগো

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

10

ওয়েব সাইটগুলিতে জেপিইজি, জিআইএফ, পিএনজি, এসভিজি ফর্ম্যাট গ্রাফিক্স থাকতে পারে। কোনটি ব্যবহার করা উচিত, এবং কখন?

ফটো জন্য:

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


যদিও 100% সত্য নয়, এটি থাম্বের একটি ভাল নিয়ম। অন্যান্য ফর্ম্যাট সম্পর্কে আরও জানতে এই প্রশ্নের অন্যান্য উত্তরগুলি দেখুন। এছাড়াও, কোনও স্বচ্ছতা না থাকলে ডিজিটালি চিত্র প্রদর্শন করার জন্য কোন রাস্টার চিত্রের ফর্ম্যাটটি ভাল check জেপিগ বা পিএনজি? এবং আমাদের ট্যাগগুলির একটি নির্বাচন , যেমন , , এবং আরও জানতে।


গ্রাফিক্সের জন্য:

পিএনজি / জেপিইজি ফলব্যাক সহ এসভিজি।

এই দিন এবং যুগে এসভিজি সরবরাহ না করার কোনও কারণ নেই। এগুলি যে কোনও সাধারণ চিত্রের মতো প্রায় ঠিক একইভাবে প্রয়োগ করা হয়েছে এবং আরও বহুমুখী।

সুতরাং, কোনও আধুনিক ওয়েবসাইট ডিজাইনারের কাজের কর্মপ্রবাহ পুরোপুরি পরিবর্তিত হয়নি, এটি আপডেট করা হয়েছে। আপনি এখনও গ্রাফিক্সের জন্য পিএনজি এবং জেপিইজি প্রস্তুত এবং পরিবেশন করেছেন, তবে এসভিজি যখন কাজ করে না তখন কেবল ফালব্যাক হয় ks

একটি এসভিজি কী?

এসভিজি মানে Scalable Vector Graphic। খুব প্রযুক্তিগত না হয়ে এসভিজি এবং অন্যান্য পিক্সেল ভিত্তিক ফর্ম্যাটগুলির মধ্যে পার্থক্য হ'ল গ্রাফিকের সংমিশ্রনের জন্য ডেটা গণিতের গণনা হিসাবে সংরক্ষণ করা হয়। যখন কোনও ব্রাউজার একটি এসভিজি খুলবে, এসভিজি রেন্ডার করার জন্য এটি গণনা করতে হবে। পুরানো ব্রাউজারগুলিতে এই গণনাগুলি তৈরি করতে বা এসভিজিগুলিকে হ্যান্ডেল করার কার্যকারিতা নেই, তদ্ব্যতীত, পুরানো কম্পিউটারগুলি 10 বছর আগে ব্যবহার করা যেতে পারে এমন কি এসভিজি ভারী ওয়েবপৃষ্ঠা রেন্ডার করার জন্য লড়াই করতে পারে (যা তারা পারেনি)। একটি এসভিজির ডেটা হেক্সাডেসিমাল ফর্ম্যাটে (বেস -16) সঞ্চিত থাকে, এটি পিক্সেল ডেটার বাইনারি স্টোরেজের তুলনায় খুব ছোট ফাইল আকারে অনুকূলিত করতে সক্ষম করে।


ফলব্যাক কৌশল কীভাবে অর্জন করা যায় সে সম্পর্কে আরও জানার জন্য এখানে কিছু সংস্থান রয়েছে:

  1. একটি রেটিনা ওয়েবের জন্য এসভিজি ব্যবহারে দক্ষতা অর্জন করা, পিএনজি স্ক্রিপ্ট সহ ফলব্যাক

  2. স্বচ্ছ ডেটা ইউআরআই সহ কর্মক্ষমতা এবং প্রগতিশীল বিকাশের জন্য এসভিজি ওয়ার্কফ্লোটি ঘুরে দেখা

  3. সিএসএস কৌশল - এসভিজি ফলব্যাকস

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

function supportsSVG() {
    return !! document.createElementNS && !! document.createElementNS('http://www.w3.org/2000/svg','svg').createSVGRect;  
}
if (!supportsSVG()) {
    var imgs = document.getElementsByTagName('img');
    var dotSVG = /.*\.svg$/;
    for (var i = 0; i != imgs.length; ++i) {
        if(imgs[i].src.match(dotSVG)) {
            imgs[i].src = imgs[i].src.slice(0, -3) + 'png';
        }
    }
}

<DA01>

এসভিজি কখন ব্যবহার করবেন

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

আইকন ফন্ট কখন ব্যবহার করবেন

  • যখন আপনার প্রয়োজন আইকনগুলির একটি বিস্তৃত সেট
  • যখন, এসভিজির মতো আপনি ভেক্টর ফাইল ফর্ম্যাটগুলির সুবিধা চান
  • যখন আপনার কাছে কেবলমাত্র আধুনিক ব্রাউজারগুলি লক্ষ্য করার বিলাসিতা রয়েছে (ওয়েব ব্রন্ট সমর্থন কিছু ব্রাউজারের জন্য তুলনামূলকভাবে নতুন)

</DA01>

এসভিজি কেন সর্বোত্তম বিকল্প?

  • একটি ফাইল থেকে যে কোনও আকারে সুন্দরভাবে স্কেল করুন ( @2x.jpgরেটিনা স্ক্রিনগুলির জন্য পরিবেশন করার বা গ্রাফিক প্রসারিত করার দরকার নেই )

  • জেপিইজি এবং পিএনজির চেয়ে প্রায়শই ছোট ফাইল আকার

  • লোগোতে প্রায় কখনও মানের ত্যাগ করতে হবে না

  • প্রতিক্রিয়াশীল নকশা বিভিন্ন উপায়ে সহজ করে তোলে

নোট

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

  • আইই সমর্থন করে না SVGZ, এসভিজি গ্রাফিক্সের জন্য সংকোচিত বিন্যাস উপলব্ধ। ব্রাউজার এবং সাম্প্রতিক পূর্ববর্তী সংস্করণ জুড়ে সর্বাধিক সামঞ্জস্যের জন্য , SVG 1.0এই সময়ে সময়ে ব্যবহার করা ভাল ।

  • আপনি এখনও অন্য চিত্রের ফর্ম্যাটগুলির সাথে একইভাবে এসভিজির সাহায্যে স্প্রিট-শিট তৈরি করতে পারেন, তবে প্রতিটি চিত্রের x এবং y স্থানাঙ্ক সংজ্ঞায়িত করতে প্রকৃত পিক্সেল মানগুলি ব্যবহার না করে শতাংশ-ভিত্তিক মান ব্যবহার করুন।

    যখন শতাংশের মানগুলি যথাযথভাবে সঠিক না হয় সে ক্ষেত্রে কী হবে?

    আপনার প্রস্থ এবং উচ্চতা উভয়কে 100 দ্বারা ভাগ করতে সক্ষম হওয়া এবং সম্পূর্ণ সংখ্যা বা সর্বাধিক 1 দশমিক স্থান সহ সংখ্যা অর্জনের লক্ষ্য নিয়ে স্প্রিট শিটটি তৈরি করা উচিত। উদাহরণস্বরূপ, আপনি যদি 10px x 10pxএকটি স্প্রাইট শীটে 7 এক্স আইকন একসাথে সাজিয়ে রাখছেন তবে একটি ক্যানভাস তৈরি করবেন না 70px x 10px

    কেন? কারণ আপনি যখন 100 দ্বারা 7 কে ভাগ করেন তখন আপনি পাবেন 14.285714285714285714285714285714যা একটি বৃত্তাকার শতাংশ হিসাবে অবশ্যই কোথাও কোথাও কোনও অসম্পূর্ণ গণিতের কারণ হয়ে উঠবে।

    পরিবর্তে, একটি 80px x 10pxক্যানভাস তৈরি করুন , এবং খালি 12.5% ​​সম্পর্কে চিন্তা করবেন না। আইকনগুলি ঠিক 12.5% ​​ইনক্রিমেন্টে থাকবে, যা বলা বাহুল্য, এতে কাজ করা খুব সহজ।


6

অনেক রঙের ফটোগ্রাফ বা চিত্রের জন্য আপনার .jpeg ব্যবহার করা উচিত। .Gif ফাইল প্রকারটি অ্যানিমেটেড চিত্রগুলির জন্য দরকারী বা যেখানে স্বচ্ছতা প্রয়োজন, তবে এটি ব্যবহারে হ্রাস পাচ্ছে। সর্বাধিক জনপ্রিয় ফর্ম্যাটটি হ'ল .png, যা আলফা স্বচ্ছতা এবং .gif ফাইল ধরণের চেয়ে বেশি রঙের অফারও দিতে পারে। আরও বিশদ ওভারভিউয়ের জন্য, জোনাথন স্নুকের নিবন্ধটি দেখুন, কোন চিত্রের ফর্ম্যাটটি সেরা


কিছুটা কমপ্রেসনের সাথে jpg এর চেয়ে অনেক বেশি ফাইলাইজ পিএনজি নয়, যদিও? বিশেষত বৃহত্তর চিত্র বা টাইল ব্যাকগ্রাউন্ডের জন্য
ড্যামন

2
@ ড্যামন - আমি মনে করি এটি চিত্রের উপর নির্ভর করে। আপনার যদি একটি ফটো বা অনেকগুলি রঙ থাকে তবে আমি সম্ভবত একটি .jpg .png দিয়ে যেতে পারি।
ভার্চুওসি মিডিয়া

5

ফটোগুলির জন্য জেপিজি এবং অন্য কিছুর জন্য পিএনজি ব্যবহার করা একটি দুর্দান্ত সূত্র হতে পারে।

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


1
আপনি পিএনজির সাথেও সূচিযুক্ত রঙগুলি ব্যবহার করতে পারেন। সুতরাং আপনি কিছু পুরানো ব্রাউজারগুলির সাথে ডিল করছেন বা অ্যানিমেটেড জিআইএফ ব্যবহার করতে না চাইলে জিআইএফ ব্যবহার করার কোনও কারণ নেই।
ক্যালভিন হুয়াং

3

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


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

2

আপনি যে চিত্রটি অর্জন করতে চান তার স্তরের ভিত্তিতে আপনার চিত্রটি বেছে নেওয়া উচিত।

ওয়েব তথ্য ডাউনলোড করার গতি সম্পর্কে সমস্ত কিছু , এবং কোনও চিত্রের আকার কম, কোনও পৃষ্ঠা লোড করার গতির জন্য এটি আরও ভাল।

জেপিজি : মিলিয়ন রঙের চিত্রগুলির জন্য (ফটোগ্রাফি)

পিএনজি এবং জিআইএফ : স্বচ্ছতা এবং কয়েকটি পরিমাণ রঙের জন্য। আমি এটি কেবলমাত্র /৪/১২৮ বিভিন্ন বর্ণের অধীনে ব্যবহার করি তবে সাধারণত 256 এর নীচে ((আইকনগুলি, ভেক্টর চিত্রগুলি যা রাস্টার হতে হবে, উচ্চতর বিপরীতে রঙের, কয়েকটি রঙের গ্রেডিয়েন্টগুলি)

পিএনজি এবং জিআইএফ এর মধ্যে কীভাবে নির্বাচন করবেন?

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

  • জিআইএফ চয়ন করুন: 256 টির বেশি রঙের অ্যানিমেটেড চিত্রগুলির জন্য
  • আপনার যদি অ্যানিমেশনের প্রয়োজন না হয় তবে আপনি পিএনজি বেছে নিতে পারেন। ডান পিএনজি চয়ন করুন: 2 ধরণের 8 বিট এবং 24 বিট রয়েছে। 8 বিট এটি মান / সংকোচনের জন্য অ্যানিমেশন ছাড়াই জিআইএফ এর আরও ভাল সংস্করণ হতে পারে (তবে আমি সর্বদা বলেছি না যে আপনি ওয়েবের জন্য সংরক্ষণ করবেন তখন এটি পরীক্ষা করে দেখুন)। 24 বিটের কোনও সংক্ষেপণ নেই (সুতরাং এটি কিছু বিশেষ গ্রাফিক প্রভাবের জন্য খুব কমই ব্যবহার করুন) এবং রঙ স্বচ্ছতা ব্যবহারের জন্য আলফা ভোল রয়েছে (পুরানো আই ব্রাউজারগুলি এটি সমর্থন করছে না, যদি আপনি পৃষ্ঠায় একটি বিশেষ ফিল্টার বা .htc আচরণ প্রয়োগ না করেন) )।

তাদের সবার ফাইলের আকার প্রায় একই রকম। +/- 25% বা তাই।
মতিন উলহাক

হ্যাঁ, পার্থক্যটি যথেষ্ট নয়, তবুও আমি ব্যক্তিগতভাবে যতটা সম্ভব সম্ভব অনুকূলিতকরণ পছন্দ করি prefer যদি আমি 800byte এবং 600byte এর মতো ফলাফলগুলিতে অপ্টিমাইজ করতে পারি তবে গুণমানটি মারাত্মকভাবে প্রভাবিত না হলে আমি এখনও 600 বেটে যেতে চাই।
লিটলমাদ

2

আমি বিভিন্ন নিবন্ধ থেকে দেখতে পাই 90% ওয়েব ডিজাইনার এখনও মনে করেন যে পিএনজি কেবলমাত্র লসলেস ফর্ম্যাট । অনেক পেশাদার এমনকি পিএনজি -8 অস্তিত্ব সম্পর্কে জানেন না।

তবে স্পষ্টতই পিএনজি -8 হ'ল পিএনজি -32 পরিবর্তে ওয়েবে তাদের ব্যবহার করা উচিত। কারণ এটি গ্রহণযোগ্য মানের সাথে 2x-5x ছোট ফাইল আকার সরবরাহ করে।

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

ক্ষতির পিএনজি এবং জেপিজি ফর্ম্যাটগুলির তুলনা করার জন্য এখানে একটি দুর্দান্ত সরঞ্জাম: পিএনজি বনাম জেপিজি EG


1

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

জিআইএফ - গ্রাফিক তথ্য ফর্ম্যাট

জিআইএফ গ্রাফিক্স ফর্ম্যাটটি কেবল কয়েকটি রঙযুক্ত চিত্রগুলির জন্য সেরা: চার্ট, গ্রাফ বা গ্রাফিক্স হিসাবে পাঠ্য সেট। আপনি যত কম রঙ ব্যবহার করেন, তত বেশি দক্ষ জিআইএফ ফাইলগুলি হয়। জিআইএফ ফাইলগুলি ...

25 256 টি পর্যন্ত রঙ ধারণ করতে পারে।

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

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

Loss ক্ষতিহীন, যার অর্থ চিত্রের গুণমানটি সংক্ষেপণ প্রক্রিয়া দ্বারা অবনতি হয় না।

Inter এন্টারলেস করা যেতে পারে যাতে লোড করার সময় তারা নিম্ন থেকে উচ্চমানের হয়ে যায় appear এটি আপনার দর্শকদের অপেক্ষা করার সময় কিছু দেখার জন্য সহায়তা করে।

Photograph ফটোগ্রাফগুলির জন্য ভাল নয় - আপনি গুণমান হারাবেন এবং ফাইলগুলি কমপ্যাক্ট হবে না। ফটোগুলির জন্য জেপিজি গ্রাফিক্স ফর্ম্যাট ব্যবহার করুন।

জেপিজি - জয়েন্ট ফটোগ্রাফিক বিশেষজ্ঞ গ্রুপ

জেপিজি গ্রাফিক্স ফর্ম্যাট ফটোগ্রাফ বা স্ক্যান করা শিল্পকর্মের মতো অনেকগুলি রঙের চিত্রগুলির জন্য সেরা। জেপিজি ফাইল ...

। 16 মিলিয়ন রঙ পর্যন্ত থাকতে পারে।

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

Three তিন ধরণের আসুন: বেসলাইন বা স্ট্যান্ডার্ড, বেসলাইন অনুকূলিত বা মান অনুকূলীকৃত এবং প্রগতিশীল। বেসলাইন ব্রাউজারগুলির জন্য ডিজাইন করা হয়েছিল যা আমরা আজকাল প্রাচীন হিসাবে বিবেচনা করব (যেমন ইন্টারনেট এক্সপ্লোরার সংস্করণ 1)। বেসলাইন অপ্টিমাইজড স্ট্যান্ডার্ড বেসলাইনের চেয়ে আরও সংকোচনের প্রস্তাব দেয় এবং কার্যত প্রতিটি ব্রাউজার আজ এই জাতীয় চিত্রটি পড়তে পারে। একটি প্রগতিশীল জেপিজি, যেমন একটি ইন্টারলেসড জিআইএফ ফাইলের মতো ডাউনলোড হয়, তেমনি চিত্রটির অপরিশোধিত উপস্থাপনা থেকে চিত্রটির সমাপ্ত চেহারাতে চলে যায় build যদিও এটি একটি দুর্দান্ত ওয়েব গ্রাফিক্স ফর্ম্যাট, তবুও পুরানো ব্রাউজারগুলি এই ফর্ম্যাটটিকে সমর্থন করে না।

Only কেবল কয়েকটি রঙের চিত্রগুলির জন্য ভাল নয় যেমন গ্রাফিক্স হিসাবে পাঠ্য সেট করা বা ফ্ল্যাট রঙের ক্ষেত্রগুলি সহ চিত্রগুলি। আপনি যদি এই গ্রাফিক্সের জন্য জেপিজি ব্যবহার করেন তবে এগুলি প্রয়োজনের তুলনায় বড় হবে এবং "পশম" লাগবে।

পিএনজি - প্রগতিশীল নেটওয়ার্ক গ্রাফিক্স

পিএনজি হ'ল নতুন ওয়েব গ্রাফিক্স ফর্ম্যাট। পিএনজি ফাইল ...

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

Comp কমপ্যাক্ট এবং বহুমুখী এবং জিআইএফ এবং জেপিজির সেরা বৈশিষ্ট্যগুলিকে একত্রিত করতে পারে যেমন স্বচ্ছ ব্যাকগ্রাউন্ড রাখার ক্ষমতা বা কয়েক মিলিয়ন রঙের চিত্রগুলি ধারণ করার ক্ষমতা।

Still এখনও বহুল ব্যবহৃত হয় না, বেশিরভাগ কারণে যে তারা পুরানো ব্রাউজারগুলি সমর্থন করে না।

কখন ব্যবহার করবেন?

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

লোকেরা ওয়েবে সবচেয়ে বেশি সাধারণ গ্রাফিক্স ভুল হয় তাদের চিত্রগুলির জন্য ভুল গ্রাফিক্স ফর্ম্যাটটি ব্যবহার করা। তবে পছন্দটি বেশ সহজ ...

Your আপনার গ্রাফিক্সে যদি অনেকগুলি রঙ থাকে (যেমন একটি ফটো), জেপিজি চয়ন করুন।

Your আপনার গ্রাফিক্সের কয়েকটি রঙ থাকলে GIF চয়ন করুন। জিআইএফ ব্যবহার করার সময়, কেবলমাত্র ব্যবহৃত রঙগুলি ধারণ করে এমন অনুকূলিত প্যালেটগুলি ব্যবহার করে দেখুন - তারা ফাইলের আকারগুলি অর্ধেক কেটে ফেলতে পারে।


0

একটি আদর্শ বিশ্বে এটি নেমে আসবে:

জেপিইজি - রাস্টার ছবি এবং ফটোগ্রাফের জন্য

পিএনজি - ভেক্টর গ্রাফিক্সের জন্য (যেমন লোগো ইত্যাদি)

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

http://24ways.org/2007/supersleight-transparent-png-in-ie6 http://www.alistapart.com/articles/pngopacity/

(সম্পাদনা: এছাড়াও, আমার কাছে মনে হয় আইই 7-তেও পিএনজির কিছু বৈশিষ্ট্য রয়েছে))

জিএনএফ-এর কেবল পিএনজির চেয়ে দুটি সুবিধা রয়েছে:

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

সম্পাদনা: পিএনজি সর্বদা জিআইএফ এর পক্ষে পছন্দনীয় যেখানে এটি সমর্থিত এবং ব্যবহারযোগ্য, কারণ পিএনজি একটি উন্মুক্ত ফর্ম্যাট।


3
গুগল আই supporting supporting (কমপক্ষে জিমেইলের জন্য) সমর্থন করা বন্ধ করে দিয়েছে, আমি মনে করি এটি সময় এখন আমরা সবাই একই রকম করি।
zzzzBov

2
এটি আপনার দর্শকদের উপর নির্ভর করে। আপনি যদি কোনও প্রযুক্তি ব্লগ চালনা করেন তবে আপনি আই 6 সমর্থন করা ভুলে যেতে পারেন। আপনি যদি কোনও উদ্যানের সাইট চালনা করেন তবে আপনার সম্ভবত এটি সমর্থন করা উচিত। এছাড়াও, আইএন 7 এর এখনও পিএনজির কয়েকটি বৈশিষ্ট্য রয়েছে।
কম্পিউটারিশ

যদি এই প্রযুক্তি ব্যবহারকারীরা আই 6 ব্যবহার করেন? বাকি সবাই আপগ্রেড করে। জেদী পুরাতন টেকিজ।
মতিন উলহাক

1
জিআইএফের স্বচ্ছতা রয়েছে। যা নেই তা হ'ল বিভিন্ন বর্ণের আলফা মান সেট করার ক্ষমতা।
লিটলমাড

0

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

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

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