CDN الذكية OptiPic — أكثر من مجرد ضغط. تحسين الصورة المعقدة أثناء التنقل مع التحويل إلى WebP [أكثر]
Previous Next

سمارت CDN OptiPic

CDN OptiPic — حل بسيط لمشكلة "خدمة الصور بتنسيقات الجيل التالي"
تحويل WebP الذكي على الطاير
ماذا يفعل OptiPic CDN عند محاولة طلب صورة منه:
  • إرجاع إصدار WebP من الصورة.
    إذا كان المستعرض يدعم تنسيق WebP
  • يقوم بإرجاع نسخة مضغوطة بدون webp
    إذا كان المستعرض لا يدعم WebP
  • يجعل الاستجابة لشاشات المحمول
    إذا تم فتح الصورة من الهاتف المحمول
  • مخبأ ويسرع التحميل
    تقليل الحمل من الاستضافة الخاصة بك
  • تحمي
    صورك
    الحفاظ على حقوق النشر بواسطة علامات EXIF و IPTC
  • استخدام الخاص بك
    اسم المجال
    لتحميل الصور من img.domain.com ، وما إلى ذلك
  • تحميل كسول
    الصور
    يتم تحميل الصور أثناء التمرير عبر الصفحات
يحدث التحويل إلى Webp وضغط الصور في الخلفية ولا يؤدي إلى إبطاء فتح الصور في المتصفح.
إذا لم يكن الإصدار المحسن جاهزًا في وقت طلب الصورة ، فسيتم إرجاع الإصدار الأصلي دون أي معالجة.
تعرف على المزيد حول الاتصال
ما الذي يحصل على التحسين من الصور على الموقع
  • تسريع
    الموقع
  • تحسين
    تحسين محركات البحث (SEO)
  • زيادة
    التحويل
  • زيادة Google
    Pagespeed Insights

كيف يعمل CDN OptiPic؟

يحول إلى WebP - تنسيق الصورة من الجيل التالي
يحل مشكلة "تقديم الصور بتنسيقات الجيل التالي" في Google Pagespeed Insights

إذا كان زائر موقعك يستخدم متصفحًا يدعم تنسيق WebP ، فإن CDN تمنحه بالضبط إصدارات WebP من الصور (يتم إنشاء إصدارات WebP تلقائيًا على جانب CDN).

        

لماذا يستحق استخدام WebP؟

        

يؤدي استخدام Webp إلى حل مشكلة "استخدام تنسيقات الصور الحديثة" في Google Pagespeed Insights.

        

باختصار ، يضغط WebP الملف بشكل أفضل ، مع تساوي جميع الأشياء الأخرى ، من التنسيقات القديمة (png و jpeg) - مما يعني أنه يشغل مساحة أقل على الاستضافة ويتم تحميله بشكل أسرع في المتصفح عند عرض الصفحة.

        

يتم الترويج لتنفيذ WebP بشكل نشط بواسطة Google - فهي توفر مثل هذه الإحصاءات:

        
  • يضغط WebP الصور بلا فقدان بنسبة 26٪ أفضل من PNG.
  • يقوم WebP بضغط الصور المفقودة بشكل أفضل من JPEG بنسبة 25-34٪ بنفس مؤشر التشابه الهيكلي (SSIM)
  • يدعم WebP الشفافية غير المفقودة (المعروفة باسم alpha) مع زيادة الحجم بنسبة 22٪ فقط.

يضغط الصور

إذا كان متصفح الزائر لا يدعم Webp ، فسيتم منح الزائر الصور بالتنسيق الأصلي (png / jpeg) ، ولكن مضغوطة مسبقًا / محسّنة.

تتكيف مع الهواتف المحمولة

إذا فتح الزائر الموقع من هاتف محمول ، فلن يتم ضغط الصور تلقائيًا أو تحويلها إلى Webp فحسب ، بل يتم أيضًا تقليل عرضها تلقائيًا (لتسريع تنزيل الصور بشكل أكبر على الإنترنت عبر الهاتف المحمول)

مخبأ ويسرع التحميل

لن يتم تحويل الصور وتحسينها وضغطها أثناء التنقل في كل مرة مع كل طلب. سيتم تنفيذ كل هذه الإجراءات بواسطة CDN مرة واحدة للصورة المطلوبة. في الخلفية حتى لا يبطئ تسليم الصور لزائر موقعك.

كيفية توصيل CDN OptiPic؟

خيار #1: استخدم المكون الإضافي لنظام إدارة المحتوى الخاص بك

أو

فقط أدخل عنوان url الخاص بموقعك

سوف نكتشف نظام إدارة المحتوى تلقائيًا ونقدم وحدة تكامل مناسبة

خيار #2: اتصال عالمي من خلال PHP (GitHub library)

تتغير عناوين URL للصور الموجودة على الموقع تلقائيًا. يكفي فقط إضافة سطر واحد إلى .htaccess أو php.ini .

مثال على الاتصال عبر .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
توثيق وأمثلة من مكتبة php الخاصة بنا على GitHub
احصل على مساعدة مجانية في الاتصال
تحقق مما إذا كان يتم تحميل الصورة عبر OptiPic CDN
CDN: محول Url للصور في المستند
مكتبة على 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)

عناوين 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.5 دولار لكل 1،000،000 مشاهدة للصور.
العرض التوضيحي الأول لمرات عرض 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$

يشترى كيفية اختيار الباقة؟
عرض كل الحزمةs

لماذا اختر لنا؟
189 reviews
قراءة جميع الاستعراضات

تواصل معنا لتحصل على استشارة مجانية

?