Image Tools
خاص وآمن
CSS Sprite Generator
Combine several images into one sprite sheet and get the CSS for it.
ادمج الصور الصغيرة مثل الأيقونات في ملف PNG واحد واحصل على فئة CSS لكل صورة جاهزة لمشروعك.
المميزات
ثلاثة تخطيطات
رتب الصور عمودياً أو أفقياً أو في شبكة.
CSS جاهز
فئة لكل صورة بالحجم والموضع الدقيقين.
تنزيل ZIP
احصل على الورقة وملف الأنماط معاً.
حالات الاستخدام: متى تفيدك هذه الأداة
-
تسريع المواقع المليئة بالأيقونات
ادمج عشرات الأيقونات الصغيرة في صورة واحدة لتقليل طلبات HTTP.
-
إنشاء أوراق سبرايت للألعاب
اجمع إطارات الحركة أو البلاطات في ورقة واحدة لألعاب HTML5 وcanvas.
-
تحسين قوالب البريد الإلكتروني
استخدم صورة مجمعة واحدة لأيقونات التواصل في النشرات والتواقيع.
-
صيانة المواقع القديمة
أنشئ CSS السبرايت للمواقع والمتصفحات القديمة التي تعتمد عليه.
-
تنظيم مجموعات الأيقونات
احتفظ بالأعلام أو الشارات أو نجوم التقييم في ملف واحد مرتب.
-
تعلم أداء الواجهات
يرى الطالب عملياً كيف تعمل السبرايت وخاصية background-position.
كيفية الاستخدام
- أضف صورك.
- اختر التخطيط والمسافة وبادئة الفئة.
- نزّل ملف ZIP واربط CSS.
FAQ
كيف تتم تسمية الفئات؟▾
من اسم كل ملف مع البادئة التي تحددها، مثل sprite-home.
هل يتم رفع صوري؟▾
لا. يتم إنشاء الورقة داخل متصفحك.
More Image Tools
Image Compressor
Shrink JPG, PNG, and WebP files by quality or to a target size
Image Converter
Convert images to JPG, PNG, WebP, BMP, or ICO in batches
Image Cropper
Crop images freely, to a ratio like 1:1 or 16:9, or to exact pixels
Image Resizer
Resize by pixels or percentage, with passport, visa, lottery, and social media sizes
Rotate and Flip Image
Rotate by 90° or any angle and mirror images horizontally or vertically
Favicon Generator
Create favicon.ico and app icons from any image
Online Image Editor
Adjust colors, add filters and text to photos