منشئ الصور النائبة

الصورة البديلة هي رسم مؤقت يُستخدم ريثما تكون الصورة أو التصميم النهائي جاهزًا. وعادةً ما تكون مستطيلًا ملونًا بأبعاد البكسل الدقيقة للخانة التي تملؤها، وكثيرًا ما تكون مُسمَّاة بأبعادها — كصندوق رمادي 600×400 يكتب عليه "600 × 400". يضعها المصممون والمطورون في الموكاب والواجهات التجريبية والنماذج الأولية لكي يبدو التخطيط مكتملًا قبل وصول الصور الحقيقية. وتُعرف أيضًا بالصورة الوهمية أو صورة الحجز أو الصورة التمثيلية.

أشر وسم <img> إلى الصورة. أسهل طريقة مكتفية بذاتها هي استخدام data URI حتى لا تحتاج إلى ملف منفصل للاستضافة: <img src="data:image/svg+xml,…" width="600" height="400" alt="Placeholder">. انقر على تبويب '<img>' هنا ثم انسخ، وسيصل الوسم الكامل — data URI مع العرض والارتفاع المطابقَين — إلى الحافظة جاهزًا للصق. كما يمكنك حفظ الملف المنزَّل والإشارة إليه بالطريقة المعتادة، مثل: <img src="/img/placeholder-600x400.png">.

نعم — وهو أكثر حمايةً للخصوصية. خدمات placehold.co و via.placeholder.com و dummyimage.com جميعها تُقدم الصور من خوادمها، مما يُضيف طلبات شبكة وقد يُصطدم بحدود الاستخدام، كما تتتبع هذه الخدمات الصفحات التي ترتبط بصورها. تُنشئ UtiloKit الصور البديلة بالكامل في متصفحك، فلا يخرج أي طلب من جهازك. تحصل على ملف قابل للتنزيل أو data URI مكتفية بذاتها تعمل بدون إنترنت ولا تتعطل إذا تعطلت خدمة خارجية.

تُستخدم الصور البديلة في موكاب المواقع والتطبيقات، والواجهات التجريبية، وقوالب البريد الإلكتروني، وتسليم التصاميم، وتطوير الواجهات الأمامية ريثما تكون الأصول الحقيقية قيد الإنشاء. تحجز مساحة التخطيط الدقيقة (مما يمنع إزاحة التخطيط / CLS)، وتساعد في اختبار نقاط التحول التفاعلية، وتملأ محتوى العرض التوضيحي في قوالب نظام إدارة المحتوى ومكتبات المكونات. يمكن لصندوق واحد بحجم 1280×720 أن يمثل كل مصغرات الفيديو في شبكة خلال التطوير، مما يتيح للفريق بأكمله مراجعة التخطيط بدون انتظار أصول الإنتاج.

طابق الحجم الدقيق بالبكسل للخانة التي تملؤها حتى لا يتحرك التخطيط عند تحميل الصورة الحقيقية. الأحجام الشائعة: 1200×630 لصورة المشاركة الاجتماعية/OG، و1080×1080 للمنشور المربع على إنستغرام، و1280×720 لمصغر الفيديو، و256×256 للصورة الرمزية، و1920×1080 لبانر الصفحة الكاملة، و728×90 لإعلان ليدربورد. استخدم إعدادات الحجم ونسبة الأبعاد المسبقة هنا لضبطها بنقرة واحدة، أو اكتب أي عرض وارتفاع مخصصَين حتى 4000 بكسل.

اكتب تسميتك في حقل النص — مثل "Hero" أو "Avatar" أو "Ad slot 300×250". اتركه فارغًا وستُسمي الصورة نفسها تلقائيًا بأبعادها (مثل "600 × 400"). يمكنك أيضًا تعيين لون النص وحجم الخط، حتى تُشير خانة في الموكاب بوضوح إلى ما تمثله. هذا مفيد بشكل خاص في جلسات مراجعة التصميم حين يحتاج العملاء إلى فهم ما تمثله كل منطقة صورة دون رؤية الأصول النهائية.

لصندوق لون ثابت مع نص، يكون SVG الأفضل في الغالب: حجمه بضع مئات من البايتات فقط، يظل حادًا بأي حجم، ويُلصق بسهولة كـ data URI — مثالي للويب. استخدم PNG حين تحتاج ملف صورة نقطية أو تريد شفافية، وJPG حين تشترط بعض الأدوات صيغة صورة فوتوغرافية، وWebP للحصول على أصغر ملف نقطي. تصدّر هذه الأداة الصيغ الأربع، وSVG هو الافتراضي لأنه الأكثر عملية في سير عمل تطوير الويب.

Lorem Picsum على picsum.photos تُقدم صورًا فوتوغرافية حقيقية عشوائية، وهو رائع حين تريد صورًا واقعية، غير أن كل تحميل يجلب صورة مختلفة من خادم طرف ثالث. هذه الأداة تُنشئ صناديق لون ثابتة محددة بحجمك وألوانك وتسميتك — متوقعة وصغيرة الحجم وتُولَّد بدون اتصال في متصفحك، فلا شيء يُرفع ولا تتغير النتيجة بين التحميلات. استخدم Picsum للموكاب الفوتوغرافي الواقعي، واستخدم هذه الأداة للصور البديلة النظيفة والمتحكم بها للتخطيط.

الخدمات المستضافة مثل placehold.co تُعطيك رابطًا كـ placehold.co/600x400 لأن خادمها يُنشئ الصورة عند كل طلب. هذه الأداة تعمل بالكامل في متصفحك بدون خادم، لذا بدلًا من رابط hotlink، تمنحك data URI مكتفية بذاتها تلصقها أينما يقبل رابطًا (في src لوسم <img>، أو في CSS url())، إضافةً إلى ملف SVG أو PNG أو JPG أو WebP قابل للتنزيل. لا طلب شبكة، ولا حدود للاستخدام، وتعمل بدون إنترنت.

اضبط الخلفية على رمادي فاتح مثل #e2e8f0 والنص على رمادي متوسط مثل #475569 — هذا هو المظهر المحايد المعروف للصور البديلة. اختر إعداد لوحة الألوان الرمادية لتطبيق اللونين دفعةً واحدة، وحدد حجمك، ثم نزّل. اللون الرمادي يُشير إلى "فارغ عمدًا"، فلا تتنافس الصورة البديلة بصريًا مع التصميم المحيط أثناء المراجعة. هذا هو المعيار المتعارف عليه الذي تستخدمه Figma وSketch ومعظم أنظمة التصميم لخانات الصور البديلة.

نعم، بالكامل. تعمل الأداة في أي متصفح حديث، بما فيها Safari على آيفون وChrome على أندرويد. حدد أبعادك، واختر الألوان، وأضف نصًا، ونزّل الصورة أو انسخ data URI مباشرةً من هاتفك. مفيدة بشكل خاص حين تراجع تخطيطًا تفاعليًا على جهازك وتحتاج إلى ملء خانة صورة بسرعة لالتقاط شاشة أو تسليم تصميم. لا يلزم تثبيت تطبيق — افتح الصفحة في متصفح جوالك فقط.

اختر إعدادًا مسبقًا لنسبة الأبعاد (1:1، 4:3، 3:2، 16:9، 2:1 أو 9:16) وسيتحدث الارتفاع تلقائيًا ليطابق عرضك — أدخل 1280 عرضًا بنسبة 16:9 وستحصل على 1280×720. فعّل "قفل نسبة الأبعاد" للحفاظ على هذا التناسب أثناء تغيير أي بُعد. مفيد لخانات الصور التفاعلية التي يجب أن تحافظ على نسبة ثابتة عبر نقاط التحول، أو لتصميم شبكات البطاقات حيث يجب أن تكون كل مصغرة بنفس النسبة.

نعم — كل صورة مجانية، بدون تسجيل، ولا علامة مائية، ولا حساب، ولا حد للاستخدام. على خلاف بعض أدوات الصور الإلكترونية التي تقيّد المستخدمين المجانيين بعدد معين من التنزيلات يوميًا أو تشترط التسجيل بالبريد الإلكتروني، هذه الأداة خالية من أي قيود. وهي بديل يحترم الخصوصية لـ placehold.co و dummyimage.com و via.placeholder.com: بدلًا من الارتباط بخوادمهم تُولّد الصورة محليًا وتمتلك الملف أو data URI بالكامل، بدون أي اعتماد على توفر خدمات طرف ثالث.