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

CDN OptiPic — সমস্যার সহজ সমাধান "পরবর্তী প্রজন্মের ফর্ম্যাটে ছবি পরিবেশন করুন"
সুপারিশ অনুযায়ী
Google PageSpeed Insights
সহজ সংযোগ
5 মিনিটের মধ্যে
বিনামূল্যে প্রযুক্তিগত সহায়তা
+ ইনস্টলেশন সহায়তা
ফ্লাইতে স্মার্ট ওয়েবপি রূপান্তর
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
    পেজস্পিড ইনসাইটের বৃদ্ধি

কেন Symfony? এর জন্য 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% এ হ্রাস করা যেতে পারে।

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

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

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

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

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

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

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

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

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

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

 

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

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

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

অপশন #1: 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
GitHub-এ লাইব্রেরি
অনুরোধ দ্বারা বিনামূল্যে একীকরণ

অপশন #2: 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 এর মাধ্যমে ছবি লোড হচ্ছে কিনা তা পরীক্ষা করুন
বিনামূল্যে ইন্টিগ্রেশন পান
এমনকি একটি বিনামূল্যে ট্যারিফ

অপশন #3: .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 এর মাধ্যমে ছবি লোড হচ্ছে কিনা তা পরীক্ষা করুন
বিনামূল্যে ইন্টিগ্রেশন পান
এমনকি একটি বিনামূল্যে ট্যারিফ

অপশন #4: শুধু আপনার সাইটে ইমেজ 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 ভিউগুলির প্রথম ডেমো বিনামূল্যে৷
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 পর্যালোচনা

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

?