ملفات أصغر وصفحات أسرع

الضغط والصيغ

يُعدّ الضغط أكبر رافعة مؤثّرة في وزن الصورة، ووزن الصورة هو أكبر رافعة مؤثّرة في سرعة الصفحة. تغطّي هذه الأدلّة اختيار الصيغة (WebP و AVIF و JPEG و PNG)، والمفاضلات بين الجودة والحجم المقاسة على صور حقيقية، ومسارات التسليم — مثل التحميل الكسول، وsrcset المتجاوب، وتخزين CDN المؤقت، وCore Web Vitals. كل توصية هنا مرفقة بعدد وحدات البايت التي يمكنك إعادة إنتاجها، وليست نسباً ترويجية مُعاد تدويرها.

ابدأ من هنا

صورة غلاف ضغط الصور دون فقدان الجودة: سير عمل WebP

2026-07-11

ضغط الصور دون فقدان الجودة: سير عمل WebP

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

صورة غلاف شرح صيغ الصور: JPEG، PNG، WebP، GIF، SVG، AVIF

2026-07-26

شرح صيغ الصور: JPEG، PNG، WebP، GIF، SVG، AVIF

ما هو الغرض من كل صيغة صور؟ ومتى تستخدم JPEG مقابل PNG مقابل WebP مقابل AVIF مقابل SVG مقابل GIF، مع أحجام ملفات فعلية وقاعدة قرار عملية للصور المستخدمة على الويب.

أدوات لهذا الموضوع

مجانية وبلا تسجيل — طبّق ما تشرحه هذه الأدلّة.

كل الأدلّة في هذا الموضوع

صورة غلاف كيفية ضغط صور JPEG دون فقدان مرئي للجودة

2026-07-26

كيفية ضغط صور JPEG دون فقدان مرئي للجودة

اضغط ملفات JPEG للويب بالطريقة الصحيحة: طابق الجودة بما تراه العين، وقم بتغيير الحجم أولاً، واستخدم الترميز التدريجي (progressive encoding)، وتجنب إعادة الضغط، مع تحديد الأحجام المقاسة.

صورة غلاف دليل Image CDN: تقديم الصور بسرعة من المواقع الطرفية

2026-07-26

دليل Image CDN: تقديم الصور بسرعة من المواقع الطرفية

قدم صورًا مُحسّنة من مواقع Edge القريبة من كل مستخدم: الإعداد، التفاوض على التنسيق، تغيير الحجم أثناء التنفيذ (on-the-fly resizing)، وسياستا الـ cache المهمتان — مع رؤوس البيانات الفعلية لإعداد CloudFront و bucket الخاص بهذا الموقع.

صورة غلاف كيف يعمل ضغط الصور: شرح JPEG وPNG وWebP

2026-07-26

كيف يعمل ضغط الصور: شرح JPEG وPNG وWebP

شرح تقني لكيفية عمل ضغط الصور: بما في ذلك التخفيض اللوني (chroma subsampling)، وDCT، والتكميم (quantization)، وتصفية PNG، ومتى يتفوق كل تنسيق، مع إعدادات الجودة العملية.

صورة غلاف PNG to WebP: دليل تحويل وضغط صور PNG

2026-07-26

PNG to WebP: دليل تحويل وضغط صور PNG

حوّل PNG إلى WebP للحصول على ملفات ويب أصغر وأكثر كفاءة. نستعرض متى يتفوق WebP غير المفقود ومتى يكون التشويه مقبولاً، بالإضافة إلى الأحجام الفعلية وأوامر cwebp و Pillow مع دعم احتياطي لـ PNG.

مواضيع أخرى