Pack Camo

مولد الصور المؤقتة

صورة مؤقتة بأي عرض وارتفاع، بألوانك ونصك، بصيغة PNG أو JPEG أو WebP أو SVG.

كل شيء يعمل محليًا — لا يُرفع أي شيء.

placeholder-600x400.png

600 × 400

صورة مؤقتة بالمقاس الذي تحتاجه تمامًا

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

كيف تنشئ صورة مؤقتة

  1. 1أدخل العرض والارتفاع بالبكسل، أو اختر مقاسًا شائعًا مثل 300 × 250 أو 1920 × 1080.
  2. 2اترك النص فارغًا لعرض الأبعاد، أو اكتب نصك — السطر الجديد يبدأ سطرًا ثانيًا من النص.
  3. 3اختر لون الخلفية ولون النص والخط وحجم النص.
  4. 4نزّلها بصيغة PNG أو JPEG أو WebP أو SVG، أو انسخ الصورة، أو انسخ data URI بصيغة SVG لاستخدامه في <img src>.

نقطية أم متجهة

PNG, JPEG, WebP
صورة نقطية بالعرض والارتفاع اللذين أدخلتهما تمامًا، لنماذج الرفع وملفات التصميم وكل ما يتطلب ملف صورة حقيقيًا.
SVG
بضع مئات من البايتات من الشيفرة تتكبر إلى أي مقاس دون تشويش. الصقها مباشرة داخل الصفحة، أو استخدم data URI حتى لا تحتاج الصورة المؤقتة إلى أي ملف.

نص يناسب الصورة

يُضبط حجم النص تلقائيًا حسب الصورة: كبير على لافتة عريضة، وصغير على إعلان leaderboard، ولا يخرج أبدًا عن الحافة. ومنزلق حجم النص يكبّره أو يصغّره انطلاقًا من ذلك.

يُرسم نص SVG بخطوط الجهاز الذي يعرضه، لذا قد يبدو مختلفًا قليلًا على حاسوب آخر؛ أما الصيغ النقطية فتبدو متطابقة في كل مكان.

لا حاجة لخدمة صور مؤقتة

قد تتوقف خدمات الصور المؤقتة على الإنترنت أو تبطئ الصفحة بطلب إضافي. أما الملف المنزَّل أو data URI فيعمل دون اتصال ولا يتغير أبدًا.

لضبط مقاس صورة حقيقية لمنصة ما، استخدم أداة تغيير حجم الصور لمواقع التواصل؛ ولملء تصميم بنص مؤقت، استخدم مولد Lorem Ipsum.

الأسئلة الشائعة

ما أكبر صورة مؤقتة يمكنني إنشاؤها؟
حتى 8000 بكسل لكل ضلع. قد تتجاوز الصور النقطية الكبيرة جدًا ما تسمح به بعض المتصفحات لعنصر canvas؛ أما SVG فليس له هذا الحد.
هل يمكنني تغيير النص على الصورة؟
نعم. اكتب ما تريد في مربع النص؛ واتركه فارغًا لعرض الأبعاد. اضغط Enter لسطر ثانٍ.
كيف أستخدم الصورة المؤقتة دون ملف؟
انسخ data URI واستخدمه كقيمة src لصورة أو داخل url() في background-image في CSS. الصورة كلها موجودة داخل النص.
هل يُرفع أي شيء؟
لا. تُرسم الصورة في متصفحك ولا تغادر جهازك أبدًا.