7 مولدات CSS Sprites

أعتقد أني تكلمت أكثر من مناسبة على مميزات CSS Sprites لكن كما نعرف أنه صعب قليلا إلى الوقت الذي يتطلبه في عملية جمع الصور والتحقق من توافقها مع CSS Sprites ولإنقاص بعد الجهد أو الوقت سأترك بعض المولدات لهذه الطريقة في تسريع الموقع.
كل هذه المواقع معظمها تم تجربته ومنها ما ننصح به بما أنها طرق مختلفة لعمل css Sprites ما زالت أستعمل gimp

CSS SPRITES GENERATOR:أسهل ما جرب كلها رفع لصور وبعدها نحصل على مواقع الصور من الصورة الكاملة التي يتم توليدها أيضا ، ويمكن الحصول أيضا على html الكامل لصور إذا أردته


CSS SPRITES :عمله مثل السابق عبر رفع الصور لكن يتميز على الأول هي أداة flash تقوم برفع أكثر من صور في نفس الوقت والحاصل عليه في الأخير الصورة كاملة إضافة إلى كود html و css المراد أحتياجه

CSS SPRITE GENERATOR : يتميز برفع الصور عبر ملف مضغوط من نوع zip و ما يتميز به هو العديد من الخيارات المتاحة والرائع في الأمر بأنه كود مفتوح المصدر بتطور مستمر

Canvas, CSS Sprites Generator: أعجبني بتميزه بإمكانية تغيير مكان الصور ولاستعماله نحتاج إلى رفع الصور مثل سابقيه لعمل sprites وبعدها الحصول على css و الصورة المحتاج لها.

Spritebox : تتغير الطريقة في هذه المرة ما نحتاج هو صورة تم وضع بهل كل الصور وعند رفع الصورة يمكن تعليم ما نريده ليتم استخراج css للاستعمال

Spriteme : ما أستعمله عندما لا أريد تضييع ولا دقيقة بمجرد ضغط زر يمكن الحصول على الصورة وcss المناسب للاستعمال في موقعنا وهو مناسب لمن ليس لديه الكثير من الدراية من استعمال طريقة css Sprites. أنصح به إذا كنت لا تجيد أي طريقة يدوية.

smartSprites : أقوى ما أستعمله حتي ألأن فهو تطبيق من نوع java ينم تحميله و إضافة أنه مفتوح المصدر، يمكننا باستعمال أمر واحد استخراج الصور مع ضبط خيالي لها إضافة إلى css بدون نقر أي زر. أنصح برايته و أستعماله

محمد حنين

الإسم الكامل محمد حنين أحد geek من أمد طويل ، مطور ويب، محب للحرية، مستعمل نضام لينوكس، وأخيرا مجرم باللغة العربية للأسف في وقتها. معلومات أكثر عني أو الإتصال بي Mohammed Hanine

You may also like...

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *