Skip to main content

ওয়েবের জন্য JPG, GIF, PNG, এবং SVG ফর্ম্যাট ব্যবহার করে

ইমেজ ফাইল প্রকার (JPG,, পিএনজি, করা SVG, জিআইএফ) - ওয়েব ডিজাইন টিউটোরিয়াল (জুলাই 2024)

ইমেজ ফাইল প্রকার (JPG,, পিএনজি, করা SVG, জিআইএফ) - ওয়েব ডিজাইন টিউটোরিয়াল (জুলাই 2024)
Anonim

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

জিআইএফ ছবি

ছবিগুলির জন্য একটি ছোট, নির্দিষ্ট সংখ্যক চিত্রের জন্য GIF ফাইলগুলি ব্যবহার করুন। জিআইএফ ফাইলগুলি সর্বদা ২56 টি অনন্য রঙে কমিয়ে আনা হয়। জিআইএফ ফাইলগুলির জন্য কম্প্রেশন অ্যালগরিদম JPG ফাইলগুলির চেয়ে কম জটিল, কিন্তু যখন ফ্ল্যাট রঙের চিত্র এবং পাঠ্যতে ব্যবহৃত হয়, তখন এটি খুব ছোট আকারের ফাইল তৈরি করে।

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

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

JPG চিত্র

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

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

JPG চিত্রগুলি ফটোগুলি এবং চিত্রগুলির জন্য সবচেয়ে ভাল এবং প্রচুর প্রাকৃতিক রঙের জন্য ব্যবহার করা হয়।

PNG চিত্র

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

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

আমরা যে কোনও ফাইলের জন্য PNG ব্যবহার করি যা স্বচ্ছতার প্রয়োজন। আমরা যে কোনও ফাইলের জন্য PNG-8 ব্যবহার করি যা পরিবর্তে এই PNG ফর্ম্যাট ব্যবহার করে একটি GIF হিসাবে উপযুক্ত হবে।

এসভিজি ইমেজ

SVG স্কেলেবল ভেক্টর গ্রাফিক জন্য দাঁড়িয়েছে। JPG, GIF এবং PNG এ পাওয়া রাস্টার ভিত্তিক বিন্যাসগুলির থেকে ভিন্ন, এই ফাইলগুলি খুব ছোট ফাইলগুলি তৈরি করতে ভেক্টরগুলি ব্যবহার করে যা ফাইলের আকারের গুণমানের কোনও ক্ষতি ছাড়াই কোন আকারে সরবরাহ করা যেতে পারে। তারা আইকন এবং এমনকি লোগো মত চিত্রাবলী জন্য তৈরি করা হয়।

ওয়েব ডেলিভারি জন্য ইমেজ প্রস্তুতি

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

সঠিক চিত্র বিন্যাস নির্বাচন করা যুদ্ধের অংশ, তবে আপনি এই ফাইলগুলিকে প্রস্তুত করেছেন তা নিশ্চিত করার জন্য এই গুরুত্বপূর্ণ ওয়েব বিতরণ প্রক্রিয়ার পরবর্তী পদক্ষেপ।

জনিফার কিরনিনের মূল নিবন্ধ। জেরেমি গিরার্ড দ্বারা সম্পাদিত।