مولد صور Placeholder
أنشئ صوراً بديلة بأي أبعاد ولون للتصميم والتطوير.
الأبعاد
×
بكسل
أبعاد جاهزة
لون الخلفية
لون النص
النص
دليل صور Placeholder
متى ولماذا تستخدمهاصور Placeholder (الصور البديلة) هي صور مؤقتة تُستخدم أثناء تطوير المواقع والتطبيقات قبل توفر الصور الحقيقية. تُظهر أبعاد الصورة المطلوبة وتحجز المساحة في التصميم. هذه الأداة تنشئ صوراً بأي أبعاد وألوان تحتاجها.
متى تستخدم Placeholder؟
تطوير المواقع
اختبر التصميم قبل تجهيز الصور الحقيقية.
تصميم Wireframes
حدد مواضع الصور في التصميم الأولي.
التوثيق
أمثلة في الدليل التقني أو المواصفات.
العروض التقديمية
محتوى بصري مؤقت في الشرائح.
Data URL
يمكنك نسخ الصورة كـ Data URL لاستخدامها مباشرة في HTML أو CSS بدون ملف منفصل. مفيد للصور الصغيرة.
الأسئلة الشائعة
إجابات حول Placeholderما هو الحد الأقصى للأبعاد؟
هذه الأداة تدعم حتى 4000×4000 بكسل. للأبعاد الأكبر، قد تواجه مشاكل في الذاكرة.
ما الفرق بين PNG و JPG هنا؟
- PNG: حجم أكبر، جودة أفضل للنص
- JPG: حجم أصغر، مناسب للاختبار
للـ Placeholder، الفرق عادةً غير مهم.
ما هي OG Image؟
Open Graph Image (1200×630) هي الصورة التي تظهر عند مشاركة رابط على فيسبوك، تويتر، وغيرها.
كيف أستخدم Data URL؟
الصق Data URL مباشرة في:
- HTML:
<img src="data:..."> - CSS:
background-image: url(data:...)