Khaas size ki placeholder image kaise banayein?

Upar width aur height likhein, image turant ban jaati hai. SVG ya PNG download karein ya data URI copy karein.

Service ke bajaye data URI kyun?

Har image ki ek request bachti hai, offline chalta hai aur kisi external service ke down hone par tootta nahi.

Placeholder ke liye SVG ya PNG?

Screen ke liye SVG: kuch sau byte aur har size par saaf. PNG tab jab koi tool raster image hi maange.

Open Graph image ka size kya hona chahiye?

1200 × 630 pixel, jo yahan preset hai: Facebook, LinkedIn aur zyadatar preview isi par crop karte hain.

Placeholder Image Generator

Kisi bhi size ki placeholder image banayein — SVG, PNG ya seedha paste hone wala data URI.

Placeholder Image Generator poori tarah aapke browser me chalta hai: SVG aapke device par banta aur raster hota hai, kuch bhi upload nahi hota.

Open Graph Generator kholein

Placeholder Image Generator ke baare mein

Placeholder services aise layout ke beech network request daal dete hain jise aap abhi design hi kar rahe hain, aur unse bhari page dheemi, offline bekaar aur kisi teesre par nirbhar ho jaati hai. Wahi grey rectangle local banane se yeh nirbharta khatm ho jaati hai: nateeja ek SVG hai jise aap save kar sakte hain, PNG me raster kar sakte hain ya bina kisi request ke data URI ki tarah paste kar sakte hain. Sizes wahi hain jo asal me chahiye — social cards, ad units, avatar, hero banner — aur label default me dimensions dikhata hai.

Features

Koi bhi width aur height, social, ad aur general presets ke saath
Apna background aur text colour, padhne laayak default ke saath
Label me dimensions ya aapka apna text
Corner radius aur wireframe wala diagonal cross
SVG download ya poore resolution par PNG raster
Data URI jo offline chale aur koi request na le

Placeholder Image Generator kaise use karein

Width aur height daalein ya koi preset chunein
Rang aur label chunein, ya dimensions hi rehne dein
Data URI copy karein ya SVG ya PNG download karein
HTML, CSS ya JSX snippet apne layout me paste karein

Example

Input

1200 × 630 · #e5e7eb background

Output

<img src="data:image/svg+xml,%3Csvg…" width="1200" height="630" alt="" />

Open Graph card ka placeholder data URI ki tarah: koi request nahi, koi outage nahi, offline bhi wahi.

Common errors aur troubleshooting

Data URI CSS file tod deta hai. — Use url() ke andar double quotes me rakhein, jaisa yahan ka CSS snippet karta hai.
Retina screen par PNG dhundhla dikhta hai. — Display size ke do guna par banayein: yeh theek utne hi pixel par raster hota hai jitne aap likhte hain.

Aksar pooche jaane wale sawaal

Khaas size ki placeholder image kaise banayein?: Upar width aur height likhein, image turant ban jaati hai. SVG ya PNG download karein ya data URI copy karein.
Service ke bajaye data URI kyun?: Har image ki ek request bachti hai, offline chalta hai aur kisi external service ke down hone par tootta nahi.
Placeholder ke liye SVG ya PNG?: Screen ke liye SVG: kuch sau byte aur har size par saaf. PNG tab jab koi tool raster image hi maange.
Open Graph image ka size kya hona chahiye?: 1200 × 630 pixel, jo yahan preset hai: Facebook, LinkedIn aur zyadatar preview isi par crop karte hain.

Related tools

BlurHash Generator — Dhundhle image placeholder encode aur decode karein.
App Icon Generator — Ek image ko iOS, macOS aur Android ki har app icon size mein badlein — aapke browser mein generate hokar ZIP ke roop mein download.
SVG to PNG Converter — SVG ko kisi bhi scale par ek crisp PNG ya JPG mein rasterize karein
Image Optimizer — Images ko re-encode aur chhota karein (JPEG/WebP/PNG), optional resize ke saath.
Aspect Ratio Calculator — Ratios simplify, missing dimensions solve, CSS output ke saath.
Open Graph Generator — Open Graph aur Twitter meta tags generate karein, social card preview ke saath.