TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

5

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

সম্পর্কিত: ওয়ার্ডপ্রেসে ক্রমবর্ধমান লেআউট শিফট কীভাবে ঠিক করবেন?

গুগল পেজস্পিড ইনসাইটগুলিতে সতর্কতা

গুগল পেজস্পিড ইনসাইটস টুল পেজে যান এবং আপনার ওয়েবপেজের ইউআরএল পরীক্ষা করুন। আপনি নীচের মত "পরবর্তী-জেনার ফরম্যাটে সার্ভার ইমেজ" দেখানোর একটি সুযোগ দেখতে পাবেন। আপনি প্রতিটি ছবির জন্য সম্ভাব্য আকার সঞ্চয় এবং পৃষ্ঠা লোডিং সময় আনুমানিক সঞ্চয় দেখতে পারেন।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

পেজস্পিড ওয়ার্নিং নেক্সট জেনারেল ফরম্যাটে ছবি পরিবেশন করে

দ্রষ্টব্য: গুগল বলছে, এটি একটি সুযোগ এবং পেজস্পিড পারফরম্যান্স স্কোরকে প্রভাবিত করবে না। যাইহোক, এই সতর্কতাটি উল্লেখযোগ্যভাবে সরিয়ে দিলে বাস্তবে স্কোর বৃদ্ধি পায়।

নেক্সট-জেন্ট ইমেজ ফরম্যাট

আমরা এগিয়ে যাওয়ার আগে, আপনাকে ছবির ফর্ম্যাটগুলি বুঝতে হবে। তিনটি traditionalতিহ্যগত এবং জনপ্রিয় ইমেজ ফরম্যাট আছে:

  • জয়েন্ট ফটোগ্রাফি এক্সপার্টস গ্রুপ (JPEG বা JPG) – ক্ষতিগ্রস্ত কম্প্রেশন সমর্থন করে
  • পোর্টেবল নেটওয়ার্ক গ্রাফিক্স (PNG) – স্বচ্ছ এবং ক্ষতিহীন সংকোচন এবং GIF প্রতিস্থাপন সমর্থন করে
  • গ্রাফিক্স ইন্টারচেঞ্জ ফরম্যাট (GIF) – একটি বিটম্যাপ ফরম্যাট একাধিক ফ্রেম লুপিং সমর্থন করে।

এখন, ওয়েবসাইটগুলির জন্য সুপারিশ করা নতুন নতুন জেনারেশন ফর্ম্যাট রয়েছে:

  • ওয়েবপি – গুগল উন্নত কম্প্রেশনের জন্য তৈরি করেছে
  • JPEG 2000 – ইমেজ কম্প্রেশনে JPEG মান থেকে উন্নতি
  • JPEG XR – JPEG বর্ধিত পরিসর বিন্যাস মাইক্রোসফট দ্বারা উন্নত

আপনি গুগলের গ্যালারি চেক করে দেখতে পারেন বিভিন্ন ছবি দৃশ্যত তুলনা করতে। নেক্সট-জেনার ফরম্যাটগুলি ইমেজের আকারকে উল্লেখযোগ্যভাবে কমাতে সাহায্য করে এইভাবে পেজ লোডিং স্পিড বৃদ্ধি করে। অনুযায়ী উইকিপিডিয়া, ব্রাউজার 92% WebP এটা ঐতিহ্যগত বিন্যাস এর জন্য একটি সম্ভাবনাময় প্রতিস্থাপন উপার্জন বিন্যাস সমর্থন করে। অতএব, আপনাকে পেজস্পিড ইনসাইটস টুল-এ সতর্কতার পরের-জেনারেল ফরম্যাটে পরিবেশন চিত্রগুলি থেকে মুক্তি পেতে ওয়েবপি ফর্ম্যাট ব্যবহার শুরু করতে হবে।

ইমেজ ফরম্যাটের রূপান্তর

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

এখন যেহেতু নেক্সট-জেন ইমেজ ফরম্যাট তৈরির জন্য অ্যাপ্লিকেশন খুঁজে পাওয়া কঠিন। পরিবর্তে, আপনি আপনার ওয়ার্ডপ্রেস সাইটে PNG বা JPEG ছবি আপলোড করতে পারেন এবং একটি প্লাগইন ব্যবহার করে সেগুলিকে পরবর্তী-জেনের ইমেজ ফরম্যাটে রূপান্তর করতে পারেন। এটি একটি কার্যকর এবং সহজ উপায় যেহেতু আপনার কাজের মডেল পরিবর্তন করার প্রয়োজন নেই।

যেহেতু, গুগল ওয়েবপি ফরম্যাটের মালিকানাধীন, তাই অনেক প্লাগইন প্রচলিত ছবিগুলিকে ওয়েবপি ফরম্যাটে রূপান্তর করতে সহায়তা করে। এখানে, আমরা ব্যাখ্যা করব কিভাবে আপনার ছবিগুলিকে ওয়েবপিতে রূপান্তর করা যায় এবং পেজস্পিড ইনসাইটস টুলে "পরবর্তী-জেনারেশন ফর্ম্যাটে ছবিগুলি পরিবেশন করা" ঠিক করা যায়।

ওয়ার্ডপ্রেসের জন্য WebP প্লাগইন

ওয়েবপ রূপান্তরের জন্য বেশ কয়েকটি জনপ্রিয় প্লাগইন পাওয়া যায়।

সাইটগ্রাউন্ডের জন্য এসজি অপ্টিমাইজার

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

  • আপনি কেবল "এসজি অপ্টিমাইজার> ইমেজ অপ্টিমাইজেশন" বিভাগের অধীনে "নতুন ছবিগুলির ওয়েবপি কপি তৈরি করুন" বিকল্পটি সক্ষম করতে পারেন।
  • ক্ষতিগ্রস্ত বা পূর্বনির্ধারিত ক্ষতিগ্রস্ত কম্প্রেশন স্তরের সাথে আপনার বিদ্যমান সকল চিত্রের জন্য ওয়েবপ ইমেজ তৈরি করতে "বাল্ক জেনারেট ওয়েবপি ফাইলস" বোতামে ক্লিক করুন।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

SG অপ্টিমাইজার প্লাগইন এ WebP অপশন

এসইও অফার: সেম্রাশ প্রো বিশেষ 14 দিনের ফ্রি ট্রায়াল দিয়ে আপনার সাইটটি অপ্টিমাইজ করুন

স্মুশ প্রো

স্মুশ হল আরেকটি জনপ্রিয় ইমেজ কম্প্রেশন প্লাগইন যার 1 মিলিয়নেরও বেশি সক্রিয় ইনস্টলেশন রয়েছে। যাইহোক, ওয়েবপ এই প্লাগিনে একটি প্রিমিয়াম বিকল্প এবং এই বৈশিষ্ট্যটি ব্যবহারের জন্য আপনাকে প্রতি মাসে $ 5 (বার্ষিক পরিকল্পনা) সাবস্ক্রিপশন দিতে হবে।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

Smush Pro WebP Option

স্বয়ংক্রিয়করণ

এই প্লাগইনটি শর্টপিক্সেল সিডিএন পরিষেবা ব্যবহার করে ওয়েবপি রূপান্তর সহ ফ্লাই ইমেজ অপ্টিমাইজেশান অফার করে। যদিও সিডিএন এবং ওয়েবপিকে একত্রিত করার জন্য এটি একটি ভাল বিকল্প, একটি ধরা আছে। আপনার বিনামূল্যে প্রতি মাসে 100 টি ছবি পরিবেশন করার সীমা রয়েছে। যদি আপনার আরও প্রয়োজন হয়, তাহলে আপনাকে 5000 ছবির জন্য প্রিমিয়াম প্ল্যান শুরু করতে প্রতি মাসে $ 3.99 দিতে হবে। এটি একটি ব্যয়বহুল বিকল্প হবে যখন আপনি বড় সংখ্যক ছবি সংকোচন এবং পরিবেশন করতে চান। আপনি যদি স্বয়ংক্রিয়তা পরীক্ষা করতে চান, প্লাগইনটি ইনস্টল এবং সক্রিয় করার পরে, "সেটিংস> স্বয়ংক্রিয়করণ> চিত্রগুলি" বিভাগে যান।

  • "অপ্টিমাইজ ইমেজ" চেকবক্স সক্ষম করুন।
  • ইমেজ অপটিমাইজেশন লেভেল চকচকে, লসলেস বা লসী হিসেবে বেছে নিন।
  • "সমর্থিত ব্রাউজারে WebP বা AVIF লোড করুন" লেখা বাক্সটি চেক করুন?
  • "অলস লোড ছবিগুলি" সক্ষম করবেন? চেকবক্স।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

Autoptimize প্লাগইন এ WebP সেটিংস

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

ফ্রি ওয়েবপি প্লাগইন

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

মিডিয়া প্লাগইন এর জন্য ওয়েবপ কনভার্টার ইনস্টল করুন

আপনার ওয়ার্ডপ্রেস অ্যাডমিন প্যানেলে লগইন করুন এবং "প্লাগইন> নতুন যোগ করুন" বিভাগে যান। ফলাফল ফিল্টার করার জন্য সার্চ বক্সে "ওয়েবপ" টাইপ করুন এবং মিডিয়া প্লাগইন এর জন্য ওয়েবপ কনভার্টার খুঁজে বের করুন। "ইনস্টল করুন" বোতামে ক্লিক করুন এবং তারপরে আপনার সাইটে প্লাগইনটি সক্রিয় করুন।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

মিডিয়া প্লাগইন এর জন্য ওয়েবপ কনভার্টার ইনস্টল করুন

ওয়েবপি ইমেজ রূপান্তর সক্ষম করুন

প্লাগইনটি সক্রিয় করার পরে, আপনি নীচের মত একটি বার্তা দেখতে পাবেন এবং "আমার ওয়েবসাইটের গতি বাড়ান" বোতামে ক্লিক করুন। বিকল্পভাবে, আপনি প্লাগইন এর সেটিংস পৃষ্ঠায় পৌঁছাতে "সেটিংস> ওয়েবপ কনভার্টার" মেনুতে যেতে পারেন।

  • ইমেজ লোডিং মোড নির্বাচন করুন " .htaccess এর মাধ্যমে (প্রস্তাবিত)"।
  • সমর্থিত ফাইল এক্সটেনশনের জন্য JPEG, JPG এবং PNG নির্বাচন করুন।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

ইমেজ লোডিং মোড এবং ফাইল এক্সটেনশন

  • সমর্থিত ডিরেক্টরিগুলির তালিকার জন্য, "/আপলোড" বিকল্পটি নির্বাচন করুন। নিশ্চিত করুন যে আপনি ডিফল্ট ওয়ার্ডপ্রেস আপলোড ফোল্ডার থেকে ছবিগুলি পরিবেশন করছেন। আপনি যদি আপনার ছবিগুলিকে সাবডোমেনে স্থানান্তরিত করেন, তাহলে সেই ডিরেক্টরিটি নির্বাচন করুন যাতে প্লাগইনটি সঠিকভাবে কাজ করে।
  • রূপান্তর পদ্ধতির জন্য, "জিডি (প্রস্তাবিত)" বিকল্পটি নির্বাচন করুন।
  • অবশেষে আপনার প্রয়োজন অনুযায়ী ছবির মান নির্বাচন করুন। প্লাগইনটি ওয়েবপ রূপান্তরের জন্য ডিফল্ট মানের মান হিসাবে 85% ব্যবহার করে।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

ডিরেক্টরি রূপান্তর এবং গুণমান

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

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

অতিরিক্ত সুবিধাগুলি

ছবিগুলি পুনর্জন্ম করুন

WebP কনভার্টার ফর মিডিয়া প্লাগইন আপনার সমস্ত ছবিগুলিকে ওয়েবপি ফরম্যাটে রূপান্তর করার জন্য পুনর্জন্মের একটি বিকল্প প্রদান করে। প্লাগইন ইন্সটল করার আগে যদি আপনার সাইটে আপলোড করা ছবি থাকে তবে এটি কার্যকর।

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

ওয়েবপি চিত্রগুলি পুনর্জন্ম করুন

গুগল ক্রোমে চেক করুন

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

সার্ভার সাপোর্ট ইস্যু

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

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

ওয়েবপি এর জন্য সার্ভার কনফিগারেশন ত্রুটি

এই ক্ষেত্রে, আপনাকে ওয়েবপ ইমেজগুলির জন্য প্রয়োজনীয় সহায়তা সক্ষম করতে হোস্টের সাথে আলোচনা করতে হবে।

WP রকেট ব্যবহার করে WebP ছবির জন্য ক্যাশিং সক্ষম করুন

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

ওয়ার্ডপ্রেসে নেক্সট-জেনারেল ফরম্যাটের ইস্যুতে সার্ভার ইমেজ কিভাবে ঠিক করবেন?

WP রকেটে WebP সমর্থন সক্ষম করুন

রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত