ওয়েব সাইটগুলিতে জেপিইজি, জিআইএফ, পিএনজি, এসভিজি ফর্ম্যাট গ্রাফিক্স থাকতে পারে। কোনটি ব্যবহার করা উচিত, এবং কখন?
ওয়েব সাইটগুলিতে জেপিইজি, জিআইএফ, পিএনজি, এসভিজি ফর্ম্যাট গ্রাফিক্স থাকতে পারে। কোনটি ব্যবহার করা উচিত, এবং কখন?
উত্তর:
* প্রায় সব ব্রাউজারের জন্য কার্যকর বিকল্প হিসাবে সিএসএস অ্যানিমেশন বৃদ্ধি পাওয়ার সাথে সাথে .GIF ফর্ম্যাটটি ওয়েব অ্যানিমেশনের জন্য যেতে-যাওয়া ফর্ম্যাটটি কম এবং কম হয়। .jpg
, .png
এবং .gif
সকলের সিএসএস ব্যবহারের সাথে একটি "অ্যানিমেটেড" বৈশিষ্ট্য থাকতে পারে। যদিও নির্দিষ্ট কিছু দৃশ্যে অ্যানিমেটেড জিআইএফগুলি ওয়েব ডিজাইনে আকর্ষণীয়ভাবে ব্যবহার করা যেতে পারে, ব্যতিক্রমগুলি বিরল, তাই কেবল এগুলি এড়ানো ভাল to
** ( .gif
চিত্রগুলি কেবল তাদের প্যালেটের মধ্যে 256 রঙের মধ্যেই সীমাবদ্ধ)
(সদৃশ প্রশ্ন থেকে স্থানান্তরিত)
এটি সম্পূর্ণরূপে আপনি যে ধরণের চিত্র সঞ্চয় করতে চান তার উপর নির্ভর করে।
পিএনজি হ'ল লসলেস সংকোচনের বিন্যাস যা "ভেক্টর-জাতীয়" বিটম্যাপ গ্রাফিক্সের জন্য উপযুক্ত (অর্থাত্ একই, একই বর্ণের সাথে বৃহত, নিয়মিত অঞ্চল এবং স্পষ্টভাবে সংজ্ঞায়িত প্রান্তযুক্ত গ্রাফিক্স; স্পষ্ট পাঠ্যযুক্ত গ্রাফিক্স)।
এসভিজি হ'ল একটি ভেক্টর ফর্ম্যাট , যা ভেক্টর গ্রাফিক্স (সংক্ষেপে, পিক্সেল সংগ্রহের পরিবর্তে জ্যামিতিক উপাদানগুলির সংগ্রহ) রাখতে উপযুক্ত best এসভিজি সীমাহীনভাবে স্কেলেবল, বিটম্যাপ গ্রাফিক্স যখন বড় হবে তখন গুণমান হারাবে।
জেপিজি একটি ক্ষতিকারক সংকোচনের বিন্যাস (অন্যান্য জিনিসের মধ্যে এটি স্টোরেজের স্থান বাঁচাতে মানুষের চোখের অদৃশ্য হয়ে থাকা চিত্রের बारीকগুলি সরিয়ে দেয়)। এটি ফটোগ্রাফের জন্য সবচেয়ে উপযুক্ত; এটির সংকোচনের পদ্ধতির কারণে এটি ভেক্টরের চিত্র বা পাঠ্যের পক্ষে ভাল নয়।
ব্রাউজারের সামঞ্জস্যতা:
পিএনজি গ্রাফিকগুলি ব্রাউজারগুলিতে সমর্থিত, আইএন 6 ব্যতীত যদি পিএনজিতে আলফা স্বচ্ছতা থাকে (স্বচ্ছ অংশগুলি একটি ধূসর ধূসর হিসাবে উপস্থাপিত হবে), এবং আইএন এর সমস্ত সংস্করণ যদি পিএনজি যদি এইচটিএমএল উপাদানটির সাথে 100 এর চেয়ে কম থাকে তবে % (তবে এটি একটি প্রান্তের কেস)।
এসভিজি সর্বদা এখনও কোনও বিকল্প নয় কারণ এই মুহূর্তে ব্রাউজার সমর্থন 100% নয় । একটি সাধারণ <img>
ট্যাগের সাথে অন্যান্য আচরণগত পার্থক্যও থাকতে পারে । আপনি কী করছেন তা যদি আপনি জানেন তবেই এটি ব্যবহার করুন।
স্ট্যান্ডার্ড জেপিজি যতক্ষণ না সিএমওয়াইকের চেয়ে আরজিবি মোডে সংরক্ষণ করা হয় সমস্ত ব্রাউজার জুড়ে সমর্থিত (যদি আপনার প্রোগ্রামটি পার্থক্য না করে তবে সম্ভবত এটি ডিফল্ট)।
কয়েকটি মূল কারণ সম্পর্কে আপনার সচেতন হওয়া উচিত ...
প্রথমত, দুটি ধরণের সংক্ষেপণ রয়েছে: লসলেস এবং লসী ।
বিভিন্ন বর্ণের গভীরতাও রয়েছে (প্যালেটগুলি): সূচিযুক্ত রঙ এবং সরাসরি রঙ ।
বিএমপি - লসলেস / সূচক এবং সরাসরি
এটি একটি পুরানো ফর্ম্যাট। এটি লসলেস (কোনও চিত্রের ডেটা সংরক্ষণের সময় নষ্ট হয় না) তবে একেবারে কমার কোনও দরকার নেই, এর অর্থ BMP হিসাবে অনেক বড় ফাইল আকারের ফলাফল সংরক্ষণ করা। এতে সূচী এবং সরাসরি উভয়ের প্যালেট থাকতে পারে তবে এটি একটি ছোট সান্ত্বনা। ফাইলের আকারগুলি এত অযথা বড় যে কেউ কখনও এই ফর্ম্যাটটি সত্যই ব্যবহার করে না।
ভাল: সত্যিকারের কিছুই না। এখানে বিএমপি ছাড়িয়ে যায় এমন কিছু নেই বা অন্য ফর্ম্যাটগুলির দ্বারা আরও ভাল করা হয়নি।
জিআইএফ - লসলেস / ইনডেক্স কেবল
জিআইএফ লসলেস কম্প্রেশন ব্যবহার করে যার অর্থ আপনি চিত্রটিকে বারবার বাঁচাতে পারবেন এবং কোনও ডেটা কখনই হারাবেন না। ফাইলের আকারগুলি বিএমপির চেয়ে অনেক ছোট, কারণ ভাল কম্প্রেশন আসলে ব্যবহৃত হয়, তবে এটি কেবল একটি সূচি প্যালেট সঞ্চয় করতে পারে। এর অর্থ হল যে বেশিরভাগ ব্যবহারের ক্ষেত্রে ফাইলটিতে সর্বাধিক 256 টি ভিন্ন রঙ থাকতে পারে। এটি বেশ অল্প পরিমাণ মত শোনাচ্ছে, এবং এটি।
জিআইএফ চিত্রগুলি অ্যানিমেটেড এবং স্বচ্ছতা থাকতে পারে।
এর জন্য ভাল: লোগো, লাইন অঙ্কন এবং অন্যান্য সাধারণ চিত্র যা ছোট হওয়া দরকার। কেবল সত্যই ওয়েবসাইটগুলির জন্য ব্যবহৃত।
জেপিইজি - লসী / ডাইরেক্ট
জেপিজ ইমেজগুলি মানুষের চোখের দৃষ্টিভঙ্গি নজরে আসবে না এমন তথ্য সরিয়ে যতটা সম্ভব ছোট ছোট ফটোগ্রাফিক চিত্র তৈরি করার জন্য তৈরি করা হয়েছিল। ফলস্বরূপ এটি একটি লসী ফর্ম্যাট এবং একই ফাইলটিকে বারবার সংরক্ষণ করার ফলে সময়ের সাথে সাথে আরও ডেটা হারিয়ে যাবে। এটি কয়েক হাজার রঙের প্যালেট রয়েছে এবং এটি ফটোগ্রাফগুলির জন্য দুর্দান্ত, তবে ক্ষতির সংকোচনের অর্থ লোগোগুলি এবং লাইন আঁকার জন্য এটি খারাপ: কেবল এগুলি ফাসিক দেখাবে না, তবে জিআইএফগুলির তুলনায় এই জাতীয় চিত্রগুলিরও বড় আকারের ফাইল-আকার থাকবে!
জন্য ভাল: ফটোগ্রাফ। গ্রেডিয়েন্টস।
পিএনজি -8 - ক্ষতিহীন / সূচিযুক্ত
পিএনজি একটি নতুন ফর্ম্যাট, এবং পিএনজি -8 (পিএনজির সূচী সংস্করণ) জিআইএফগুলির জন্য সত্যই একটি ভাল প্রতিস্থাপন। দুঃখজনক হলেও, এর কয়েকটি ত্রুটি রয়েছে: প্রথমত এটি জিআইএফ-এর মতো অ্যানিমেশন সমর্থন করতে পারে না (ভাল এটি পারে তবে কেবল ফায়ারফক্সই এটি সমর্থন করে, জিআইএফ অ্যানিমেশন যা প্রতিটি ব্রাউজার দ্বারা সমর্থিত) এর বিপরীতে নয়)। দ্বিতীয়ত এটি আই 6 এর মতো পুরানো ব্রাউজারগুলির সাথে কিছু সমর্থন সংক্রান্ত সমস্যা রয়েছে। তৃতীয়ত, ফটোশপের মতো গুরুত্বপূর্ণ সফ্টওয়্যারটির ফর্ম্যাটটি খুব খারাপভাবে প্রয়োগ করা যায়। (আপনাকে হতাশ, অ্যাডোব!) পিএনজি -8 কেবল জিআইএফ-এর মতো 256 টি রঙ সংরক্ষণ করতে পারে।
এর জন্য ভাল: পিএনজি -8 জিআইএফ-এর চেয়ে ভাল যে প্রধান কাজ করে তাতে আলফা ট্রান্সপারেন্সিটির সমর্থন রয়েছে।
গুরুত্বপূর্ণ দ্রষ্টব্য: শেষ পর্যন্ত ফটোশপ তাদের সর্বশেষ সংস্করণগুলিতে আলফা স্বচ্ছতার জন্য সমর্থন যোগ করেছে। আপনার যদি কোনও পুরোনো থাকে তবে ফটোশপ PNG-24 ফাইলগুলিকে স্বচ্ছতা বজায় রেখে পিএনজি -8 ফাইলগুলিতে রূপান্তর করার উপায় রয়েছে though একটি পদ্ধতি হ'ল পিএনজিকুইন্ট , অন্যটি হ'ল ফায়ারওয়ার্ক সহ আপনার ফাইলগুলি সংরক্ষণ করা ।
পিএনজি -৪৪ - ক্ষতিহীন / সরাসরি
পিএনজি -৪৪ একটি দুর্দান্ত ফর্ম্যাট যা লসলেস এনকোডিংকে সরাসরি রঙের সাথে সংযুক্ত করে (হাজার হাজার রঙ, ঠিক জেপিগের মতো)। এটি পিএমজি প্রকৃতপক্ষে চিত্রগুলিকে সংকুচিত করে ব্যতীত এটি সম্পর্কিত বিএমপির মতোই, সুতরাং এর ফলস্বরূপ অনেক ছোট ফাইল পাওয়া যায়। দুর্ভাগ্যক্রমে পিএনজি -৪৪ ফাইলগুলি এখনও জেপিইজি, জিআইএফ এবং পিএনজি -8 এর চেয়ে অনেক বড় হবে, তাই আপনি যদি এখনও সত্যিই কোনও ব্যবহার করতে চান তবে আপনাকে বিবেচনা করা উচিত।
যদিও পিএনজি-24 এস সংক্ষেপে হাজার হাজার রঙের অনুমতি দেয়, তারা জেপিইজি চিত্রগুলি প্রতিস্থাপনের উদ্দেশ্যে নয়। PNG-24 হিসাবে সংরক্ষিত একটি ফোটোগ্রাফ দৃশ্যমান মানের খুব কম উন্নতির সাথে সমমানের জেপিইজি চিত্রের চেয়ে কমপক্ষে 5 গুণ বড় হবে। (অবশ্যই, যদি আপনি ফাইলাইজ সম্পর্কে উদ্বিগ্ন না হন এবং আপনি যে সেরা মানের চিত্রটি পেতে পারেন তা পেতে চাইলে এটি পছন্দসই ফলাফল হতে পারে))
PNG-8 ঠিক তেমন, পিএনজি-24 আলফা-স্বচ্ছতাও সমর্থন করে।
এসভিজি - লসলেস / ভেক্টর
একটি ফাইল টাইপ যা বর্তমানে জনপ্রিয়তার সাথে বেড়ে চলেছে তা হ'ল এসভিজি, যা উপরের সমস্ত তুলনায় এটি ভেক্টর ফাইল ফর্ম্যাট (উপরের সমস্ত রাস্টার )। এর অর্থ এটি পিক্সেলের পরিবর্তে লাইন এবং বক্ররেখায় গঠিত। যখন আপনি কোনও ভেক্টর চিত্রটিতে জুম করেন, আপনি এখনও একটি বক্ররেখা বা একটি লাইন দেখতে পান। আপনি যখন কোনও রাস্টার চিত্রটিতে জুম করবেন, আপনি পিক্সেল দেখতে পাবেন।
উদাহরণ স্বরূপ:
এর অর্থ এসটিজি লোগো এবং আইকনগুলির জন্য নিখুঁত যা আপনি রেটিনা স্ক্রিনে বা বিভিন্ন আকারে তীক্ষ্ণতা বজায় রাখতে চান।
অতিরিক্ত হিসাবে, এসভিজি ফাইলগুলি এক্সএমএল ব্যবহার করে লেখা হয়, এবং তাই কোনও পাঠ্য সম্পাদককে খোলা এবং সম্পাদনা করা যেতে পারে, আপনি ইচ্ছা করলে এটি ফ্লাইয়ে ম্যানিপুলেট করা যায়। উদাহরণস্বরূপ, আপনি কোনও ওয়েবসাইটের এসভিজি আইকনের রঙ পরিবর্তন করতে জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন যেমন আপনি কিছু পাঠ্য (যেমন দ্বিতীয় চিত্রের প্রয়োজন হয় না)।
আমি আশা করি এটি সাহায্য করবে!
সুবিধাদি :
অসুবিধা:
ব্যবহারসমূহ :
সুবিধাদি :
অসুবিধা:
ব্যবহারসমূহ :
সুবিধাদি :
অসুবিধা:
ব্যবহারসমূহ :
ওয়েব সাইটগুলিতে জেপিইজি, জিআইএফ, পিএনজি, এসভিজি ফর্ম্যাট গ্রাফিক্স থাকতে পারে। কোনটি ব্যবহার করা উচিত, এবং কখন?
ফটো জন্য:
যদিও 100% সত্য নয়, এটি থাম্বের একটি ভাল নিয়ম। অন্যান্য ফর্ম্যাট সম্পর্কে আরও জানতে এই প্রশ্নের অন্যান্য উত্তরগুলি দেখুন। এছাড়াও, কোনও স্বচ্ছতা না থাকলে ডিজিটালি চিত্র প্রদর্শন করার জন্য কোন রাস্টার চিত্রের ফর্ম্যাটটি ভাল check জেপিগ বা পিএনজি? এবং আমাদের ফাইল-ফর্ম্যাট ট্যাগগুলির একটি নির্বাচন , যেমন jpeg , png , gif এবং এসভিজি আরও জানতে।
গ্রাফিক্সের জন্য:
এই দিন এবং যুগে এসভিজি সরবরাহ না করার কোনও কারণ নেই। এগুলি যে কোনও সাধারণ চিত্রের মতো প্রায় ঠিক একইভাবে প্রয়োগ করা হয়েছে এবং আরও বহুমুখী।
সুতরাং, কোনও আধুনিক ওয়েবসাইট ডিজাইনারের কাজের কর্মপ্রবাহ পুরোপুরি পরিবর্তিত হয়নি, এটি আপডেট করা হয়েছে। আপনি এখনও গ্রাফিক্সের জন্য পিএনজি এবং জেপিইজি প্রস্তুত এবং পরিবেশন করেছেন, তবে এসভিজি যখন কাজ করে না তখন কেবল ফালব্যাক হয় ks
এসভিজি মানে Scalable Vector Graphic
। খুব প্রযুক্তিগত না হয়ে এসভিজি এবং অন্যান্য পিক্সেল ভিত্তিক ফর্ম্যাটগুলির মধ্যে পার্থক্য হ'ল গ্রাফিকের সংমিশ্রনের জন্য ডেটা গণিতের গণনা হিসাবে সংরক্ষণ করা হয়। যখন কোনও ব্রাউজার একটি এসভিজি খুলবে, এসভিজি রেন্ডার করার জন্য এটি গণনা করতে হবে। পুরানো ব্রাউজারগুলিতে এই গণনাগুলি তৈরি করতে বা এসভিজিগুলিকে হ্যান্ডেল করার কার্যকারিতা নেই, তদ্ব্যতীত, পুরানো কম্পিউটারগুলি 10 বছর আগে ব্যবহার করা যেতে পারে এমন কি এসভিজি ভারী ওয়েবপৃষ্ঠা রেন্ডার করার জন্য লড়াই করতে পারে (যা তারা পারেনি)। একটি এসভিজির ডেটা হেক্সাডেসিমাল ফর্ম্যাটে (বেস -16) সঞ্চিত থাকে, এটি পিক্সেল ডেটার বাইনারি স্টোরেজের তুলনায় খুব ছোট ফাইল আকারে অনুকূলিত করতে সক্ষম করে।
ফলব্যাক কৌশল কীভাবে অর্জন করা যায় সে সম্পর্কে আরও জানার জন্য এখানে কিছু সংস্থান রয়েছে:
একটি রেটিনা ওয়েবের জন্য এসভিজি ব্যবহারে দক্ষতা অর্জন করা, পিএনজি স্ক্রিপ্ট সহ ফলব্যাক
স্বচ্ছ ডেটা ইউআরআই সহ কর্মক্ষমতা এবং প্রগতিশীল বিকাশের জন্য এসভিজি ওয়ার্কফ্লোটি ঘুরে দেখা
প্রথম লিঙ্ক থেকে অনুলিপি করা নীচের জাভাস্ক্রিপ্ট স্নিপেট, আপনাকে সমস্ত ব্রাউজার না হলে বেশিরভাগ ক্ষেত্রে এসভিজি সমর্থন সনাক্ত করতে হবে এবং পিএনজি ফলব্যাকগুলি সরবরাহ করতে ফাইলের নাম পরিবর্তন করতে হবে।
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% ইনক্রিমেন্টে থাকবে, যা বলা বাহুল্য, এতে কাজ করা খুব সহজ।
অনেক রঙের ফটোগ্রাফ বা চিত্রের জন্য আপনার .jpeg ব্যবহার করা উচিত। .Gif ফাইল প্রকারটি অ্যানিমেটেড চিত্রগুলির জন্য দরকারী বা যেখানে স্বচ্ছতা প্রয়োজন, তবে এটি ব্যবহারে হ্রাস পাচ্ছে। সর্বাধিক জনপ্রিয় ফর্ম্যাটটি হ'ল .png, যা আলফা স্বচ্ছতা এবং .gif ফাইল ধরণের চেয়ে বেশি রঙের অফারও দিতে পারে। আরও বিশদ ওভারভিউয়ের জন্য, জোনাথন স্নুকের নিবন্ধটি দেখুন, কোন চিত্রের ফর্ম্যাটটি সেরা ।
ফটোগুলির জন্য জেপিজি এবং অন্য কিছুর জন্য পিএনজি ব্যবহার করা একটি দুর্দান্ত সূত্র হতে পারে।
অবশ্যই, যদি আপনার গ্রাফিক্স থাকে যা আলফা স্বচ্ছতার প্রয়োজন হয় না এবং 256 এরও কম রঙের রয়েছে তবে জিআইএফ আপনাকে কিছু ব্যান্ডউইদথ বাঁচাতে পারে তবে এটি অবশ্যই বেরিয়ে আসবে।
আমি বেশ কিছু কিছুর জন্য পিএনজি ব্যবহার করি, কারণ এতে জেপিজির সংকোচনের নিদর্শনগুলি নেই এবং এটি আজকাল সার্বজনীনভাবে সামঞ্জস্যপূর্ণ (আমি বেশ কয়েকটি সাইট সম্পাদককে দেখেছি যা এটি ভালভাবে গ্রহণ করে না, যেমন: হোমস্টেডের সাইট বিল্ডার সফটওয়্যারটির ডেস্কটপ সংস্করণ, তবে এটি প্রায়)।
আপনি যে চিত্রটি অর্জন করতে চান তার স্তরের ভিত্তিতে আপনার চিত্রটি বেছে নেওয়া উচিত।
ওয়েব তথ্য ডাউনলোড করার গতি সম্পর্কে সমস্ত কিছু , এবং কোনও চিত্রের আকার কম, কোনও পৃষ্ঠা লোড করার গতির জন্য এটি আরও ভাল।
জেপিজি : মিলিয়ন রঙের চিত্রগুলির জন্য (ফটোগ্রাফি)
পিএনজি এবং জিআইএফ : স্বচ্ছতা এবং কয়েকটি পরিমাণ রঙের জন্য। আমি এটি কেবলমাত্র /৪/১২৮ বিভিন্ন বর্ণের অধীনে ব্যবহার করি তবে সাধারণত 256 এর নীচে ((আইকনগুলি, ভেক্টর চিত্রগুলি যা রাস্টার হতে হবে, উচ্চতর বিপরীতে রঙের, কয়েকটি রঙের গ্রেডিয়েন্টগুলি)
পিএনজি এবং জিআইএফ এর মধ্যে কীভাবে নির্বাচন করবেন?
প্রথমে সংক্ষেপণ / গুণমানের অপ্টিমাইজেশন পরীক্ষা করুন এবং কম ওজনের জন্য কে আপনাকে আরও ভাল ফলাফল দেয় তা চয়ন করুন। আমি এখনও বিস্তৃতভাবে জিআইএফ ব্যবহার করি এবং একই ধরণের চিত্রগুলির জন্য এটি কখনও কখনও পিএনজির চেয়ে ভাল। অন্যটির জন্য একটি ফর্ম্যাটকে বৈষম্যমূলক আচরণ করবেন না, কেবল আপনার অপ্টিমাইজেশনের জন্য আরও উপযুক্ত বলে মনে হয় এমন একটিটি পরীক্ষা করুন।
আমি বিভিন্ন নিবন্ধ থেকে দেখতে পাই 90% ওয়েব ডিজাইনার এখনও মনে করেন যে পিএনজি কেবলমাত্র লসলেস ফর্ম্যাট । অনেক পেশাদার এমনকি পিএনজি -8 অস্তিত্ব সম্পর্কে জানেন না।
তবে স্পষ্টতই পিএনজি -8 হ'ল পিএনজি -32 পরিবর্তে ওয়েবে তাদের ব্যবহার করা উচিত। কারণ এটি গ্রহণযোগ্য মানের সাথে 2x-5x ছোট ফাইল আকার সরবরাহ করে।
কোনও চিত্রের জন্য কোন সংক্ষেপণ আরও ভাল তা সিদ্ধান্ত নেওয়া কখনও কখনও শক্ত। উদাহরণস্বরূপ, যদি এটি কোনও ফটো না হয় তবে এতে অনেকগুলি রঙ এবং গ্রেডিয়েন্ট থাকে। এই সরঞ্জামটি ক্ষতিকারক উভয় বিন্যাসকে দৃষ্টিভঙ্গি করে তুলতে এবং সেরা রূপটি চয়ন করতে দেয়।
ক্ষতির পিএনজি এবং জেপিজি ফর্ম্যাটগুলির তুলনা করার জন্য এখানে একটি দুর্দান্ত সরঞ্জাম: পিএনজি বনাম জেপিজি EG
প্রধান ওয়েব গ্রাফিক্স ফর্ম্যাটগুলি হ'ল জিআইএফ, জেপিজি এবং পিএনজি। পার্থক্যগুলি জানা এবং প্রতিটি চিত্রের জন্য সেরা ফর্ম্যাটটি চয়ন করা গুরুত্বপূর্ণ, যাতে ছবিগুলি দেখতে ভাল লাগে এবং যতটা কমপ্যাক্ট হয় তেমন এটি আপনার সাইটের দর্শকের স্ক্রিনে দ্রুত উপস্থিত হয়।
জিআইএফ - গ্রাফিক তথ্য ফর্ম্যাট
জিআইএফ গ্রাফিক্স ফর্ম্যাটটি কেবল কয়েকটি রঙযুক্ত চিত্রগুলির জন্য সেরা: চার্ট, গ্রাফ বা গ্রাফিক্স হিসাবে পাঠ্য সেট। আপনি যত কম রঙ ব্যবহার করেন, তত বেশি দক্ষ জিআইএফ ফাইলগুলি হয়। জিআইএফ ফাইলগুলি ...
25 256 টি পর্যন্ত রঙ ধারণ করতে পারে।
Transparency স্বচ্ছতা নামক একটি বৈশিষ্ট্য সমর্থন করে, 256 বর্ণের মধ্যে একটি রঙ স্বচ্ছ হতে সেট করা আছে। এটি আপনার গ্রাফিকগুলিকে যেন বাক্সে আছে তা দেখার থেকে বাঁচায়, কারণ ফাইলটির পটভূমি অদৃশ্য, ওয়েব পৃষ্ঠার পটভূমিটি প্রদর্শন করতে দেয়।
Anima অ্যানিমেটেড হতে পারে। একটি একক ফাইলের অভ্যন্তরে অনেকগুলি ছবির ফ্রেম এবং একটি সূচি সংরক্ষণ করা হয় যা প্রতিটি ফ্রেমকে কতক্ষণ প্রদর্শন করা উচিত তা জানিয়ে থাকে। অ্যানিমেটেড জিআইএফ স্ট্যান্ডার্ড ইমেজ ফাইল হিসাবে বিবেচনা করা হয়, তাই এটি স্ট্যান্ডার্ড ট্যাগ দিয়ে লোড করা হয়।
Loss ক্ষতিহীন, যার অর্থ চিত্রের গুণমানটি সংক্ষেপণ প্রক্রিয়া দ্বারা অবনতি হয় না।
Inter এন্টারলেস করা যেতে পারে যাতে লোড করার সময় তারা নিম্ন থেকে উচ্চমানের হয়ে যায় appear এটি আপনার দর্শকদের অপেক্ষা করার সময় কিছু দেখার জন্য সহায়তা করে।
Photograph ফটোগ্রাফগুলির জন্য ভাল নয় - আপনি গুণমান হারাবেন এবং ফাইলগুলি কমপ্যাক্ট হবে না। ফটোগুলির জন্য জেপিজি গ্রাফিক্স ফর্ম্যাট ব্যবহার করুন।
জেপিজি - জয়েন্ট ফটোগ্রাফিক বিশেষজ্ঞ গ্রুপ
জেপিজি গ্রাফিক্স ফর্ম্যাট ফটোগ্রাফ বা স্ক্যান করা শিল্পকর্মের মতো অনেকগুলি রঙের চিত্রগুলির জন্য সেরা। জেপিজি ফাইল ...
। 16 মিলিয়ন রঙ পর্যন্ত থাকতে পারে।
Vari ভেরিয়েবল সংক্ষেপণ সমর্থন। আপনি প্রতিটি পৃথক চিত্রের কম-বেশি সংক্ষেপণ প্রয়োগ করতে পারেন। আপনি যত বেশি সংক্ষেপণ প্রয়োগ করবেন তত গুণমান হারাবে। এই গ্রাফিক্স ফর্ম্যাটটির সাথে ফাইল আকারগুলি বেশ ছোট করা যেতে পারে, আপনাকে প্রায়শই ফাইলের আকার এবং ছবির মানের মধ্যে আপস করতে হয়। নতুন গ্রাফিক্স সফ্টওয়্যার সংরক্ষণের আগে আপনাকে পূর্বরূপ দেয় - এটি আপনাকে গুণমান এবং ফাইলের আকারের মধ্যে সেরা সমঝোতা চয়ন করতে বিভিন্ন স্তরের সংক্ষেপণের সাথে পরীক্ষার অনুমতি দেয়।
Three তিন ধরণের আসুন: বেসলাইন বা স্ট্যান্ডার্ড, বেসলাইন অনুকূলিত বা মান অনুকূলীকৃত এবং প্রগতিশীল। বেসলাইন ব্রাউজারগুলির জন্য ডিজাইন করা হয়েছিল যা আমরা আজকাল প্রাচীন হিসাবে বিবেচনা করব (যেমন ইন্টারনেট এক্সপ্লোরার সংস্করণ 1)। বেসলাইন অপ্টিমাইজড স্ট্যান্ডার্ড বেসলাইনের চেয়ে আরও সংকোচনের প্রস্তাব দেয় এবং কার্যত প্রতিটি ব্রাউজার আজ এই জাতীয় চিত্রটি পড়তে পারে। একটি প্রগতিশীল জেপিজি, যেমন একটি ইন্টারলেসড জিআইএফ ফাইলের মতো ডাউনলোড হয়, তেমনি চিত্রটির অপরিশোধিত উপস্থাপনা থেকে চিত্রটির সমাপ্ত চেহারাতে চলে যায় build যদিও এটি একটি দুর্দান্ত ওয়েব গ্রাফিক্স ফর্ম্যাট, তবুও পুরানো ব্রাউজারগুলি এই ফর্ম্যাটটিকে সমর্থন করে না।
Only কেবল কয়েকটি রঙের চিত্রগুলির জন্য ভাল নয় যেমন গ্রাফিক্স হিসাবে পাঠ্য সেট করা বা ফ্ল্যাট রঙের ক্ষেত্রগুলি সহ চিত্রগুলি। আপনি যদি এই গ্রাফিক্সের জন্য জেপিজি ব্যবহার করেন তবে এগুলি প্রয়োজনের তুলনায় বড় হবে এবং "পশম" লাগবে।
পিএনজি - প্রগতিশীল নেটওয়ার্ক গ্রাফিক্স
পিএনজি হ'ল নতুন ওয়েব গ্রাফিক্স ফর্ম্যাট। পিএনজি ফাইল ...
All সমস্ত আধুনিক ব্রাউজার দ্বারা সমর্থিত। এই ফাইলগুলি পুরানো ব্রাউজারগুলিতে উপস্থিত নাও হতে পারে, সুতরাং এই গ্রাফিক্স ফর্ম্যাটটি ব্যবহার করা আপনার ওয়েবসাইটের দর্শকদের মধ্যে কিছু আপনার চিত্র দেখতে অক্ষম হতে পারে।
Comp কমপ্যাক্ট এবং বহুমুখী এবং জিআইএফ এবং জেপিজির সেরা বৈশিষ্ট্যগুলিকে একত্রিত করতে পারে যেমন স্বচ্ছ ব্যাকগ্রাউন্ড রাখার ক্ষমতা বা কয়েক মিলিয়ন রঙের চিত্রগুলি ধারণ করার ক্ষমতা।
Still এখনও বহুল ব্যবহৃত হয় না, বেশিরভাগ কারণে যে তারা পুরানো ব্রাউজারগুলি সমর্থন করে না।
কখন ব্যবহার করবেন?
সঠিক ওয়েব গ্রাফিক্স ফর্ম্যাটটি নির্বাচন করা আপনার চিত্রগুলি ভাল দেখায় এবং আপনার দর্শকের কম্পিউটারে দ্রুত উপস্থিত হয় তা নিশ্চিত করে। ভুল ফর্ম্যাট নির্বাচন করা আপনার চিত্রগুলি দেখতে খারাপ দেখায় এবং ডাউনলোডের জন্য চিরকালের জন্য নেয়।
লোকেরা ওয়েবে সবচেয়ে বেশি সাধারণ গ্রাফিক্স ভুল হয় তাদের চিত্রগুলির জন্য ভুল গ্রাফিক্স ফর্ম্যাটটি ব্যবহার করা। তবে পছন্দটি বেশ সহজ ...
Your আপনার গ্রাফিক্সে যদি অনেকগুলি রঙ থাকে (যেমন একটি ফটো), জেপিজি চয়ন করুন।
Your আপনার গ্রাফিক্সের কয়েকটি রঙ থাকলে GIF চয়ন করুন। জিআইএফ ব্যবহার করার সময়, কেবলমাত্র ব্যবহৃত রঙগুলি ধারণ করে এমন অনুকূলিত প্যালেটগুলি ব্যবহার করে দেখুন - তারা ফাইলের আকারগুলি অর্ধেক কেটে ফেলতে পারে।
একটি আদর্শ বিশ্বে এটি নেমে আসবে:
জেপিইজি - রাস্টার ছবি এবং ফটোগ্রাফের জন্য
পিএনজি - ভেক্টর গ্রাফিক্সের জন্য (যেমন লোগো ইত্যাদি)
দুর্ভাগ্যক্রমে, ইন্টারনেট এক্সপ্লোরার 6 (এখনও, দুর্ভাগ্যক্রমে, বিপুল সংখ্যক ব্যবহারকারী) পিএনজি চিত্রগুলিতে স্বচ্ছতা সমর্থন করে না। সুতরাং আপনার যদি পিএনজিতে স্বচ্ছতা থাকে তবে এটি সমস্যার সমাধান হতে পারে। ভাগ্যক্রমে, একটি হ্যাক রয়েছে যা এই সমস্যাটিকে বাইপাস করতে ব্যবহার করা যেতে পারে, যদিও এটি মার্জিত উপায়ে নয়:
http://24ways.org/2007/supersleight-transparent-png-in-ie6 http://www.alistapart.com/articles/pngopacity/
(সম্পাদনা: এছাড়াও, আমার কাছে মনে হয় আইই 7-তেও পিএনজির কিছু বৈশিষ্ট্য রয়েছে))
জিএনএফ-এর কেবল পিএনজির চেয়ে দুটি সুবিধা রয়েছে:
সম্পাদনা: পিএনজি সর্বদা জিআইএফ এর পক্ষে পছন্দনীয় যেখানে এটি সমর্থিত এবং ব্যবহারযোগ্য, কারণ পিএনজি একটি উন্মুক্ত ফর্ম্যাট।
সর্বাধিক নির্দেশিত হিসাবে, জেপিজি ফটোগ্রাফির পক্ষে ভাল এবং পিএনজি পাঠ্য এবং গ্রাফ সহ গ্রাফিক্সের পক্ষে ভাল। জিআইএফের একমাত্র সুবিধা, এটি অ্যানিমেশন সমর্থন করে, এটি খুব সাবধানে ব্যবহার করা উচিত।
জেপিইজি এবং পিএনজি হিসাবে আপনার চিত্র রফতানি করার জন্য একটি ভাল পরামর্শ। একটি ছোট ফাইলে আপনার গ্রাফিক ফলাফলের জন্য প্রায় সর্বদা বিন্যাসটি ভাল। ফটোগ্রাফগুলি জেপিজি হিসাবে ছোট এবং গ্রাফগুলি পিএনজি হিসাবে ছোট হয়। সুতরাং আপনি যদি কোনটি বেছে নেবেন তা নিশ্চিত না হন তবে এটি একটি ভাল সিদ্ধান্ত নেওয়া যেতে পারে।