مولّد الصور النائبة
أنشئ صورًا نائبة بأي حجم حتى 4000×4000 بألوانك ونصك. نزّل PNG أو JPEG أو WebP أو SVG أو انسخ data URI — دون أي خدمة خارجية.
اتركه فارغًا لعرض الأبعاد.
ما هو مولّد الصور النائبة؟
اصنع صورًا نائبة بسيطة تعرض أبعادها (مثل 640×360) أو نصك الخاص، بأي حجم من 1 إلى 4000 بكسل. اختر لوني الخلفية والنص وصدّر بصيغة PNG أو JPEG أو WebP أو SVG. تُرسَم الصور محليًا، فلا تعتمد على خدمة ويب للصور النائبة.
كيفية استخدام مولّد الصور النائبة
- أدخل العرض (px) والارتفاع (px) بالبكسل.
- اختر الخلفية ولون النص، واكتب النص أو اتركه فارغًا لعرض الحجم.
- اختر التنسيق.
- نزّل الصورة أو انسخ كود SVG / data URI.
مثال
Width 300, Height 150, Background #cccccc, Text color #555555, Format SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="0 0 300 150"><rect width="100%" height="100%" fill="#cccccc"/><text x="50%" y="50%" fill="#555555" font-family="Arial, Helvetica, sans-serif" font-size="30" text-anchor="middle" dominant-baseline="central">300×150</text></svg>
متى تستخدم مولّد الصور النائبة
استخدمه للمخططات الهيكلية ونماذج التصميم واختبار التخطيطات المتجاوبة ومكوّنات الصور وتعبئة عروض CMS أو المتاجر الإلكترونية التجريبية. وللمعاينات الواقعية استخدم صورًا حقيقية أو صور مخزون؛ وللصور النائبة الضبابية أثناء التحميل استخدم نسخة منخفضة الدقة من الصورة الفعلية.
كيف يعمل مولّد الصور النائبة
في PNG وJPEG وWebP تُرسَم الصورة على لوحة canvas في HTML بالحجم المطلوب: مستطيل ممتلئ مع النص في المنتصف بخط Arial وحجم خط يساوي خُمس الضلع الأقصر (يُصغَّر للنصوص الطويلة لتتسع)، ثم تُصدَّر بـ canvas.toDataURL. وفي SVG تكتب الأداة ملفًا متجهيًا صغيرًا فيه <rect> وعنصر <text> في المنتصف، يبقى حادًا عند أي تكبير وغالبًا يقل عن 400 بايت.
حالات الاستخدام الشائعة
- ملء خانات الصور في المخططات الهيكلية والنماذج الأولية
- اختبار نسب الأبعاد وCSS للصور المتجاوبة
- تعبئة منتجات تجريبية في متجر إلكتروني
- تضمين صور SVG نائبة صغيرة كـ data URI
الأسئلة الشائعة
أي صيغة أختار؟
SVG الأصغر والأحد للصور النائبة المسطحة؛ وPNG الأفضل حين يلزم ملف نقطي؛ وJPEG وWebP مفيدان لاختبار خطوط معالجة الصور.
هل يمكنني ربط هذه الصور مباشرة (hotlink)؟
لا توجد استضافة. نزّل الملف أو الصق data URI / كود SVG مباشرة في HTML أو CSS.
ما أقصى حجم؟
4000 × 4000 بكسل. وقد تستغرق ملفات PNG الكبيرة جدًا لحظات للتصدير بحسب جهازك.