ওয়েব পৃষ্ঠায় অনেকগুলি ইমেজ ফরম্যাট ব্যবহার করা যেতে পারে। কিছু সাধারণ উদাহরণ হল GIF , JPG , এবং PNG । SVG ফাইলগুলি সাধারণত ওয়েবসাইটগুলিতে সাধারণত ব্যবহার করা হয়, ওয়েব ডিজাইনারদের অনলাইন চিত্রের জন্য আরেকটি বিকল্প প্রদান করে।
GIF চিত্রগুলি
ছবিগুলির একটি ছোট, স্থায়ী সংখ্যার ছবিগুলির জন্য GIF ফাইল ব্যবহার করুন। GIF ফাইলগুলি সবসময় 256 টি অনন্য রঙের চেয়ে কম থাকে জিআইএফ ফাইলগুলির জন্য কম্প্রেশন অ্যালগরিদমটি JPG ফাইলের তুলনায় কম জটিল, তবে যখন ফ্ল্যাট কালার ইমেজ এবং টেক্সট ব্যবহার করা হয় তখন এটি খুব ছোট ফাইলের আকার তৈরি করে ।
GIF ফরম্যাট ফোটোগ্রাফিক ইমেজ বা গ্রেডিয়েন্ট রং সঙ্গে ইমেজ জন্য উপযুক্ত নয়। GIF ফরম্যাটের একটি সীমিত সংখ্যক রং আছে কারণ GIF ফাইল হিসাবে সংরক্ষণ করা হলে গ্রেডিয়েন্ট এবং ফটোগ্রাফগুলি ব্যান্ডিং এবং পিক্সেলেশন দিয়ে শেষ হবে।
সংক্ষিপ্তভাবে, আপনি কেবলমাত্র কয়েকটি রং দিয়ে সহজ ছবির জন্য GIF ব্যবহার করবেন, তবে আপনি সেইসাথে পিএনজি ব্যবহার করতে পারেন (যে খুব শীঘ্রই)।
JPG চিত্রগুলি
ফটোগুলি ও অন্যান্য চিত্রের জন্য JPG চিত্রগুলি ব্যবহার করুন যা লাখ লাখ রঙের। এটি একটি জটিল কম্প্রেশন অ্যালগরিদম ব্যবহার করে যা আপনাকে ইমেজটির কিছু মান হারিয়ে ক্ষুদ্রতর গ্রাফিক্স তৈরি করতে সহায়তা করে। এটি একটি "লজিক্যাল" কম্প্রেশন বলে মনে হয় কারণ ইমেজ সংকুচিত হওয়ার কারণে কিছু তথ্য তথ্য হারিয়ে যায়।
JPG ফরম্যাটটি পাঠ্য, কঠিন রঙের বড় ব্লক এবং ক্রিস্প প্রান্তগুলির সাথে সহজ আকারের চিত্রগুলির সাথে উপযুক্ত নয়। এই কারণটি যখন চিত্র সংকুচিত হয়, তখন টেক্সট, রঙ, বা লাইনটি এমন একটি চিত্রের ফলে অস্পষ্ট হতে পারে যা অন্য প্রকারে সংরক্ষণ করা হবে না।
ফটোগুলি এবং চিত্রগুলি যা প্রচুর এবং প্রচুর প্রাকৃতিক রঙের জন্য JPG চিত্রগুলি সবচেয়ে ভাল ব্যবহার করা হয়।
পিএনজি চিত্রগুলি
পিআইজি ফরম্যাটটি GIF ফরম্যাটের প্রতিস্থাপন হিসাবে উন্নত করা হয়েছিল যখন এটি প্রদর্শিত হয়েছিল যে GIF চিত্রগুলি একটি রয়্যালটি ফি এর অধীন হবে। পিএনজি গ্রাফিক্সগুলি GIF চিত্রের তুলনায় ভাল কম্প্রেশন রেট আছে যা GIF রূপে সংরক্ষিত একই ফাইলের তুলনায় ছোট ছবিগুলির ফলাফল। পিএনজি ফাইলগুলি আলফা স্বচ্ছতা অফার করে, যার মানে আপনি আপনার ইমেজগুলির এমন এলাকা থাকতে পারেন যা সম্পূর্ণ স্বচ্ছ বা এমনকি আলফা স্বচ্ছতার একটি পরিসর ব্যবহার করে। উদাহরণস্বরূপ, একটি ড্রপ ছায়া স্বচ্ছতার প্রভাবগুলির একটি পরিসর ব্যবহার করে এবং একটি PNG এর জন্য উপযুক্ত হবে (অথবা আপনি কেবল আমাদের পরিবর্তে CSS ছায়াগুলি ব্যবহার করে শেষ করতে পারেন)।
PNG চিত্রগুলি, যেমন GIFs, ফটোগুলির উপযুক্ত নয়। এটা সত্য রং ব্যবহার করে GIF ফাইল হিসাবে সংরক্ষিত ছবি প্রভাবিত করে যে ব্যান্ডিং সমস্যা কাছাকাছি পেতে সম্ভব, কিন্তু এটি খুব বড় ছবি হতে পারে PNG চিত্রগুলি পুরাতন সেল ফোন এবং বৈশিষ্ট্য ফোনগুলি দ্বারাও সমর্থিত নয়।
আমরা যে কোনও ফাইলের জন্য PNG ব্যবহার করি যাতে স্বচ্ছতা প্রয়োজন। আমরা যে কোনও ফাইলের জন্য PNG-8 ব্যবহার করি যা একটি GIF হিসেবে উপযুক্ত, এই PNG ফর্ম্যাটটি ব্যবহার করে।
এসভিজি চিত্রগুলি
SVG স্কেলেবেল ভেক্টর গ্রাফিক জন্য দাঁড়িয়েছে। জেপিজি, জিআইএফ এবং পিএনজিতে পাওয়া রাস্টার-ভিত্তিক ফরম্যাটের থেকে ভিন্ন, এই ফাইলগুলি ভেক্টরকে খুব ছোট ফাইল তৈরি করতে ব্যবহার করে যা আকারের আকারের আকারের গুণমানের কোনও ক্ষতি না করে যে কোনও আকারে রেন্ডার করা যায়। তারা আইকন এবং এমনকি লোগো মত দৃষ্টান্ত জন্য তৈরি করা হয়।
ওয়েব ডেলিভারি জন্য ইমেজ প্রস্তুতি
আপনি কোনও ইমেজ ফরম্যাটটি ব্যবহার করেন না, এবং আপনার ওয়েবসাইটটি তার সমস্ত পৃষ্ঠায় বিভিন্ন ধরনের ফরম্যাট ব্যবহার করতে নিশ্চিত, আপনি এটি নিশ্চিত করতে হবে যে ওয়েব সাইটে সমস্ত চিত্র ওয়েব বিতরণের জন্য প্রস্তুত । অনেক বড় চিত্রগুলি একটি সাইটটিকে ধীরে ধীরে চালাতে এবং সামগ্রিক পারফরম্যান্স প্রভাবিত করতে পারে। এই মোকাবেলা করার জন্য, এই ইমেজ উচ্চ মানের মধ্যে ভারসাম্য এবং যে মান স্তরের সম্ভাব্য সর্বনিম্ন ফাইল আকারের অপ্টিমাইজ করা আবশ্যক ।
ডান ইমেজ ফরম্যাট নির্বাচন করা যুদ্ধের অংশ, কিন্তু আপনি এই ফাইলগুলি তৈরি করেছেন তা নিশ্চিত করা এই গুরুত্বপূর্ণ ওয়েব ডেলিভারি প্রসেসের পরবর্তী ধাপ।
জনিফার ক্রাইনিনের মূল রচনা জেরেমি গিয়ার্ড দ্বারা সম্পাদিত