تحسين صورة للويب
الصور الكبيرة من أكثر الأسباب شيوعًا لبطء تحميل الصفحات. تستهدف هذه الأداة حجمًا مناسبًا للويب (200 كيلوبايت افتراضيًا، قابل للتعديل) مباشرة، وتغيّر حجم الصورة فقط إذا لم يكفِ الضغط وحده للوصول إليه.
اسحب ملفًا هنا، أو انقر للتصفح
فيديو أو صوت أو صورة أو PDF — حتى 500 ميجابايت بدون حساب
أو الصق من الحافظة (Ctrl/Cmd+V)
لماذا يهم حجم الملف لسرعة الصفحة
كل 100 كيلوبايت إضافية تزنها الصورة هي بايتات يجب على متصفح الزائر تحميلها قبل انتهاء عرض ذلك الجزء من الصفحة — على اتصال بطيء، يُشعر بهذا كتأخير مباشر. 200 كيلوبايت سقف مُوصى به عمومًا لصورة محتوى عادية؛ وأصغر لأي شيء أعلى الصفحة في موقع يعتمد كثيرًا على الهواتف.
تغيير الحجم مقابل الضغط فقط
يقلل FileBench جودة الضغط أولًا؛ وإذا لم يُوصل ذلك إلى الهدف (شائع للصور المصدر الكبيرة جدًا، كصورة هاتف بدقة 12 ميجابكسل)، يغيّر حجم الصورة أيضًا، لأن تقديم صورة بعرض 4000 بكسل بأحجام عرض الويب هو هدر لعرض النطاق الترددي بصرف النظر عن الضغط.
الصيغة مهمة أيضًا
تعمل هذه الأداة على صيغتك الحالية، لكن التحويل إلى WebP أولًا (راجع PNG إلى WebP أو JPG إلى WebP) غالبًا يمنحك ملفًا أصغر بنفس الجودة المرئية حتى قبل تطبيق حجم مستهدف — تتراكم التقنيتان معًا.
ما حجم الصورة الذي يجب استهدافه لموقع ويب؟
200 كيلوبايت هدف عام معقول لصورة محتوى. صور البانر/الرئيسية التي تحتاج للظهور بوضوح بأحجام كبيرة يمكن أن تكون أكبر (400-600 كيلوبايت)؛ أما الصور المصغرة أو الأيقونات فيجب أن تكون أقل بكثير.
هل سيجعل هذا صورتي غير واضحة؟
فقط إذا فرض الحجم المستهدف ضغطًا كبيرًا أو تصغيرًا نسبيًا للمصدر — الصورة المصدر عالية الدقة لديها مساحة أكبر بكثير للضغط بنظافة من صورة صغيرة أصلًا.