WordPress featured image ka size kya hona chahiye?

Jo number zyadatar log chahte hain woh hai 1200 x 630 pixels. Yehi ratio Facebook, LinkedIn aur X apne link previews ke liye use karte hain (1.91:1), aur Open Graph image bhi isi size ki honi chahiye. Agar aap featured image mukhya roop se isliye set kar rahe hain taaki shared links sahi dikhein, to 1200 x 630 use karein aur bas.

Lekin yeh number woh nahi hai jo aapki theme asal me post par dikhati hai. WordPress bahut kam hi aapki featured image ko uske original size par dikhata hai. Theme ek specific registered image size maangti hai, aur WordPress jo pre-generated crop match karta hai use serve kar deta hai. Isiliye ek image jo Facebook par perfect dikhti hai, aapke single-post template ke andar soft, stretched ya galat cropped dikh sakti hai. “Sahi” size theme par depend karta hai, kisi universal rule par nahi.

Theme number ko override kyu karti hai

Jab aap ek image upload karte hain, WordPress sirf ek file store nahi karta. Woh wp_generate_attachment_metadata() chalata hai aur har registered image size ke liye ek derivative banata hai: teen defaults (thumbnail, medium, large), block-editor ka medium_large (768px chaudi), aur koi bhi size jo theme ya kisi plugin ne add_image_size() se register kiya ho.

Ek theme jo chaudi 16:9 hero chahti hai woh functions.php me kuch aisa karegi:

add_theme_support( 'post-thumbnails' );
add_image_size( 'hero-featured', 1200, 675, true );

Chautha argument, true, ka matlab hai hard crop. WordPress aapki image ko theek 1200 x 675 par crop karega, aur jo bhi 16:9 box me fit nahi hota use fenk dega. Agar aapka subject frame ke upar ya neeche ki taraf hai, to woh kat jayega. Agar false set karein (ya chhod dein), to woh proportionally scale hoti hai aur final dimensions aapke maange gaye size se alag ho sakti hain.

Phir template tay karta hai ki kaunsa size pull karna hai:

the_post_thumbnail( 'hero-featured' );

Jo bhi naam the_post_thumbnail() ko pass kiya jata hai wahi crop render hota hai. To aapki site par asal featured image size do jagah define hoti hai jinhe aapne nahi likha: add_image_size() call aur theme ka the_post_thumbnail() call. Ek bada file upload karne se in dono me se kuch nahi badalta.

Ek aur layer hai. WordPress ek srcset serve karta hai, isliye chhoti screens par browser full crop ki jagah medium ya large derivative load kar sakta hai. Jo dimension aap DevTools me dekhte hain woh aksar woh nahi hoti jo aapne upload ki thi.

Ise kaise theek karein, kramanusar

1. Pata lagayein ki aapki theme asal me kya maangti hai. Andaza lagane se pehle, dekh lein ki WordPress aapki image se kaun-kaun se sizes generate karta hai aur kaunsa woh cropped hero hai. Apni image WordPress image sizes tool me daal dein — yeh har derivative dikhata hai jo WP banayega, theek pixel dimensions ke saath, taaki aap apne source ko kaalpanik 1200x630 ke bajay asal target se match kar sakein.

2. Itna bada upload karein ki sabse bade crop ko cover kare. Agar theme ka hero 1200 x 675 hai, to kam se kam utna upload karein, aur retina ke liye aadarsh roop se 2x (2400 x 1350). WordPress saaf-suthre tareeke se downscale karta hai; woh kabhi upscale nahi karta. Chhota source hi blurry featured image ka sabse aam kaaran hai.

3. Apne aspect ratio ko theme ke crop se match karein. Agar theme 16:9 par hard-crop karti hai, to use 16:9 dein. Subject ko center me rakhkar compose karein taaki hard crop kisi ka sar na kaat de.

4. Agar registered size galat hai, to use badlein aur regenerate karein. Child theme me add_image_size() values edit karein, phir maujooda thumbnails rebuild karein — nayi dimensions sirf future uploads par lagti hain jab tak aap yeh na karein:

wp media regenerate --yes

WP-CLI nahi hai? Regenerate Thumbnails plugin yahi kaam dashboard se kar deta hai.

Kya nahi karna chahiye

Sirf ek 1200x630 image upload karke yeh mat maan lein ki sab sambhal gaya. Agar theme ka registered size 16:9 hai, to WordPress aapki 1.91:1 image ko hard-crop karega aur aap upar aur neeche ka hissa kho denge. Open Graph number aur display number alag-alag kaam ke liye hain.

“Original ko bachane” ke liye WordPress image sizes ko disable mat karein. Log salah dhoondte hain ki intermediate sizes ko 0 par set kar dein ya the_post_thumbnail ko unhook kar dein. Phir theme full-size file ko browser me scale down karke serve karne lagti hai — ek 4000px JPEG jo phone tak bheja jata hai. Isse aapka load time aur Core Web Vitals dono kharab ho jate hain. Derivatives ek kaaran se maujood hain.

Kisi plugin ke “recommended size” par apni theme ke asal registered size se zyada bharosa mat karein. SEO plugins OG tag ke liye 1200x630 recommend karte hain, jo us tag ke liye sahi hai. Woh iske baare me kuch nahi kehta ki aapka single-post template kis par crop karta hai.

Sizes badalne ke baad wp media regenerate skip mat karein. add_image_size() edit karne se pehle se upload ki gayi images par kuch asar nahi padta. Yahi woh step hai jo log bhool jate hain, aur phir nishkarsh nikalte hain ki code kaam nahi kiya.

Abhi bhi atke hue hain?

Agar dimensions match karne aur regenerate karne ke baad bhi image galat hai, to samasya aksar crop mode (true vs false) hoti hai ya ek srcset jo aapki umeed se chhota derivative serve kar raha hota hai. File image sizes tool me daalein taaki dekh sakein ki aapka setup theek kaunse crops banata hai, phir use DevTools me browser jo load kar raha hai usse compare karein. Un dono ko match kar dein aur andaza lagana khatam.