কিভাবে ভাল ওয়েব সাইট পারফরম্যান্স জন্য GIF ফাইলের আকার হ্রাস

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

জিআইএফ চিত্র এবং ওয়েব

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

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

কিভাবে ভাল ওয়েব সাইট পারফরম্যান্স জন্য GIF ফাইলের আকার হ্রাস

এই টিপগুলি আপনাকে আপনার GIF গুলি যতটা সম্ভব ছোট করতে সাহায্য করবে।

  1. ইমেজ কাছাকাছি কোন অতিরিক্ত জায়গা সরান আপনার ছবির পিক্সেল মাত্রা হ্রাস ফাইল সাইজ কমাতে একমাত্র সবচেয়ে কার্যকর উপায়। ফটোশপ ব্যবহার করলে, ট্রাইম কমান্ড এই জন্য ভাল কাজ করে।
  2. যখন আপনি একটি জিআইএফ ইমেজ প্রস্তুত করবেন, আপনি আউটপুট মাত্রা কমাতে চাইতে পারেন।
  3. ছবির রঙের সংখ্যা হ্রাস করুন
  4. অ্যানিমেটেড GIF এর জন্য, ছবির ফ্রেমের সংখ্যা কমিয়ে দিন।
  5. আপনি যদি ফটোশপ CC 2017 ব্যবহার করেন, আপনি মেনু হিসাবে এক্সপোর্ট হিসাবে ব্যবহার করে একটি GIF ফাইল তৈরি করতে পারেন। ফাইল নির্বাচন করুন ... হিসাবে রপ্তানি করুন ... এবং যখন মেনুটি খোলে, GIF ফাইলের আকার হিসাবে নির্বাচন করুন এবং ছবিটির দৈহিক মাত্রা (প্রস্থ এবং উচ্চতা) কমাবেন।
  6. আপনি যদি Adobe Photoshop Elements 14 ব্যবহার করেন তবে ফাইল> Save for Web নির্বাচন করুন এটি অ্যাডোব ফটোশপ CC 2017, ফাইল> এক্সপোর্ট> ওয়েব সংরক্ষণের জন্য সংরক্ষিত ওয়েব ডায়ালগ বক্স খুলবে (লেগ্যাসি) । এটি প্রর্দশিত হলে আপনি dithering আবেদন করতে পারেন, ইমেজ রঙ এবং শারীরিক মাত্রা কমাতে।
  7. ডাইরিং থেকে বিরত থাকুন Dithering কিছু ইমেজ চেহারা ভাল করতে পারেন, কিন্তু এটি ফাইলের আকার বৃদ্ধি হবে যদি আপনার সফ্টওয়্যারটি এটির অনুমতি দেয়, তবে অতিরিক্ত বাইটগুলি সংরক্ষণ করার জন্য নিম্ন স্তরের ডাইরিং ব্যবহার করুন।
  1. কিছু সফ্টওয়্যার GIFs সংরক্ষণ করার জন্য একটি "ক্ষতির" বিকল্প আছে। এই বিকল্পটি ফাইল সাইজ উল্লেখযোগ্যভাবে কমাতে পারে, কিন্তু এটি ইমেজ মানেরও হ্রাস করে।
  2. ইন্টারলেসিং ব্যবহার করবেন না Interlacing সাধারণত ফাইলের আকার বৃদ্ধি
  3. ফটোশপ এবং ফটোশপ এলিমেন্ট উভয়ই আপনাকে ডাউনলোডের সময় দেখাবে। এটা কোন মনোযোগ না পে। এটি একটি 56k মডেম ব্যবহার উপর ভিত্তি করে। আপনি যদি পপ-ডাউন মেনু থেকে একটি ক্যাবল মডেম নির্বাচন করেন তবে একটি আরো বৈধ সংখ্যা প্রদর্শিত হবে।

পরামর্শ:

  1. বেহুদা অ্যানিমেশন এড়িয়ে চলুন অত্যধিক অ্যানিমেশন কেবল আপনার ওয়েব পৃষ্ঠার ডাউনলোডের সময় যোগ করে না, তবে অনেক ব্যবহারকারী এটি বিভ্রান্ত করছেন।
  2. রঙের ধাপে ধাপ, নরম ছায়া এবং উল্লম্ব নমুনার চিত্রগুলির তুলনায় কঠিন রঙ এবং অনুভূমিক প্যাটার্নগুলির বড় ব্লকের GIF চিত্রগুলি ভালো।
  3. ২, 4, 8, 16, ২3, 64, 1২8, বা ২56: জিআইএফগুলির রঙ হ্রাস করার সময়, আপনি সর্বোত্তম কম্প্রেশন পাবেন যখন এই সংখ্যাগুলি ছোট ছোট বিকল্পের মধ্যে স্থাপন করা হবে।

টম গ্রিন দ্বারা আপডেট করা হয়েছে