الصور

السؤال جيد، امتداد webp حديث العهد ولا أعتقد أنه من الجيد الإعتماد عليه كلياً.
الفروق بين jpg و png أساساً ترجع لمدى وجود شفافية في الصورة أم لا.

أهلاً نور،

JPG(Joint Photographic Experts Group):صيغة صور تم إيجادها عام 1986 وهي تستهلك مساحة تخزين قليلة جداً وسريعة التحميل والتنزيل ويمكن أن تدعم ملايين الألوان وتعمل بشكل جيد في مواقع الويب كما أنها تستخدم أسوب lossy ضغط البيانات مما يعني أنه عند ضغط البيانات يتم حذف المعلومات غير الضرورية أي أن بعض الجودة ستفقد أو تتعرض للخطر عندما يتم تحويل أي ملف إلى JPG.

يُنصح باستخدامها في موقع الويب كصيغة للصور ما لم تكن بحاجة إلى الشفافية أو تحتوي على نصوص فيها أو متحركة

PNG(Portable Network Graphics) : تم اختراعها عام 1995 يمكنك استخدامها في موقعك إذا لم يكن لديك مشكلة بخصوص الحجم حيث أن حجمها أكبر من JPG كونها تستخدم أسلوب lossless لضغط البيانات أي يتم ضغطها دون فقدان أي بيانات وهي مثالية للرسومات التفصيلية

أما صيغة webp حديثة قد طورتها غوغل عام 2010 وهي مدعومة من معظم المتصفحات مثل chrome,opera... وبدأ دعمها حديثاً في firefox ولكن لا يُنصح باستخدامها لضمان ظهور الصورة عند جميع المستخدمين