Lorem Picsum
अनुकूलन योग्य आयामों के साथ प्लेसहोल्डर इमेज बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
अपडेट किया गया
Lorem Picsum
Generate beautiful, customizable placeholder images for your designs and prototypes. Powered by Lorem Picsum.
Image Settings
Preview800×600
Code Snippets
https://picsum.photos/seed/705/800/600
Batch Gallery
Click "Generate Images" to build a gallery
About Lorem Picsum
- Custom dimensions up to 5000 px
- Grayscale & blur filters
- Specific or seeded images
- Batch gallery with lock/refresh
- 5 code snippet formats
- Unsplash source option
- Seeded URLs are reproducible
- ID #1–1084 for Picsum
- Grayscale uses ?grayscale
- Blur range: 1–10
- Images cached by Picsum CDN
- UI mockups & wireframes
- Frontend development
- Design presentations
- Content placeholders
- Testing image layouts
अक्सर पूछे जाने वाले प्रश्न
Lorem Picsum image ID और seed का उपयोग करने में क्या अंतर है?
दोनों आपको एक दोहराने योग्य इमेज देते हैं, लेकिन वे अलग तरीके से काम करते हैं। एक image ID Picsum कैटलॉग से एक सटीक फ़ोटो खींचता है, जो #1 से #1084 तक चलता है — URL picsum.photos/id/237/640/480 बन जाता है, और वह विशिष्ट तस्वीर हर बार लोड होती है। एक seed आपके द्वारा चुना गया कोई भी टेक्स्ट स्ट्रिंग है, जैसे आपके प्रोजेक्ट का नाम; Picsum इसे /seed/yourtext/ पाथ का उपयोग करके एक कंसिस्टेंट रैंडम फ़ोटो में हैश करता है। मुख्य अंतर कंट्रोल बनाम सुविधा है: एक ID एक ज्ञात फ़ोटो की गारंटी देता है जिसे आप पहले देख चुके हैं, जबकि एक seed हर टीममेट के लिए एक ही रैंडम फ़ोटो की गारंटी देता है बिना आपको एक चुनना पड़े। जब कोई विशिष्ट इमेज मायने रखती है तब ID का उपयोग करें, और जब आप बस चाहते हैं कि मॉकअप हर रिफ़्रेश पर दोबारा शफ़ल होना बंद कर दें तब seed का उपयोग करें। यह टूल आपके लिए या तो URL बनाता है और परिणाम तुरंत प्रीव्यू करता है।
मैं Lorem Picsum इमेज में grayscale या blur प्रभाव कैसे जोड़ूँ?
Picsum URL पैरामीटर के माध्यम से प्रभाव लागू करता है, और यह टूल एक टॉगल और एक स्लाइडर के साथ उन्हें आपके लिए जोड़ता है। ब्लैक और व्हाइट के लिए, यह लिंक में ?grayscale जोड़ता है, जिससे picsum.photos/800/600?grayscale जैसा कुछ बनता है। Blur के लिए, यह ?blur=N जोड़ता है जहाँ N 1 से 10 तक का लेवल है — उच्च संख्या इमेज को ज़्यादा सॉफ़्ट करती है, इसलिए ?blur=5 मॉडरेट है और ?blur=10 भारी रूप से डिफ़्यूज़्ड है। जब आप दोनों चालू करते हैं, तो वे एक ही क्वेरी स्ट्रिंग में मिल जाते हैं। ये प्रभाव लो-फ़िडेलिटी वायरफ़्रेम, टेक्स्ट के पीछे म्यूट बैकग्राउंड टेक्सचर, या यह जाँचने के लिए उपयोगी हैं कि ओवरलेड कैप्शन एक व्यस्त फ़ोटो पर पठनीय रहें या नहीं। यहाँ grayscale स्विच फ़्लिप करें या blur स्लाइडर ड्रैग करें, और लाइव प्रीव्यू और कॉपी-रेडी स्निपेट तुरंत अपडेट होते हैं ताकि आप सटीक URL अपने मार्कअप में पेस्ट कर सकें।
मुझे अपने प्लेसहोल्डर इमेज टैग में width और height क्यों शामिल करने चाहिए?
width और height निर्दिष्ट करना ब्राउज़र को बताता है कि इमेज डाउनलोड पूरा होने से पहले कितनी जगह घेरेगी। इन डाइमेंशन्स के बिना, ब्राउज़र इमेज का आकार नहीं जानता, इसलिए आसपास का कंटेंट तस्वीर लोड होते ही कूदता है — एक समस्या जिसे Cumulative Layout Shift (CLS) द्वारा मापा जाता है, जो Google के Core Web Vitals में से एक है। सही जगह पहले से आरक्षित करके, आप लेआउट स्थिर रखते हैं और अपने CLS स्कोर की रक्षा करते हैं, जो तब भी मायने रखता है जब अंतिम फ़ोटोग्राफ़ी आपके प्लेसहोल्डर्स की जगह ले लेती है। इसीलिए इस टूल से निकलने वाला HTML स्निपेट पहले से भरे हुए मैचिंग width और height एट्रिब्यूट्स के साथ आता है, साथ में loading="lazy", और Next.js आउटपुट में वह width और height props शामिल होते हैं जो next/image को चाहिए। यहाँ अपना प्लेसहोल्डर जनरेट करें और कॉपी-रेडी मार्कअप सही डाइमेंशन्स स्वचालित रूप से लेकर आता है, ताकि आप प्रोटोटाइप चरण से ही अच्छी लेआउट आदतें बनाएँ।
क्या मैं एक ग्रिड लेआउट के लिए एक बार में कई प्लेसहोल्डर इमेज जनरेट कर सकता हूँ?
हाँ। एक सिंगल इमेज से परे, बैच गैलरी एक क्लिक में कई प्लेसहोल्डर बनाती है — 4, 6, 9, या 12 चुनें, या 24 तक कोई भी काउंट सेट करें। आप हर इमेज को एक समान डाइमेंशन्स पर रख सकते हैं एक यूनिफ़ॉर्म ग्रिड के लिए, या टूल को उन्हें सामान्य आस्पेक्ट रेशियो में बदलने दें ताकि एक असली मेसनरी या कार्ड लेआउट में जो मिक्स्ड कंटेंट होगा उसका अनुकरण हो। वह विविधता ही है जो लेआउट समस्याओं को जल्दी उजागर करती है: कार्ड अलग-अलग आकारों पर कैसे रिफ़्लो होते हैं, कहाँ गैप खुलते हैं, और मोबाइल पर एक पंक्ति कैसे ब्रीद करती है। गैलरी में प्रत्येक कार्ड स्वतंत्र है — नई फ़ोटो के लिए इसे रिफ़्रेश करें, इसे एक seed पर लॉक करें ताकि बदलना बंद कर दे, इसे नए टैब में खोलें, JPEG के रूप में डाउनलोड करें, या हटाएँ। यह ग्रे बॉक्स के बजाय यथार्थपरक इमेज के साथ प्रोटोटाइप ग्रिड को भरने का सबसे तेज़ तरीका है।
Lorem Picsum और Unsplash Source विकल्प में क्या अंतर है?
दोनों प्लेसहोल्डर के रूप में असली फ़ोटोग्राफ़्स सर्व करते हैं, लेकिन अलग स्रोतों से अलग कंट्रोल के साथ। डिफ़ॉल्ट Picsum मोड picsum.photos के क्यूरेटेड इमेज कैटलॉग से खींचता है जो #1 से #1084 तक नंबरित हैं, दोहराने योग्य परिणामों के लिए सटीक image ID और seed सपोर्ट करता है, और grayscale तथा blur पैरामीटर स्वीकार करता है। Unsplash Source मोड Unsplash के बड़े, ज़्यादा विविध लाइब्रेरी से फ़ेच करता है और तब उपयोगी है जब आप ताज़ा, टॉपिकल-दिखने वाली फ़ोटोग्राफ़ी या अलग विज़ुअल फ़ील चाहते हैं। व्यवहार में, Picsum तब चुनें जब आपको एक विशिष्ट, प्रजननीय इमेज या ज्ञात कैटलॉग ID चाहिए, और Unsplash पर स्विच करें जब आप व्यापक विविधता चाहते हैं और एक सटीक फ़ोटो पिन करने की ज़रूरत नहीं। दोनों विकल्प आपके ब्राउज़र में URL असेंबल करते हैं जबकि असली इमेज उन बाहरी CDN से आती हैं। इस टूल में दोनों सेवाओं के बीच टॉगल करें और जो URL आपके मॉकअप से मेल खाता है उसे कॉपी करें।
संबंधित टूल
मुफ़्त सुरक्षित पासवर्ड जनरेटर
अनुकूलन योग्य विकल्पों के साथ सुरक्षित, यादृच्छिक पासवर्ड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त UUID/GUID जनरेटर
सार्वभौमिक रूप से अद्वितीय पहचानकर्ता (UUID/GUID) बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त QR कोड जनरेटर ऑनलाइन
URL, टेक्स्ट, WiFi क्रेडेंशियल और बहुत कुछ के लिए QR कोड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त JSON फ़ॉर्मेटर और वैलिडेटर
सिंटैक्स हाइलाइटिंग और त्रुटि पहचान के साथ JSON डेटा को फ़ॉर्मेट, सत्यापित और सुंदर बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
Lorem Picsum के बारे में
Lorem Picsum एक मुफ़्त प्लेसहोल्डर इमेज जनरेटर है जो किसी भी डिज़ाइन, मॉकअप या प्रोटोटाइप के लिए रेडी-टू-यूज़ इमेज URL बनाता है। पेज ले आउट करते समय स्टॉक फ़ोटो खोजने के बजाय, आप एक width और height सेट करते हैं, कुछ विकल्प चुनते हैं, और टूल आपको एक लाइव इमेज और वह सटीक स्निपेट देता है जो आपके कोड में डालने लायक है। यह फ़्रंट-एंड डेवलपर्स, UI/UX डिज़ाइनर्स और हर उस व्यक्ति के लिए बना है जिसे अंतिम ऐसेट्स तैयार होने से पहले यथार्थपरक-दिखने वाली इमेज चाहिए।
इमेज खुद Lorem Picsum CDN (picsum.photos) द्वारा सर्व की जाती हैं, एक वैकल्पिक Unsplash Source मोड के साथ। इसका मतलब है कि जनरेटर आपके ब्राउज़र में URL असेंबल और प्रीव्यू करता है, लेकिन फ़ोटो उन बाहरी सेवाओं से फ़ेच होती हैं — आप जो कॉन्फ़िगर करते हैं वह किसी अकाउंट में सेव नहीं होता, और कोई साइन-अप या इंस्टॉल नहीं।
एक प्लेसहोल्डर इमेज बनाना
डाइमेंशन्स से शुरू करें। आप 1 से 5000 पिक्सेल तक कोई भी width और height डाल सकते हैं, या एक सामान्य लेआउट स्लॉट से मैच करने के लिए प्रीसेट क्लिक कर सकते हैं: Avatar (150×150), Thumbnail (320×213), Card (400×300), 16:9 HD (1280×720), Hero (1920×600), Social OG (1200×630), Square (600×600), या Portrait (400×600)। दो फ़िल्टर लुक को निखारते हैं — एक grayscale टॉगल और 0 से 10 का एक blur स्लाइडर — जो बैकग्राउंड, लो-फ़िडेलिटी वायरफ़्लो, या इमेज पर टेक्स्ट कंट्रास्ट टेस्ट करने के लिए उपयोगी है।
दोहराने योग्य परिणामों के लिए आपके पास दो लीवर हैं। एक विशिष्ट Picsum image ID डालें (कैटलॉग #1 से #1084 तक चलता है) ताकि हमेशा वही फ़ोटो आए, और उस इमेज के लेखक और मूल डाइमेंशन्स देखने के लिए metadata लुकअप का उपयोग करें। या एक seed चालू करें: कोई भी seed स्ट्रिंग एक कंसिस्टेंट रैंडम इमेज पैदा करती है, इसलिए एक ही मॉकअप हर टीममेट के लिए समान दिखता है जो इसे खोलता है। बिना किसी के, टूल हर बार एक ताज़ा रैंडम फ़ोटो सर्व करता है।
किसी भी फ़्रेमवर्क के लिए कॉपी-पेस्ट स्निपेट्स
एक बार इमेज सही दिखने पर, जनरेटर इसे पाँच फॉर्मैट्स में आउटपुट करता है ताकि आप सीधे अपने स्टैक में पेस्ट कर सकें:
- URL — कहीं भी उपयोग के लिए रॉ picsum.photos या source.unsplash.com लिंक।
- HTML — एक पूर्ण
<img>टैग जिसमेंwidth,height,alt, औरloading="lazy"पहले से भरे हुए। - Markdown — डॉक्स, READMEs और issues के लिए
सिंटैक्स। - CSS — हीरो सेक्शन के लिए
background-size: coverके साथ एकbackground-imageनियम। - Next.js — मैचिंग
widthऔरheightprops के साथ एकnext/imageकंपोनेंट।
अपने मार्कअप में वास्तविक width और height शामिल करना केवल सुविधा नहीं है — यह ब्राउज़र को इमेज लोड होने से पहले जगह आरक्षित करने देता है, जो layout shift रोकता है और आपके Cumulative Layout Shift (CLS) स्कोर की रक्षा करता है।
एक बार में एक पूरा गैलरी जनरेट करना
जब एक इमेज पर्याप्त नहीं, बैच गैलरी एक क्लिक में कई प्लेसहोल्डर बनाती है। 4, 6, 9, या 12 चुनें (या 24 तक कोई भी काउंट सेट करें), और हर इमेज को एक ही डाइमेंशन्स पर रखें या टूल को उन्हें सामान्य आस्पेक्ट रेशियो में बदलने दें — यह टेस्ट करने के लिए उपयोगी कि एक असली, मिक्स्ड-कंटेंट ग्रिड या मेसनरी लेआउट कैसे फ़्लो होगा। गैलरी में हर कार्ड को नई फ़ोटो के लिए रिफ़्रेश किया जा सकता है, एक seed पर लॉक किया जा सकता है ताकि बदलना बंद कर दे, नए टैब में खोला जा सकता है, JPEG के रूप में डाउनलोड किया जा सकता है, या व्यक्तिगत रूप से हटाया जा सकता है।
प्लेसहोल्डर इमेज क्यों मायने रखती हैं
Lorem ipsum टेक्स्ट दशकों से असली कॉपी की जगह रहा है; प्लेसहोल्डर इमेज विज़ुअल लेआउट के लिए वही काम करती हैं। ग्रे बॉक्स के बजाय असली फ़ोटोग्राफ़्स समस्याओं को जल्दी उजागर करती हैं: एक व्यस्त इमेज पर कैप्शन कैसे बैठता है, कार्ड ग्रिड अलग-अलग आस्पेक्ट रेशियो पर कैसे ब्रीद करता है, या हीरो बैनर मोबाइल पर कैसे क्रॉप होता है। चूँकि इमेज आपके द्वारा माँगे गए सटीक डाइमेंशन्स पर एक तेज़ CDN से आती हैं, आपका प्रोटोटाइप रिस्पॉन्सिव और कन्विंसिंग रहता है — और जब अंतिम फ़ोटोग्राफ़ी आती है, आप बस सोर्स URL स्वैप करते हैं।