Ubercart-এর সমস্ত ছবি কিভাবে WebP-এ রূপান্তর করবেন

CDN OptiPic — সমস্যার সহজ সমাধান "পরবর্তী প্রজন্মের ফর্ম্যাটে ছবি পরিবেশন করুন"
ফ্লাইতে স্মার্ট ওয়েবপি রূপান্তর
What does OptiPic CDN do when trying to request an image from it:
  • ছবির WebP সংস্করণ ফেরত দেয়।
    যদি ব্রাউজার WebP ফর্ম্যাট সমর্থন করে
  • WebP ছাড়াই একটি সংকুচিত সংস্করণ ফেরত দেয়
    যদি ব্রাউজার WebP সমর্থন না করে
  • মোবাইল স্ক্রিনে প্রতিক্রিয়াশীল করে তোলে
    যদি ছবিটি মোবাইল থেকে খোলা হয়
  • ক্যাশে এবং লোডিং আপ গতি
    আপনার হোস্টিং থেকে লোড কমিয়ে
  • আপনার ছবি
    রক্ষা করে
    EXIF এবং IPTC ট্যাগ দ্বারা কপিরাইট সংরক্ষণ
  • আপনার নিজের
    ডোমেন নাম ব্যবহার করুন
    img.domain.com, ইত্যাদি থেকে ছবি লোড করতে
  • অলস লোড
    ছবি
    আপনি পৃষ্ঠাগুলি স্ক্রোল করার সাথে সাথে ছবিগুলি লোড হয়৷
Webp-এ রূপান্তর এবং ইমেজ কম্প্রেশন ব্যাকগ্রাউন্ডে ঘটে এবং ব্রাউজারে ছবি খোলার গতি কমায় না।
ছবির অনুরোধের সময় যদি অপ্টিমাইজ করা সংস্করণটি এখনও প্রস্তুত না হয়, তবে কোনও প্রক্রিয়াকরণ ছাড়াই আসল সংস্করণটি ফেরত দেওয়া হয়।

মডিউল কনফিগার করার জন্য ভিডিও নির্দেশনা Ubercart

WebP কে Ubercart এর সাথে সংযুক্ত করার 5টি সহজ ধাপ

ধাপ #1: প্লাগইন ডাউনলোড করুন Ubercart WebP

ডাউনলোড করুন এবং আপনার সাইটে Ubercart এর জন্য অফিসিয়াল CDN OptiPic প্লাগইন ইনস্টল করুন৷

ধাপ #2: OptiPic CDN এর জন্য সাইন আপ করুন

আপনার OptiPic CDN অ্যাকাউন্টে রেজিস্টার করুন এবং আপনার CDN কন্ট্রোল প্যানেলে একটি নতুন সাইট যোগ করুন

WebP কে Ubercart এর সাথে সংযুক্ত করার 5টি সহজ ধাপ: pic #3

ধাপ #3: সাইট আইডি কপি করুন

ক্লিপবোর্ডে তৈরি করা ওয়েবসাইটের আইডি কপি করুন (Ctrl + C)

WebP কে Ubercart এর সাথে সংযুক্ত করার 5টি সহজ ধাপ: pic #4

ধাপ #4: প্লাগইনে সাইট আইডি পেস্ট করুন Ubercart WebP

আপনার সাইটে পূর্বে ইনস্টল করা প্লাগইনের সেটিংস পৃষ্ঠায় যান।

অনুলিপি করা সাইট আইডি সংশ্লিষ্ট সেটিংস ক্ষেত্রে আটকান।

ধাপ #5: আপনার সেটিংস সংরক্ষণ করুন

প্লাগইন সেটিংস সংরক্ষণ করুন। কন্ট্রোল প্যানেলে ক্যাশে সাফ করুন Ubercart৷

প্রয়োজনে অন্যান্য প্লাগইন সেটিংস পরিবর্তন করুন

মডিউল সেটিংসের বর্ণনা


Site ID in your personal account CDN OptiPic (আপনার ব্যক্তিগত অ্যাকাউন্ট CDN OptiPic-এ সাইট ID)
আপনি আপনার CDN OptiPic ব্যক্তিগত অ্যাকাউন্টে আপনার ওয়েবসাইট আইডি খুঁজে পেতে পারেন। আপনি যদি ইতিমধ্যে এটি না করে থাকেন তবে আপনার অ্যাকাউন্টে আপনার সাইট যোগ করুন৷
৷ অটো-ফিডেলিটি বন্ধ করতে, শুধু সাইট আইডি সাফ করুন।
Domain list (if images are loaded via absolute URL) (ডোমেন তালিকা (যদি সম্পূর্ণ URL এর মাধ্যমে ছবি লোড করা হয়))
প্রতিটি একটি নতুন লাইনে এবং প্রোটোকল নির্দিষ্ট না করে (http/https)।
উদাহরণ:
mydomain.com
www.mydomain.com
Site pages that do not include auto-replace (যে সাইট পৃষ্ঠাগুলি স্বয়ংক্রিয়-প্রতিস্থাপন অন্তর্ভুক্ত করে না)
প্রতিটি একটি নতুন লাইনে এবং একটি স্ল্যাশ (/) দিয়ে শুরু করতে হবে
Replace only URLs of images starting with a mask (একটি মুখোশ দিয়ে শুরু হওয়া চিত্রগুলির শুধুমাত্র URLগুলি প্রতিস্থাপন করুন৷)
প্রতিটি একটি নতুন লাইনে এবং একটি স্ল্যাশ (/)
দিয়ে শুরু করতে হবে উদাহরণ:
/আপলোড/
/upload/test.jpeg
List of 'srcset' attributes ('srcset' অ্যাট্রিবিউটের তালিকা)
ট্যাগ বৈশিষ্ট্যগুলির তালিকা, যেখানে আপনাকে চিত্রগুলির srcset-মার্কআপ প্রতিস্থাপন করতে হবে
srcset কি?
উদাহরণ:
srcset
data-srcset
CDN domain (CDN ডোমেইন)
যে ডোমেনের মাধ্যমে CDN OptiPic কাজ করবে। আপনি স্ট্যান্ডার্ড cdn.optipic.io এর পরিবর্তে আপনার সাবডোমেন (img.yourdomain.com, optipic.yourdomain.com, ইত্যাদি) ব্যবহার করতে পারেন। আপনার সাবডোমেন সংযোগ করতে, OptiPic প্রযুক্তিগত সহায়তার সাথে যোগাযোগ করুন।
কি সাইটে ইমেজ অপ্টিমাইজেশান পায়
  • সাইটের গতি
    বাড়ান
  • উন্নতি
    SEO
  • ক্রমবর্ধমান
    রূপান্তর
  • Google
    পেজস্পিড ইনসাইটের বৃদ্ধি

কেন Ubercart? এর জন্য WebP ব্যবহার করা মূল্যবান

Webp ব্যবহার করলে Google Pagespeed Insights-এ "পরবর্তী প্রজন্মের ফর্ম্যাটে ছবি পরিবেশন করুন" সমস্যার সমাধান হয়।

সংক্ষেপে, পুরানো ফর্ম্যাটের (png এবং jpeg)-এর তুলনায় WebP ফাইলটিকে আরও ভালভাবে কম্প্রেস করে, অন্য সব জিনিস সমান - যার মানে এটি হোস্টিং-এ কম জায়গা নেয় এবং পৃষ্ঠাটি দেখার সময় ব্রাউজারে দ্রুত লোড হয়। p>

WebP বাস্তবায়ন Google দ্বারা সক্রিয়ভাবে প্রচার করা হয় - তারা এই ধরনের পরিসংখ্যান প্রদান করে:

  • WebP ছবিগুলিকে PNG এর থেকে 26% ভালোভাবে সংকুচিত করে।
  • WebP একই স্ট্রাকচারাল সাদৃশ্য সূচক (SSIM) এর সাথে JPEG এর চেয়ে ক্ষতিকারক চিত্রগুলিকে 25-34% বেশি সংকুচিত করে
  • WebP শুধুমাত্র 22% এর আকার বৃদ্ধির সাথে ক্ষতিহীন স্বচ্ছতা (আলফা নামে পরিচিত) সমর্থন করে।

যদি ভিজিটরের ব্রাউজার WebP সমর্থন না করে, তাহলে CDN পুরানো ফর্ম্যাট (png/jpeg) ফিরিয়ে দেবে, কিন্তু সংকুচিত (ওয়েবের জন্য অপ্টিমাইজ করা)

ইমেজ কম্প্রেশন কি

ইমেজ অপ্টিমাইজেশান হল একটি গ্রাফিক ফাইলের বিশেষ প্রক্রিয়াকরণ যাতে ভিজ্যুয়াল মানের ক্ষতি না করে এর আকার ছোট করা যায়।

এই পদ্ধতিটি চালানোর জন্য, প্রচুর সংখ্যক মোটামুটি জটিল অ্যালগরিদম রয়েছে। যাইহোক, এগুলি সবই একই ভিত্তির উপর ভিত্তি করে - সেখানে সমস্ত পরিষেবা ডেটা (উদাহরণস্বরূপ, ফাইলটি সংরক্ষণ করে এমন প্রোগ্রামের নাম ইত্যাদি) অবশ্যই গ্রাফিক ফাইল থেকে মুছে ফেলতে হবে, এবং বিশেষ প্রোগ্রামগুলি ব্যবহার করে, মার্জ / মসৃণ অনুরূপ রং.

ফলে, আমরা একই চিত্র পাই, যা দৃশ্যত পরিবর্তিত হয়নি। যাইহোক, বাইটে এই ফাইলটির ভলিউম (ওজন) আসলটির চেয়ে অনেক কম হবে। যদি এই প্রক্রিয়াকরণটি সঠিকভাবে সম্পন্ন করা হয়, তবে চিত্রের গুণমান না হারিয়ে ইমেজ ফাইলটি 98% এ হ্রাস করা যেতে পারে।

এর মানে হল সাইটটির পৃষ্ঠাগুলিতে থাকা ছবিগুলি অপ্টিমাইজেশনের পরে অনেক গুণ দ্রুত লোড হবে৷

আপনার সাইটের জন্য ইমেজ অপ্টিমাইজ করবে কি

  • ডিস্কের স্থান সংরক্ষণ করুন।
  • পেজ লোড করার গতি বাড়ান।
  • সর্বনিম্ন সার্ভার লোড।
  • রূপান্তর বাড়ান।
  • সার্চ ফলাফলের জন্য আরও ভালো সাইট র‌্যাঙ্কিং।

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

অপটিপিক সুবিধাগুলি

  • কোন মাসিক পেমেন্ট নেই।
  • সম্পূর্ণ অটোমেশন।
  • বিনামূল্যে সংযোগ সহায়তা।
  • সেবাটি সংযোগ করতে এবং ব্যবহার করতে, আপনার প্রোগ্রামিং বা প্রশাসনে বিশেষ দক্ষতার প্রয়োজন নেই।
  • সিস্টেমটিতে ছবির আকারের উপর কোন সীমাবদ্ধতা নেই।
  • বন্ধুত্বপূর্ণ প্রযুক্তিগত সহায়তা।

কিভাবে Ubercart একটি সাইটের জন্য ছবি অপ্টিমাইজ করা যায়?

যেকোন সাইটের একটি পৃষ্ঠা প্রায়শই থাকে:

  • ছবি;
  • html-কোড (টেক্সট বিষয়বস্তু, লেআউট, মার্কআপ);
  • ভিডিও;
  • ব্রাউজার থেকে চলমান লজিক সহ জাভাস্ক্রিপ্ট স্ক্রিপ্ট;
  • পৃষ্ঠা শৈলী সহ CSS ফাইল।

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

 

তদনুসারে, আপনি যদি চিত্রের আকার পরিবর্তন করেন (নিচে) তবে সাইটের সমস্ত পৃষ্ঠা অনেক দ্রুত লোড হতে শুরু করবে।

সাইটে থাকা ছবিগুলোকে কম্প্রেস করলে তাদের ভলিউম 75-98% কমানো সম্ভব হবে, তাদের ভিজ্যুয়াল কোয়ালিটি হারানো ছাড়াই।

বিনামূল্যে প্যাকেজ সঙ্গে এখন শুরু করুন

এককালীন অর্থপ্রদান — কোন মাসিক ফি

কেনা প্যাকেজটি মাসের শেষে জ্বলে না - এটি বেশ কয়েক মাস আগে কেনা সুবিধাজনক
আপনি CDN ইমেজ থেকে ভিউ জন্য অর্থ প্রদান. ব্যবহারের মোট খরচ আপনার সাইটে ট্রাফিক পরিমাণ উপর নির্ভর করে. গড়ে, এটি প্রতি 1,000,000 চিত্র দর্শনে $1.5 থেকে।
100,000 ভিউগুলির প্রথম ডেমো বিনামূল্যে৷
1,000,000
ভিউ

১০.০০ US$ ৭.০০ US$

2,000,000
ভিউ

১৪.০০ US$ ১০.০০ US$

5,000,000
ভিউ

২৪.০০ US$ ১৮.০০ US$

10,000,000
ভিউ

৪০.০০ US$ ৩০.০০ US$

20,000,000
ভিউ

৭৪.০০ US$ ৫৫.০০ US$

50,000,000
ভিউ

১৬৫.০০ US$ ১২৩.০০ US$

80,000,000
ভিউ

২৩৫.০০ US$ ১৭৬.০০ US$

100,000,000
ভিউ

২৮২.০০ US$ ২১১.০০ US$

কেন আমাদের বেছে নিন?

184 পর্যালোচনা

অপটিপিক সহজেই অন্যান্য প্ল্যাটফর্মের সাথে একীভূত হয়

?