صيغة webp افضل صيغة صور لمواقع الانترنت

بسم الله الرحمن الرحيم

صيغة webp افضل صيغة صور لمواقع  الانترنت


زوار wasfh/تقنيه وانترنت الاعزاء سلام الله عليكم ورحمته وبركاته ،موضوع هذه المقاله يدور حول صيغةwebp وهى صيغه صور حديثه مفتوحة المصدر من اصدار و تطوير جوجل  خاصه بالصورالتى تستخدم على الويب بمختلف انواعها الفقودهlossy وغير الفقودهlossless والصور المتحركه والشفافه والتى بدون خلفيه وقد اعلنت جوجل رسمياً عن تلك الصيغه لأول مره فى 30سبتمبر2010 وغرض جوجل من اصدار وتطوير تلك الصيغه هو جعل صفحات الويب أكثر سرعه وخفه ، وهى بلا مبالغه تعتبر أفضل صيغة صور لمواقع ومدونات وتطبيقات الانترنت على الاطلاق حتى كتابة هذا الموضوع ،حيث يهتم جداً اصحاب مواقع  الانترنت و تطبيقات الانترنت بتوفير صور بجوده جيده او مقبوله على الاقل مع حجم تخزينى صغير قدر الإمكان للصور على مواقعهم او تطبيقاتهم على الانترنت ،وهذا ما تقدمه صيغةwebp ،وبالتالى عندما يستخدمون صور بحجم تخزينى صغير دون التأثير على درجة وضوح وجودة الصوره بشكلاً كبير، تزداد سرعة مواقعهم وتطبيقاتهم على الانترنت ويكون معدل ارسال البيانات منخفض جداً بين سيرفر الموقع والزائر ، وسيكون تطبيق الانترنت سريع وكذلك سرعة تحميل الموقع او المدونه وتتحسن علاقته مع محرك البحث جوجل والزائر على السواء مع الحفاظ على مظهر جمالى للموقع او التطبيق من خلال عرض صور جيده، حيث عند ضغط الصور بالصيغ الاخرى png او jpg تنخفض جودتها بشكلاً واضح وبدرجات مختلفه على حسب مستوى الضغط ،لذلك ينصح اصحاب مواقع الانترنت بشده بأن يستخدموا او يستبدلوا صيغ الصور التى يستعملونها على مواقعهم بصيغة webp ، وبالمناسبه جميع الصور على wasfh بصيغة webp

متصفحات الانترنت التى تدعم صيغةwebp

يدعم متصفح Google Chrome بجميع انواعه سواء لنظام الويندوز او اللينكس اوالماك او النسخ المخصصه منه لأنظمة الهواتف والاجهزه اللوحيه الذكيه عرض الصور التى بصيغةwebp بدون اضافات وايضا تدعم جميع المتصفحات المبنيه على google chrome صيغة webp مثل متصفح  comodo dragon وغيره من المتصفحات، ونفس الحال ينطبق على متصفح opera ومتصفحpale moon ،وللأسف صيغة webpغير مدعومه تلقائياً من متصفح mozilla firefox والمتصفحات المبنيه عليه حتى كتابة هذا المقال ولكن توجد بعض الاضافات فى متجر mozilla التى يمكن اضافتها للمتصفح ليتمكن من عرض الصور التى بصيغة webp والجدير بالذكر أن mozilla اعلنت عن وجود خطط مستقبليه لجعل متصفحها داعم بشكل تلقائى وبدون اضافات لصيغةwebp ،وايضا يمكن لمتصفحات الانترنت التى تستخدم مكتبات WebPJS JavaScript  عرض الصور بصيغةwebp.

البرامج التى تدعم صيغة webp

يوجد العديد من برامج الصور والتعديل عليها والتصميم الجرافيكى التى تدعم صيغة webp ،ومن اشهر وافضل تلك البرامج حتى الان برنامجGimp بداية من الاصدارGimp2.10 وهو مجانى ومفتوح المصدر ويدعم استيراد وتصدير وتعديل الصور بصيغةwebp تلقائياً بدون اضافات ،وبالنسبه للأصدرات الاقدم من برنامج gimp يمكن تنزيل plugin اضافيه له ليتمكن من دعم webp بداية من الاصدارgimp2.8 ،وبالنسبه لبرامج ادوبى Photoshop & Illustrator يوجد بعض الاضافات الخارجيه المجانيه plug-in التى يمكنك تنزيلها واضافتها لتتمكن تلك البرامج من تشغيل صيغةwebp يمكنك معرفتها من خلال البحث على جوجل ،والاصدرات الاخيره من برامج الصور التاليه تدعم صيغة webp  ،مثلirfan viewوimage magic وxnview وphotoline وpixelmatorوبرنامج الرسم الرقمى krita ،وايضا قامت جوجل باصدار بعض الاضافات plug-in لأنظمة مايكروسوفت ويندوز التى تمكن البرامج العامله على منصتها من دعم وتشغيل الصور بصيغة webp كبرنامج windows photo viewer وfast picture viewer ،وايضا 
 Microsoft Office 2010 

كيفية تحويل وضغط الصور لصيغةwebp ببرنامجGimp2.10 

سنوضح لكم فى هذا الجزء كيفية تحويل وضغط أى صوره لصيغةwebp باستخدام برنامج gimp2.10 /لمزيد من المعلومات التفصيليه حول برنامجgimp2.10/ نقوم بسحب وادراج الصوره التاليه فى برنامجgimpبعد فتحه وهى بصيغةjpgوحجمها 1.16ميجا 

وإذا كانت الصوره المراد ضغطها او تحويلها لصيغة webp تتكون من عدة طبقات من الصور نضغط اولاً على image فى الشريط العلوى ومن القائمه المنسدله نختر flatten image كما بالصوره بالاسفل ،أما اذا كانت الصوره تتكون من طبقه واحده فلا داعى لتلك الخطوه

ثم فى الشريط العلوى للبرنامج نضغط على fileومن القائمه المنسدله نختر Export as 

ثم نكتب فى الشريط العلوى من النافذه كما بالصوره بالاسفل اسم الصوره يليها webp. ثم نضغط Export 

ثم من النافذه المنبثقه نختر من امامimage quality قيمة الضغط والجوده التى نريدها ونحن هنا اخترنا 75% ويمكن زيادة تلك النسبه او انقاصها حسب الرغبه 

والنتيجه كما تلاحظون الصوره المضغوطه بصيغةwebp بالاسفل حجمها يساوى 323كيلوبايت بينما الصوره الاصليه بالاعلى حجمها1.16ميجابايت

قد يهمك ايضا معرفة:

تعليقات