স্মার্ট CDN OptiPic — সংকোচনের চেয়ে বেশি। ওয়েবপি-তে রূপান্তর সহ জটিল অন-দ্য-ফ্লাই ইমেজ অপ্টিমাইজেশান [আরও]
Previous Next

স্মার্ট CDN OptiPic

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-এ রূপান্তর এবং ইমেজ কম্প্রেশন ব্যাকগ্রাউন্ডে ঘটে এবং ব্রাউজারে ছবি খোলার গতি কমায় না।
ছবির অনুরোধের সময় যদি অপ্টিমাইজ করা সংস্করণটি এখনও প্রস্তুত না হয়, তবে কোনও প্রক্রিয়াকরণ ছাড়াই আসল সংস্করণটি ফেরত দেওয়া হয়।
সংযোগ সম্পর্কে আরো জানুন
কি সাইটে ইমেজ অপ্টিমাইজেশান পায়
  • সাইটের গতি
    বাড়ান
  • উন্নতি
    SEO
  • ক্রমবর্ধমান
    রূপান্তর
  • Google
    পেজস্পিড ইনসাইটের বৃদ্ধি

কিভাবে CDN OptiPic কাজ করে?

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

আপনার সাইটের একজন দর্শক যদি WebP ফর্ম্যাট সমর্থন করে এমন একটি ব্রাউজার ব্যবহার করেন, তাহলে CDN তাকে চিত্রগুলির ঠিক WebP সংস্করণ দেয় (WebP সংস্করণগুলি স্বয়ংক্রিয়ভাবে তৈরি হয় সিডিএন সাইড)।

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

Webp ব্যবহার করা Google Pagespeed Insights-এ "আধুনিক চিত্র বিন্যাস ব্যবহার করুন" সমস্যার সমাধান করে।

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

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

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

ছবি সংকুচিত করে

যদি ভিজিটরের ব্রাউজার Webp সমর্থন না করে, তাহলে ভিজিটরকে ছবিগুলো দেওয়া হয় আসল ফরম্যাটে (png/jpeg), কিন্তু প্রি-কম্প্রেস/অপ্টিমাইজ করা।

মোবাইল ফোনের জন্য মানিয়ে নেয়

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

ক্যাশে এবং লোডিং আপ গতি

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

কিভাবে CDN OptiPic সংযোগ করবেন?

অপশন #1: আপনার CMS এর জন্য প্লাগইন ব্যবহার করুন

বা

শুধু আপনার সাইটের url লিখুন

আমরা স্বয়ংক্রিয়ভাবে CMS সনাক্ত করব এবং একটি উপযুক্ত ইন্টিগ্রেশন মডিউল অফার করব

অপশন #2: PHP এর মাধ্যমে সর্বজনীন সংযোগ (GitHub লাইব্রেরি)

সাইটের ছবিগুলোর URL স্বয়ংক্রিয়ভাবে পরিবর্তিত হয়। আপনার .htaccess বা php.ini-এ 1 লাইন যোগ করাই যথেষ্ট।

মাধ্যমে সংযোগ উদাহরণ .htaccess

php_value auto_prepend_file "<SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php"

মাধ্যমে সংযোগ উদাহরণ php.ini

; Automatically add files before PHP document.
; http://php.net/auto-prepend-file
auto_prepend_file = <SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php
গিটহাবে আমাদের পিএইচপি-লাইব্রেরির নথিপত্র এবং উদাহরণ
সংযোগ করতে বিনামূল্যে সাহায্য পান
OptiPic CDN এর মাধ্যমে ছবি লোড হচ্ছে কিনা তা পরীক্ষা করুন
CDN: নথিতে চিত্রগুলির জন্য ইউআরএল রূপান্তরকারী
GitHub-এ লাইব্রেরি
অনুরোধ দ্বারা বিনামূল্যে একীকরণ

অপশন #3: Nginx প্রক্সির মাধ্যমে ইউনিভার্সাল সংযোগ

সাইটের ছবির URL পরিবর্তন হয় না। এখনই সমস্ত ইমেজ ট্র্যাফিক স্বয়ংক্রিয়ভাবে OptiPic CDN এ এগিয়ে যায়
# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    resolver 8.8.8.8; # Google DNS
    set $cdn_host_value "cdn.optipic.io";
    set $from_optipic "yes"; # to disable CDN OptiPic - set "no" value
    if ($arg_no_optipic) {
        set $from_optipic "no";
        set $cdn_host_value $host;
    }
    
    proxy_redirect     off;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $cdn_host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://$cdn_host_value;
    }
    
    # get-param ?no_optipic=1 - get image from your hosting directly (without CDN OptiPic)
    try_files $uri 404;
}
XXXXXX — আপনার CDN OptiPic অ্যাকাউন্টে আপনার সাইটের আইডি
আমরা দৃঢ়ভাবে সুপারিশ করছি যে আপনি nginx রিবুট করার আগে কনফিগারেশনের নতুন সংস্করণের সঠিকতা পরীক্ষা করুন। আপনি কমান্ড দিয়ে এটি করতে পারেন nginx -t.
সফট রিলোড (পুনরায় পড়া কনফিগার) Nginx কমান্ড দ্বারা হতে পারে nginx -s reload
Nginx প্রক্সি ডকুমেন্টেশন
সংযোগ করতে বিনামূল্যে সাহায্য পান
OptiPic CDN এর মাধ্যমে ছবি লোড হচ্ছে কিনা তা পরীক্ষা করুন
বিনামূল্যে ইন্টিগ্রেশন পান
এমনকি একটি বিনামূল্যে ট্যারিফ

অপশন #4: .htaccess এর মাধ্যমে সংযোগ (Apache proxying)

সাইটের ছবির URL পরিবর্তন হয় না। এখনই সমস্ত ইমেজ ট্র্যাফিক স্বয়ংক্রিয়ভাবে OptiPic CDN এ এগিয়ে যায়
#---------------------------------------
# OptiPic CDN 
# Requires enabled Apache modules: `rewrite`, `proxy_module` and `proxy_http_module`
# Add new 'IfModule mod_rewrite.c' block or inject into exist one
# Get support: https://optipic.io/get-free-help/?cdn=1
<IfModule mod_rewrite.c>
    RewriteEngine On
    SSLProxyEngine On

    RewriteCond %{QUERY_STRING} !no_optipic=
    RewriteRule "^(.*)\.(jpg|jpeg|png)$" "http://cdn.optipic.io/site-XXXXXX/$1.$2" [P]
</IfModule>
#----------------------------------------
XXXXXX — আপনার CDN OptiPic অ্যাকাউন্টে আপনার সাইটের আইডি
.htaccess পরিবর্তন করার আগে, আমরা দৃঢ়ভাবে সুপারিশ করছি যে আপনি ফাইলটির একটি ব্যাকআপ তৈরি করুন এবং নিশ্চিত করুন যে আপনার কাছে ফাইলটিতে FTP অ্যাক্সেস রয়েছে৷
সংযোগ করতে বিনামূল্যে সাহায্য পান
OptiPic CDN এর মাধ্যমে ছবি লোড হচ্ছে কিনা তা পরীক্ষা করুন
বিনামূল্যে ইন্টিগ্রেশন পান
এমনকি একটি বিনামূল্যে ট্যারিফ

অপশন #5: শুধু আপনার সাইটে ইমেজ URL পরিবর্তন!

এটি
অপ্টিমাইজ করা হয়নি

<img src="/upload/foo/bar/image.png">

এটি স্বয়ংক্রিয়ভাবে অপ্টিমাইজ করা হয়েছে৷

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">
XXXXXX — আপনার CDN OptiPic অ্যাকাউন্টে আপনার সাইটের আইডি

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

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

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

কিনুন কিভাবে একটি প্যাকেজ চয়ন?
সমস্ত প্যাকেজ দেখুন

কেন আমাদের বেছে নিন?
189 পর্যালোচনা
সব পর্যালোচনা পড়ুন

একটি বিনামূল্যে পরামর্শ পেতে আমাদের সাথে যোগাযোগ করুন

?