إنشاء CSS العفاريت على أساس اللون ؟

Question

لدي مجموعة كبيرة من الصور المصغرة أود أن عرض على صفحة (أكثر من 200).أود أن استخدام CSS العفاريت لتحميلها للحد من طلبات HTTP.أعتقد أن وضع كل منهم في واحدة ضخمة الملف هو فكرة سيئة ، ولكن انقسموا إلى حوالي 6 ملفات من 40-50 الصور المصغرة يجب أن تعمل بشكل جيد.

جميع الصور المصغرة منخفضة إلى حد ما اللون (يمكن أن تخفض إلى 256 الألوان دون الجودة قطرة) ، ولكن في مجموع جميع الصور المصغرة تغطية الكثير من الألوان.

هل هناك طريقة سهلة مجموعة منهم على أساس اللون ؟ وضع كل مجموعة من الملفات في مجلد منفصل على ما يرام منذ أن غرزة معا مع يماغيماغيك أو على الانترنت العفريت أداة في وقت لاحق.لكنه لا يفعل كل هذا في واحد (مع CSS) سيكون لطيفا جدا.

تحديث:سبب التجميع حسب اللون:
الفكرة هي توفير المزيد من عرض النطاق الترددي.إذا كان لدي 10 في الغالب-الأزرق الصور المصغرة, 10 الأخضر والأحمر 10 ، لا يمكن الجمع بينهما إلى 3 صور ، والحد من بعضها إلى 256 لون.إذا كنت مزيج الصور المصغرة ثم خفض إلى 256 الألوان يجعل الصور أقل جودة.

Answer 1

حسنا فعلت بعض التجارب عن طريق الاستيلاء على عينة من جهة واحدة "لون" و مقارنتها المونتاج تم إنشاؤها بواسطة مجرد أخذ أول ن الصور.لم يكن هناك سوى فارق بضعة كيلوبايت ، والتي تم تخفيضها إلى حوالي 30 بايت بعد أن وجدت PNGcrush.المتحركة سبونجبوب أداة!

لذلك باختصار ، الأطوار الفكرة مردود.:p

Answer 2

أولا, أود أن أقترح عدم القلق كثيرا و توفير مثل 24bit png.قد يبدو أن الصورة هو الحصول على أكبر كثيرا قبل القيام بذلك ، ولكن إذا كانت الصور المصغرة صغيرة ربما ستجد أن هناك كمية كبيرة من عرض النطاق الترددي حاليا باستخدام فقط مع رؤوس http التي سوف تزول التي يمكنك استخدامها لجعل الصور الخاصة بك تبدو أفضل.

ومع ذلك ، إذا كنت تريد أتمتة العملية قد تتمكن من محاولة العمل بها متوسط اللون (طريقة واحدة لفعل شيء قريب من هذا هو حجمها إلى 1x1 ، ثم ننظر في الألوان rgb لهذا بكسل).مرة واحدة لديك اللون في الصور, تحويل إلى هامبورغ و فرز حسب هوى.ثم يمكنك أن حزمة لهم بناء على أن الترتيب.لقد جربت هذا ولكن قد تنتج نتائج مقبولة.

ضبط عدد من الصور التي تحصل على واحدة أيضا تأثير على جودة الانتاج.إذا كان يمص عندما قمت بوضع 30 صورة في ملف محاولة 25 وانظر كم يجعل الفرق.في الواقع ، قد تكون أكثر ذكاء التفكير في عدد من الملفات...

• وضعها جميعا في ملف واحد.
• أنها لا تبدو سيئة ، كما ليس هناك ما يكفي من الألوان ؟
• إضافة واحدة إضافية من الملفات و تقسيمها بالتساوي على جميع الملفات.انتقل إلى الخطوة 2.

Answer 3

الآن, هذا ليس شيئا أكثر من النظري ثرثرة, ولكن أنا أفهم أن صور Gif المتحركة لديها دعم متميزة الألوان في الإطار.نظريا, يمكن وضع كل صورة منفصلة إطار من الرسوم المتحركة (ترك معظم هذا الإطار شفافة) ، وتعيين وقفة الوقت بين الإطارات إلى 1ms.تعيين الرسوم المتحركة فقط من خلال الذهاب مرة واحدة ، ويمكن أن (يحتمل) فعال CSS sprite مع تخفيض 256 الألوان في الصورة.

كما قلت النظري ثرثرة.