سؤال

على سبيل المثال، سوف تحميل صورة 1x1 أسرع من 2x2؟ سيكون الحجم أصغر، لكن المتصفح سيضطر إلى العمل مرتين بنفس القدر، أليس كذلك؟

لذلك، هل هناك حجم مثالي وشكل (المستطيل المربعة مقابل المستطيل) لصور الخلفية؟

أعلم أنه من المحتمل ألا تكون مهما للغاية، لكنني مهتم بمعرفة.

شكرًا لك

هل كانت مفيدة؟

المحلول

لا أعتقد أن هناك حجم "مثالي" لصورتك.

على الرغم من أن جودة الصورة ستحصل على دور في وقت التنزيل. الصورة ذات الألوان الغنية المضمنة ستكون ثقيلة الحجم مقارنة بآخر بنفس البعد.

أخيرا اختيار صورة خلفية تماما يعتمد على حاجتك. وبعد إذا كنت بحاجة إلى صورة 2 * 2، فعليك تضمين ذلك.

إذا كنت بحاجة إلى تحسين أداء الموقع باستخدام الكثير من الصور الخلفية، فيمكنك إلقاء نظرة على

CSS Sprites.

وبعض الأدوات لتحسين الصورة

12 أدوات تحسين صورة مفيدة حقا مصممي الويب

نصائح أخرى

لقد لاحظت أن البلاط صور صغيرة جدا (مثل 1 × 1 أو 2 × 2) بطيء جدا في العديد من المتصفحات. نظرا لأنه مع معظم تنسيقات الصور المضغوطة، فهناك ما يقرب من الجانب السلبي من كونه أكبر مع التكرار وأعتقد أن الصور على الأقل للبلاط يجب عليك اختيار الصور حول ما لا يقل عن 50 × 50 بكسل للحد من تعقيد الرسم في UA.

سؤال مهم. يجب عليك أن تطلب من كل من بائعي المتصفح، لأن كل منها بطرق مختلفة لتقديم الصور.

ولكن في الواقع، يتجاهل وقت التنزيل أي فرق في وقت التقديم سيكون ضئيلا، لذلك من المنطقي استخدام صورة أصغر إذا استطعت.

سأشير أيضا إلى ما إذا كنت تستخدم صورة تكرار 1 × 1، فعليك استخدام لون الخلفية بدلا من ذلك.

يختلف الحجم المثالي عن متصفح واحد إلى آخر، من نظام إلى آخر.

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

أتذكر أن Netscape 4 رفض تكرار الصور إذا كانت أقل من شيء مثل عريضة عشرة بكسل. المتصفحات اليوم أقل حسنة، لكنها لا تزال من المنطقي عدم جعل الصور صغيرة جدا.

تستند ضغط الصور (على الأقل لصور GIF و PNG) إلى التكرار، لذلك إذا قمت بإجراء الصورة أكبر من خلال تكرارها، فإن حجم الصورة الإضافي سيضيف القليل جدا إلى حجم الملف.

فقط أن نلاحظ: إذا كنت تحاول تسريع التنزيل، فإن العلبة العامة لتنزيل صورة 1x1 مقابل، على سبيل المثال، 10x10، لا تذكر، خاصة بالنسبة للصور المضغوطة بشكل لائق - كلاهما للعميل والخادم.

لذلك، نظرا لأن التقديم أسرع بالتأكيد / أفضل مع 10x10، فانتقل إلى حجم صورة أكبر.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top