WordPress Featured Image Size: 1200×630 + अपना साइज़ जानें

छोटा जवाब: अगर आपको अभी अपनी theme का size नहीं पता, तो 1200 x 630 pixels (लगभग 1.91:1) इस्तेमाल करें। यह वह link preview size है जिसे Facebook recommend करता है, और SEO plugins आमतौर पर featured image को ही share image की तरह इस्तेमाल करते हैं।

Post पर असल में वही size मायने रखता है जो आपकी theme दिखाती है। WordPress हर upload को कई sizes में save करता है, और theme चुनती है कि कौन-सा दिखेगा। Classic themes इसे set_post_thumbnail_size() या add_image_size() से set करती हैं; block themes इसे Featured Image block में set करती हैं। अगर theme 16:9 या square पर crop करती है, तो 1200 x 630 image के बाएँ और दाएँ किनारों का कुछ हिस्सा कट सकता है। अपनी theme का size पता करें (नीचे चार तरीके दिए गए हैं), फिर कम से कम उतनी बड़ी image upload करें, या high-density screens पर sharp result के लिए लगभग दोगुनी width वाली।

किसी image से WordPress कौन-कौन से sizes बनाएगा, यह देखने के लिए उसे WordPress image sizes tool में डालें।

Image कहाँ दिखेगी, उसके हिसाब से कौन-सा size इस्तेमाल करें

Image कहाँ दिखती है	Upload size	Notes
आपकी posts, theme का size अभी पता नहीं	1200 x 630, या ज़्यादा sharp result के लिए 2400 x 1260	जब तक आप theme का size पता करें, यह link previews के लिए भी काम करता है
आपकी posts, theme का size पता है	Theme की featured image width से लगभग दोगुनी, उसी aspect ratio में	WordPress upload की छोटी copies बनाता है, कभी बड़ी नहीं
Facebook link previews	कम से कम 1200 x 630 (लगभग 1.91:1); 1200 x 628 का shape लगभग वही है	Facebook की sharing guidance से
Google Discover	कम से कम 1200 px चौड़ी, 16:9 (जैसे 1200 x 675)	Google की Discover guidelines से

WordPress image sizes एक नज़र में

आप जो भी image upload करते हैं, उसकी हर registered size के लिए resized copies बनती हैं। ये वे sizes हैं जो WordPress core register करता है, defaults के साथ जो Theme Handbook और core function reference से लिए गए हैं:

Size का नाम	Default dimensions	Settings > Media में बदल सकते हैं?	Notes
thumbnail	150 x 150, cropped	हाँ	इसमें “crop to exact dimensions” checkbox होता है
medium	300 x 300 max	हाँ	Proportionally scale होता है
medium_large	768 चौड़ा, height की कोई limit नहीं	नहीं	ज़्यादातर srcset में इस्तेमाल होता है
large	1024 x 1024 max	हाँ	Proportionally scale होता है
1536x1536	1536 x 1536 max	नहीं	High-density screens के लिए WordPress 5.3 में जोड़ा गया
2048x2048	2048 x 2048 max	नहीं	High-density screens के लिए WordPress 5.3 में जोड़ा गया
post-thumbnail	Theme तय करती है	नहीं	तभी होता है जब theme set_post_thumbnail_size() call करे
full	आपका original upload	नहीं	बहुत बड़े uploads पहले छोटे किए जाते हैं (नीचे देखें)

“Max” का मतलब है कि WordPress image को उस box के अंदर fit करता है और उसका proportion बनाए रखता है। 2000 x 1000 की photo large के लिए 1024 x 512 बनती है, 1024 x 1024 नहीं।

Themes और plugins अक्सर add_image_size() से और sizes जोड़ते हैं। उदाहरण के लिए WooCommerce अपने product sizes जोड़ता है, जिनके बारे में हमारी WooCommerce product image size guide में बताया गया है।

एक और rule बड़े uploads पर असर डालता है। WordPress 5.3 से, अगर कोई image 2560 pixels से ज़्यादा चौड़ी या ऊँची है, तो WordPress उसे छोटा करता है और उस scaled copy को सबसे बड़े available size की तरह इस्तेमाल करता है। यह threshold big_image_size_threshold filter से आता है, जिसका default 2560 है। अगर आपको file names में -scaled दिख रहा है और जानना है कि इसे बंद करना चाहिए या नहीं, तो पढ़ें WordPress में scaled images कैसे disable करें।

Featured image का size असल में कहाँ से आता है

Featured image वह कोई भी image है जिसे आप post editor के Featured image panel में set करते हैं। Visitors को क्या दिखेगा, यह इस पर निर्भर करता है कि theme उसे कैसे print करती है।

Classic themes

Classic theme featured images चालू करती है और अपनी functions.php में size register करती है:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 1200, 675, true );

set_post_thumbnail_size() post-thumbnail नाम का size register करता है। तीसरा argument cropping को control करता है। false (default) होने पर WordPress image को 1200 x 675 के अंदर fit होने तक scale करता है। true होने पर वह image को center से ठीक 1200 x 675 पर काटता है, यानी 16:9 box के बाहर का सब कुछ हट जाता है। कौन-सा हिस्सा रखना है, यह चुनने के लिए आप array( 'center', 'top' ) जैसा array भी दे सकते हैं।

कई themes अलग-अलग templates के लिए और named sizes register करती हैं:

add_image_size( 'hero-wide', 1600, 900, true );
add_image_size( 'card', 600, 400, true );

फिर template नाम से इनमें से एक चुनता है:

if ( has_post_thumbnail() ) {
	the_post_thumbnail( 'hero-wide' );
}

बिना नाम के call करने पर the_post_thumbnail() post-thumbnail इस्तेमाल करता है। इसलिए classic theme में असली featured image size वह है जिसका नाम template में लिखा है, और blog archive single post view से अलग size इस्तेमाल कर सकता है।

Block themes

Block themes, जिनमें इस site की free themes भी शामिल हैं, featured image को Featured Image block से दिखाती हैं। Core blocks reference इसकी settings बताता है, जिनमें sizeSlug (कौन-सा registered size load होगा), aspectRatio, width, height और scale शामिल हैं।

इससे बदल जाता है कि आपको कहाँ देखना है। Appearance > Editor खोलें, Single Posts template edit करें और Featured Image block select करें। Sidebar दिखाता है कि वह कौन-सा image size load करता है और कोई aspect ratio set है या नहीं। Aspect ratio browser में CSS से लगाया जाता है, इसलिए file वही रहती है और सिर्फ दिखने वाला frame बदलता है। अगर block 16:9 frame मांगता है और आपकी image square है, तो उसका कुछ हिस्सा छिप जाएगा। Archive और home templates single post template से अलग settings इस्तेमाल कर सकते हैं, इसलिए हर एक को check करें।

अपनी theme का featured image size कैसे पता करें

ये तरीके क्रम से आज़माएँ। जिससे पहले जवाब मिल जाए, वही काफी है।

1. Theme documentation देखें। अच्छी themes recommended featured image size बताती हैं। अगर लिखा है, तो वही इस्तेमाल करें।

2. WP-CLI से registered sizes की list निकालें। अगर आपके पास command line access है, तो wp media image-size हर registered size को उसकी width, height, crop setting और ratio के साथ दिखाता है:

   wp media image-size

3. Theme files में search करें। Classic theme में functions.php (और जो files वह include करती है) में set_post_thumbnail_size और add_image_size ढूँढें, फिर single.php या template parts में वह नाम देखें जो the_post_thumbnail() को दिया गया है। Block theme में ऊपर बताए तरीके से Site Editor में Featured Image block check करें।

4. Live post inspect करें। Featured image पर right-click करें, Inspect चुनें और src में file name पढ़ें। WordPress resized copies के नाम में dimensions जोड़ता है, इसलिए my-photo-1200x675.jpg बताता है कि theme ने 1200 x 675 की copy load की। srcset भी देखें, क्योंकि छोटी screens पर browser छोटी copy चुन सकता है। अगर नाम में dimensions नहीं हैं, तो full-size file इस्तेमाल हुई है।

Target पता चलने के बाद, images का पूरा batch upload करने से पहले एक sample image को image sizes tool में चलाकर देख लें कि हर copy कैसी दिखेगी।

Upload size चुनना

Theme का size पता होने के बाद, चार चीज़ें तय करती हैं कि result सही दिखेगा या नहीं।

• Width. कम से कम उतनी width upload करें जितनी theme दिखाती है। High-density phone और laptop screens पर sharp result के लिए उससे लगभग दोगुनी width रखें। 1200px चौड़े slot के लिए इसका मतलब 2400px है। WordPress आपके upload से छोटी copies बनाता है और कभी बड़ी नहीं बनाता, इसलिए छोटी original file upload के बाद image धुंधली होने का सबसे आम कारण है।
• Aspect ratio. Theme के crop वाला ratio ही रखें। अगर theme 16:9 पर crop करती है, तो 16:9 image दें और subject को center के पास रखें ताकि hard crop में सिर या text न कटे।
• File size. समझदार quality पर JPEG में save की गई 2400px की photo आमतौर पर कुछ सौ kilobytes की होती है। 6000px की camera file upload करने से सिर्फ काम बढ़ता है: WordPress 2560px से बड़ी हर चीज़ को वैसे भी छोटा करता है, और extra pixels कभी visitors तक नहीं पहुँचते।
• File format. WordPress version 5.8 से WebP uploads और 6.5 से AVIF स्वीकार करता है, बशर्ते आपके server की image library इन्हें support करती हो। दोनों आमतौर पर मिलती-जुलती quality पर JPEG से छोटी file देते हैं।

Social sharing image एक अलग काम है

जब कोई आपकी post को Facebook, LinkedIn या दूसरे networks पर share करता है, तो preview og:image tag से आता है, जिसे SEO plugins आमतौर पर featured image से भरते हैं। Facebook की sharing documentation कम से कम 1200 x 630 pixels की images recommend करती है, जितना हो सके 1.91:1 ratio के करीब।

आपको 1200 x 628 की सलाह भी दिखेगी। वह लगभग ठीक 1.91:1 है, जबकि 1200 x 630 लगभग 1.90:1 बैठता है। दोनों की height में सिर्फ 2 pixels का फर्क है, इसलिए कोई भी चलेगा।

अगर आपकी theme का display size भी 1.91:1 के करीब है, तो एक ही 1200 x 630 (या 2400 x 1260) upload दोनों के लिए काम करता है। अगर theme 16:9 या square पर crop करती है, तो ज़रूरी content को बाएँ और दाएँ किनारों से दूर रखें, या अपने SEO plugin में अलग social image set करें।

Google Discover की images के लिए अपनी सलाह है। Google की Discover guidelines कम से कम 1200 px चौड़ी, कुल 300,000 से ज़्यादा pixels वाली और 16:9 ratio की images recommend करती हैं, जैसे 1200 x 675। बड़ी images के लिए max-image-preview:large robots setting भी ज़रूरी है, जिसे WordPress version 5.7 से default रूप से जोड़ता है, बशर्ते site को search engines को index करने से रोकने के लिए set न किया गया हो।

Featured image size कैसे बदलें

बदलाव कहाँ करना है, यह size और आपकी theme दोनों पर निर्भर करता है।

Core sizes (thumbnail, medium, large). Settings > Media में जाएँ और width और height बदलें। Settings Media screen documentation इन fields के बारे में बताती है, जिसमें thumbnails का crop checkbox भी शामिल है।

Classic theme में theme sizes. Parent theme को edit न करें, क्योंकि theme update आपका बदलाव overwrite कर देगा। नई values child theme की functions.php में जोड़ें। उसी नाम से size दोबारा register करने पर वह replace हो जाता है, और child theme का setup parent के बाद चलना चाहिए:

add_action( 'after_setup_theme', function () {
	set_post_thumbnail_size( 1600, 900, true );
	add_image_size( 'hero-wide', 1600, 900, true );
}, 11 );

11 की priority इसे उस parent theme के बाद चलाती है जो default priority 10 पर hook की गई है। Parent का code देखें और अगर वह बाद की priority इस्तेमाल करता है तो इसे adjust करें।

Block themes. Site Editor template में Featured Image block का image size और aspect ratio बदलें। कोई code नहीं चाहिए, और बदलाव उस template को इस्तेमाल करने वाली हर post पर लागू होता है।

एक image, बिना code के. किसी एक image में crop के बाद क्या बचे, यह खुद चुनने के लिए उसे Media > Library से खोलें और Edit Image पर click करें। उसे अपनी theme के ratio पर crop करें (crop tool में 16:9 जैसा aspect ratio दिया जा सकता है) या scale करें, फिर save करें। WordPress यह बदलाव उस image के सभी sizes पर लागू करता है और original file रखता है, इसलिए बाद में Restore original image से इसे वापस किया जा सकता है।

पुराने thumbnails regenerate करें

बदला हुआ size सिर्फ नए uploads पर लागू होता है। Media library में पहले से मौजूद images अपनी पुरानी copies रखती हैं जब तक आप उन्हें rebuild न करें। wp media regenerate command यही करता है:

wp media regenerate --yes

WP-CLI documentation से काम के options:

• --image_size=hero-wide सिर्फ वही size rebuild करता है। कई sizes के लिए flag दोहराएँ।
• --only-missing वे sizes बनाता है जो अभी नहीं हैं और मौजूदा files को नहीं छूता, जो नया size जोड़ने के बाद ज़्यादा तेज़ है।
• --skip-delete पुरानी thumbnail files रखता है। इसे तब इस्तेमाल करें जब दूसरी sites, newsletters या feeds सीधे उन files को link करते हों।

Command line access के बिना, WordPress.org plugin directory का Regenerate Thumbnails plugin यही काम dashboard से करता है। बड़ी library हो तो पहले backup लें, क्योंकि regeneration बहुत सारी files दोबारा लिखता है।

आम गलतियाँ

• 1200 x 630 पर रुक जाना। यह शुरुआत के लिए अच्छा है और link previews के लिए सही बैठता है, लेकिन अगर आपकी theme 16:9 या square पर crop करती है, तो image का कुछ हिस्सा कट जाता है। Images का batch upload करने से पहले अपनी theme का size check करें।
• “Original रखने” के लिए generated sizes बंद कर देना। अगर theme के पास छोटी copies नहीं हैं, तो वह हर screen पर full file load कर सकती है, जिससे phones पर page धीमा होता है। Resized copies इसी को रोकने के लिए होती हैं।
• Image size का code बदलना और regeneration छोड़ देना। Code काम करता है, लेकिन सिर्फ नए uploads के लिए। इसी वजह से कई लोग मान लेते हैं कि size बदलने से “कुछ नहीं हुआ”।
• Parent theme में size बदलना। अगला theme update उसे हटा देता है। Child theme या Site Editor इस्तेमाल करें।

अगर size और ratio मिलाने और regenerate करने के बाद भी image गलत दिखती है, तो browser ने जो file load की उसका नाम उन sizes से मिलाएँ जो image sizes tool के हिसाब से WordPress को बनाने चाहिए। अगर ये अलग हैं, तो अक्सर WordPress और visitor के बीच कोई optimization plugin या CDN image resizer अपना version दिखा रहा होता है।