Softonic

معرض Lorem Picsum

خطوة 1 / 2
التالي

يوفّر Lorem Picsum صورًا مجانية تمامًا من حقوق الملكية عبر واجهة برمجة تطبيقات (API) بسيطة قائمة على عناوين URL؛ حيث يُعيد https://picsum.photos/{width}/{height} صورة بأي حجم مطلوب. يتيح لك هذا المعرض تحديد العرض والارتفاع وقيمة seed ونصف قطر التمويه ودرجة التدرّج الرمادي، ثم ينسخ عنوان URL الجاهز للصق (أو وسم <img>)، مما يسمح لك بإدراج الصور البديلة مباشرةً في Figma أو في واجهة Blade أو في مكوّن React دون الحاجة إلى البحث عن صور جاهزة.

كيفية استخدام المعرض

  1. 1

    تحديد أبعاد الصورة

    العرض والارتفاع بوحدة البكسل. تتوفّر الأحجام الشائعة مثل 800×600 أو 1200×630 مسبقًا كإعدادات جاهزة.

  2. 2

    اختيار المُعدِّلات

    التمويه (0–10)، التدرّج الرمادي، قيمة seed ثابتة للحصول على صور قابلة للتكرار، وتنسيق WebP أو JPEG.

  3. 3

    تصفّح شبكة المعاينة

    تُحمَّل عدة عيّنات عشوائية، فيمكنك اختيار العيّنة التي تفضّلها.

  4. 4

    نسخ عنوان URL

    احصل على عنوان URL البسيط، أو الوسم الكامل `<img>`، أو صيغة الصورة في Markdown.

بنية عنوان URL

نقطة النهاية الأساسية:

https://picsum.photos/{width}/{height}

بالإضافة إلى أجزاء الاستعلام والمسار الاختيارية:

البديل مثال التأثير
اختصار للصورة المربّعة /200 → يماثل /200/200 صورة مربّعة
قيمة seed ثابتة /seed/cat/400/300 يُعيد الصورة نفسها دائمًا
معرّف صورة محدّد /id/237/400/300 يثبّت الصورة رقم 237 من المجموعة
التدرّج الرمادي /400/300?grayscale مرشّح أحادي اللون
التمويه /400/300?blur=5 تمويه غاوسي، من 1 إلى 10
التنسيق /400/300.webp فرض تنسيق ملف معيّن
عشوائي عند كل تحميل عنوان URL فقط صورة جديدة مع كل تحديث

متى تستخدمه بدلًا من صور المخزون الحقيقية

  • مناسب لـ: المخططات الهيكلية، ومراجعات التصميم، والعروض التوضيحية الداخلية، وبيانات الاختبار، وتجارب التحميل المؤجّل (lazy loading).
  • غير مناسب لـ: مواقع التسويق في بيئة الإنتاج، والصور الرئيسية (hero)، ومعاينات مواقع التواصل الاجتماعي. إن الربط المباشر بخدمة صور مجانية تخصّ طرفًا آخر لاستقبال زيارات حقيقية أسلوب غير لائق وغير مستقر؛ إذ قد تتغيّر الصورة دون سابق إنذار.

نصائح

  • ثبّت قيمة seed عند التقاط لقطات شاشة للتصاميم لأغراض التوثيق؛ وإلا فستتغيّر الصورة في المرة التالية التي يفتح فيها أحدهم الصفحة.
  • طابِق نسب الأبعاد لأصولك النهائية (16:9، 4:5، 1:1) حتى لا يقفز تخطيط الصفحة عند استبدالها بصور حقيقية.
  • استخدم التمويه لاختبار الانتقال من الصورة البديلة إلى الصورة الحقيقية (أنماط LQIP)؛ إذ يحاكي ناتج التمويه في Picsum مظهر الصورة البديلة منخفضة الجودة.
  • اطلب تنسيق WebP للحصول على صفحات أخفّ أثناء التطوير.

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

من الناحية التقنية، الصور مرخّصة بموجب ترخيص Unsplash، لكن لا يُنصح بالربط المباشر بـ picsum.photos من بيئة الإنتاج؛ استخدمها في النماذج الأولية فقط، ونزّل الملف (أو ارجع إلى المصدر الأصلي على Unsplash) للاستخدام في الإنتاج.

بدون قيمة seed أو معرّف، تُعيد واجهة برمجة التطبيقات صورة عشوائية في كل طلب. استخدم /seed/kalimatuka/... أو /id/123/... لتثبيتها.

Lorem Picsum خدمة مجانية تعمل على Cloudflare وتتضمّن حدودًا معقولة لعدد الطلبات. لمجموعات الاختبار الكبيرة أو اختبارات التحميل، نزّل نسخة محلية وقدّمها من خادمك الخاص.

نعم، الخدمة تعمل عبر HTTPS حصريًا. تبدأ جميع عناوين URL المُولَّدة بـ https://.

فقط للصور المصغّرة الخاصة بالمعاينة، والتي تُحمَّل مباشرةً من picsum.photos. ولا يرسل هذا المعرض نفسه أي بيانات عن حجمك أو اختيارات seed إلى أي طرف ثالث.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

قائمة قابلة للبحث بكيانات HTML، مع رموزها المسمّاة والرقمية، بالإضافة إلى خيار النسخ بنقرة واحدة للأحرف والرموز الخاصة.

مرجع اختصارات لوحة المفاتيح

ابحث في الاختصارات الافتراضية الموثقة لـ VS Code وChrome وBash مع GNU Readline على macOS وWindows وLinux.

مولد EditorConfig

أنشئ ملف .editorconfig بقواعد نمط المسافة البادئة وحجمها ونهاية السطر ومجموعة الأحرف والمسافات البيضاء، لتنسيق موحّد عبر بيئات التطوير المتكاملة (IDEs) والمحررات.

مدقق البريد الإلكتروني

تحقق من عنوان بريد إلكتروني: فحص صياغة RFC 5322، واستعلام حي عن سجل MX، بالإضافة إلى تفاصيل الجزء المحلي والنطاق والطول. لا يتم إرسال أي بريد.

ورقة مرجعية سريعة لـ Markdown

مرجع Markdown عملي مع معاينات فعلية وأمثلة جاهزة للنسخ للعناوين والقوائم والجداول والكود والروابط والصور وصياغة GFM.

الأداة متاحة بلغات أخرى