WordPress featured image کا سائز: 1200×630 + اپنا سائز جانیں

مختصر جواب: اگر آپ کو ابھی اپنی theme کا سائز معلوم نہیں تو 1200 × 630 pixels (تقریباً 1.91:1) استعمال کریں۔ یہ وہ link preview سائز ہے جو Facebook تجویز کرتا ہے، اور SEO plugins عام طور پر featured image کو ہی share image کے طور پر استعمال کرتے ہیں۔

خود post پر وہی سائز اہم ہے جو آپ کی theme دکھاتی ہے۔ WordPress ہر upload کو کئی سائز میں محفوظ کرتا ہے، اور کون سا دکھے گا یہ theme چنتی ہے۔ Classic themes یہ set_post_thumbnail_size() یا add_image_size() سے طے کرتی ہیں؛ block themes اسے Featured Image block میں طے کرتی ہیں۔ اگر theme 16:9 یا مربع پر crop کرتی ہے تو 1200 × 630 تصویر کے دائیں اور بائیں کناروں سے کچھ حصہ کٹ سکتا ہے۔ اپنی theme کا سائز معلوم کریں (نیچے چار طریقے دیے گئے ہیں)، پھر کم از کم اتنی بڑی تصویر upload کریں، یا high-density screens پر صاف نتیجے کے لیے تقریباً دگنی چوڑائی والی۔

کسی خاص تصویر سے WordPress جو جو سائز بنائے گا، وہ سب دیکھنے کے لیے اسے WordPress image sizes tool میں ڈالیں۔

تصویر کہاں دکھے گی، اس کے حساب سے کون سا سائز استعمال کریں

تصویر کہاں دکھتی ہے	Upload سائز	نوٹس
آپ کی posts، theme کا سائز ابھی معلوم نہیں	1200 × 630، یا زیادہ صاف نتیجے کے لیے 2400 × 1260	جب تک آپ theme کا سائز معلوم کریں، یہ link previews کے لیے بھی کام کرتا ہے
آپ کی posts، theme کا سائز معلوم ہے	theme کی featured image چوڑائی سے تقریباً دگنا، اسی aspect ratio میں	WordPress upload کی چھوٹی کاپیاں بناتا ہے، بڑی کبھی نہیں
Facebook link previews	کم از کم 1200 × 630 (تقریباً 1.91:1)؛ 1200 × 628 کی شکل تقریباً وہی ہے	Facebook کی sharing guidance سے
Google Discover	کم از کم 1200 px چوڑائی، 16:9 (مثلاً 1200 × 675)	Google کی Discover guidelines سے

WordPress image sizes ایک نظر میں

آپ جو بھی تصویر upload کرتے ہیں، ہر registered سائز کے لیے اس کی resized کاپیاں بنتی ہیں۔ یہ وہ سائز ہیں جو WordPress core register کرتا ہے، Theme Handbook اور core function reference کے defaults کے ساتھ:

سائز کا نام	Default پیمائش	کیا Settings > Media میں بدل سکتے ہیں؟	نوٹس
thumbnail	150 × 150، cropped	ہاں	اس میں “crop to exact dimensions” checkbox ہے
medium	زیادہ سے زیادہ 300 × 300	ہاں	تناسب کے ساتھ scale ہوتا ہے
medium_large	768 چوڑائی، اونچائی کی کوئی حد نہیں	نہیں	زیادہ تر srcset میں استعمال ہوتا ہے
large	زیادہ سے زیادہ 1024 × 1024	ہاں	تناسب کے ساتھ scale ہوتا ہے
1536x1536	زیادہ سے زیادہ 1536 × 1536	نہیں	high-density screens کے لیے WordPress 5.3 میں شامل ہوا
2048x2048	زیادہ سے زیادہ 2048 × 2048	نہیں	high-density screens کے لیے WordPress 5.3 میں شامل ہوا
post-thumbnail	theme طے کرتی ہے	نہیں	صرف تب موجود ہوتا ہے جب theme set_post_thumbnail_size() call کرے
full	آپ کا original upload	نہیں	بہت بڑے uploads پہلے چھوٹے کیے جاتے ہیں (نیچے دیکھیں)

“زیادہ سے زیادہ” کا مطلب ہے کہ WordPress تصویر کو اس box کے اندر فٹ کرتا ہے اور اس کا تناسب برقرار رکھتا ہے۔ 2000 × 1000 کی photo large کے لیے 1024 × 512 بنتی ہے، 1024 × 1024 نہیں۔

Themes اور plugins اکثر add_image_size() سے مزید سائز شامل کرتے ہیں۔ مثال کے طور پر WooCommerce اپنے product سائز شامل کرتا ہے، جن کا ذکر ہماری WooCommerce product image size guide میں ہے۔

بڑے uploads پر ایک اور اصول بھی لاگو ہوتا ہے۔ WordPress 5.3 سے، اگر کوئی تصویر 2560 pixels سے زیادہ چوڑی یا اونچی ہو تو WordPress اسے چھوٹا کرتا ہے اور scaled کاپی کو سب سے بڑے دستیاب سائز کے طور پر استعمال کرتا ہے۔ یہ حد big_image_size_threshold filter سے آتی ہے، جس کا default 2560 ہے۔ اگر آپ کو file names میں -scaled نظر آ رہا ہے اور جاننا چاہتے ہیں کہ اسے بند کرنا چاہیے یا نہیں، تو پڑھیں WordPress میں scaled images کیسے بند کریں۔

Featured image کا سائز اصل میں کہاں سے آتا ہے

Featured image وہ کوئی بھی تصویر ہے جو آپ post editor کے Featured image panel میں set کرتے ہیں۔ visitors کیا دیکھتے ہیں، یہ اس پر منحصر ہے کہ theme اسے کیسے دکھاتی ہے۔

Classic themes

Classic theme اپنی functions.php میں featured images آن کرتی ہے اور سائز register کرتی ہے:

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

set_post_thumbnail_size() ایک post-thumbnail نام کا سائز register کرتا ہے۔ تیسرا argument cropping کنٹرول کرتا ہے۔ false (default) کے ساتھ WordPress تصویر کو 1200 × 675 کے اندر فٹ ہونے تک scale کرتا ہے۔ true کے ساتھ وہ تصویر کو درمیان سے ٹھیک 1200 × 675 پر کاٹ دیتا ہے، اس لیے 16:9 box سے باہر کی ہر چیز ضائع ہو جاتی ہے۔ کون سا حصہ رکھنا ہے، یہ چننے کے لیے آپ array( 'center', 'top' ) جیسا array بھی دے سکتے ہیں۔

بہت سی themes مختلف templates کے لیے اضافی named سائز 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 سائز وہ ہے جس کا نام template میں دیا گیا ہے، اور blog archive single post view سے مختلف سائز استعمال کر سکتا ہے۔

Block themes

Block themes، بشمول اس site کی مفت themes، featured image کو Featured Image block سے دکھاتی ہیں۔ core blocks reference اس کی settings بتاتا ہے، جن میں sizeSlug (کون سا registered سائز load کرنا ہے)، aspectRatio، width، height اور scale شامل ہیں۔

اس سے دیکھنے کی جگہ بدل جاتی ہے۔ Appearance > Editor کھولیں، Single Posts template edit کریں، اور Featured Image block منتخب کریں۔ sidebar دکھاتا ہے کہ یہ کون سا image سائز load کرتا ہے اور کیا کوئی aspect ratio set ہے۔ aspect ratio browser میں CSS سے لاگو ہوتا ہے، اس لیے فائل وہی رہتی ہے اور صرف نظر آنے والا frame بدلتا ہے۔ اگر block کو 16:9 frame چاہیے اور آپ کی تصویر مربع ہے تو اس کا کچھ حصہ چھپ جاتا ہے۔ Archive اور home templates single post template سے مختلف settings استعمال کر سکتے ہیں، اس لیے ہر ایک چیک کریں۔

اپنی theme کا featured image سائز کیسے معلوم کریں

یہ طریقے ترتیب سے آزمائیں۔ جو پہلا طریقہ جواب دے دے، وہی کافی ہے۔

1. Theme کی documentation دیکھیں۔ اچھی themes تجویز کردہ featured image سائز بتاتی ہیں۔ اگر لکھا ہو تو وہی استعمال کریں۔

2. WP-CLI سے registered سائز کی فہرست نکالیں۔ اگر آپ کے پاس command line رسائی ہے تو wp media image-size ہر registered سائز کو اس کی چوڑائی، اونچائی، crop setting اور ratio کے ساتھ دکھاتا ہے:

   wp media image-size

3. Theme files میں تلاش کریں۔ Classic theme میں functions.php (اور جو فائلیں وہ شامل کرتی ہے) میں set_post_thumbnail_size اور add_image_size تلاش کریں، پھر single.php یا template parts میں وہ نام دیکھیں جو the_post_thumbnail() کو دیا گیا ہے۔ Block theme میں، جیسا اوپر بتایا گیا، Site Editor میں Featured Image block چیک کریں۔

4. کسی live post کا معائنہ کریں۔ featured image پر right-click کریں، Inspect چنیں، اور src میں file name پڑھیں۔ WordPress resized کاپیوں کے نام میں پیمائش شامل کرتا ہے، اس لیے my-photo-1200x675.jpg بتاتا ہے کہ theme نے 1200 × 675 کاپی load کی۔ srcset بھی دیکھیں، کیونکہ تنگ screens پر browser چھوٹی کاپی چن سکتا ہے۔ نام میں پیمائش نہ ہو تو full-size فائل استعمال ہوئی ہے۔

ہدف معلوم ہونے کے بعد، تصاویر کا پورا batch upload کرنے سے پہلے ایک نمونہ تصویر image sizes tool سے گزاریں تاکہ دیکھ سکیں ہر کاپی کیسی نظر آئے گی۔

Upload سائز کا انتخاب

جب theme کا سائز معلوم ہو تو چار فیصلے طے کرتے ہیں کہ نتیجہ ٹھیک دکھے گا یا نہیں۔

• چوڑائی۔ کم از کم اتنی چوڑائی upload کریں جتنی theme دکھاتی ہے۔ high-density phone اور laptop screens پر صاف نتیجے کے لیے تقریباً دگنی چوڑائی کا ہدف رکھیں۔ 1200px چوڑی جگہ کے لیے اس کا مطلب 2400px ہے۔ WordPress آپ کے upload سے چھوٹی کاپیاں بناتا ہے اور کبھی بڑی نہیں بناتا، اس لیے چھوٹی original فائل upload کے بعد دھندلی تصویر کی سب سے عام وجہ ہے۔
• Aspect ratio۔ اسے theme کے crop کے ratio سے ملائیں۔ اگر وہ 16:9 پر crop کرتی ہے تو 16:9 دیں، اور subject کو درمیان کے قریب رکھیں تاکہ hard crop سر یا text نہ کاٹے۔
• فائل کا سائز۔ مناسب quality پر JPEG کے طور پر محفوظ 2400px کی photo عام طور پر چند سو kilobytes کی ہوتی ہے۔ 6000px کی camera فائل upload کرنا صرف کام بڑھاتا ہے: WordPress 2560px سے بڑی ہر چیز کو ویسے بھی چھوٹا کرتا ہے، اور اضافی pixels visitors تک کبھی نہیں پہنچتے۔
• فائل کا format۔ WordPress version 5.8 سے WebP uploads اور 6.5 سے AVIF قبول کرتا ہے، بشرطیکہ آپ کے server کی image library انہیں support کرتی ہو۔ دونوں عام طور پر ملتی جلتی quality پر JPEG سے چھوٹی فائل دیتے ہیں۔

Social sharing تصویر الگ کام ہے

جب کوئی آپ کی post کو Facebook، LinkedIn یا دوسرے networks پر share کرتا ہے تو preview og:image tag سے آتا ہے، جسے SEO plugins عام طور پر featured image سے بھرتے ہیں۔ Facebook کی sharing documentation کم از کم 1200 × 630 pixels کی تصاویر تجویز کرتی ہے، جو جتنا ممکن ہو 1.91:1 ratio کے قریب ہوں۔

آپ کو 1200 × 628 کی سفارش بھی نظر آئے گی۔ وہ تقریباً بالکل 1.91:1 ہے، جبکہ 1200 × 630 تقریباً 1.90:1 بنتا ہے۔ دونوں کی اونچائی میں صرف 2 pixels کا فرق ہے، اس لیے کوئی بھی چلے گا۔

اگر آپ کی theme کا display سائز بھی 1.91:1 کے قریب ہے تو ایک ہی 1200 × 630 (یا 2400 × 1260) upload دونوں کے لیے کام کرتا ہے۔ اگر theme 16:9 یا مربع پر crop کرتی ہے تو اہم مواد دائیں اور بائیں کناروں سے دور رکھیں، یا اپنے SEO plugin میں الگ social تصویر set کریں۔

Google Discover کی تصاویر کے لیے اپنی ہدایات ہیں۔ Google کی Discover guidelines کم از کم 1200 px چوڑی، کل 300,000 سے زیادہ pixels والی اور 16:9 ratio کی تصاویر تجویز کرتی ہیں، جیسے 1200 × 675۔ بڑی تصاویر کے لیے max-image-preview:large robots setting بھی ضروری ہے، جو WordPress version 5.7 سے بطور default شامل کرتا ہے، جب تک site پر search engines کو index کرنے سے روکنے والی setting آن نہ ہو۔

Featured image کا سائز کیسے بدلیں

تبدیلی کہاں کرنی ہے، یہ سائز اور آپ کی theme دونوں پر منحصر ہے۔

Core سائز (thumbnail، medium، large)۔ Settings > Media میں جائیں اور چوڑائی اور اونچائی بدلیں۔ Settings Media screen documentation ان fields کی وضاحت کرتی ہے، بشمول thumbnails کے لیے crop checkbox۔

Classic theme میں theme کے سائز۔ Parent theme کو edit نہ کریں، کیونکہ theme update آپ کی تبدیلی مٹا دے گا۔ نئی values child theme کی functions.php میں شامل کریں۔ کسی سائز کو اسی نام سے دوبارہ register کرنا اسے بدل دیتا ہے، اور 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 اسے default priority 10 پر hooked parent theme کے بعد چلاتی ہے۔ parent کا code چیک کریں، اور اگر وہ بعد والی priority استعمال کرتی ہے تو اسے adjust کریں۔

Block themes۔ Site Editor template میں Featured Image block کا image سائز اور aspect ratio بدلیں۔ کوئی code نہیں چاہیے، اور تبدیلی اس template والی ہر post پر لاگو ہوتی ہے۔

ایک تصویر، بغیر code کے۔ کسی ایک تصویر میں crop کے بعد کیا باقی رہے، یہ خود چننے کے لیے اسے Media > Library سے کھولیں اور Edit Image پر click کریں۔ اسے اپنی theme کے ratio پر crop کریں (crop tool میں 16:9 جیسا aspect ratio دیا جا سکتا ہے) یا scale کریں، پھر save کریں۔ WordPress یہ تبدیلی اس تصویر کے تمام سائز پر لاگو کرتا ہے اور original فائل محفوظ رکھتا ہے، اس لیے بعد میں Restore original image سے اسے واپس لیا جا سکتا ہے۔

موجودہ thumbnails regenerate کریں

بدلا ہوا سائز صرف نئے uploads پر لاگو ہوتا ہے۔ آپ کی media library میں پہلے سے موجود تصاویر اپنی پرانی کاپیاں رکھتی ہیں جب تک آپ انہیں دوبارہ نہ بنائیں۔ wp media regenerate command یہ کام کرتی ہے:

wp media regenerate --yes

WP-CLI documentation سے مفید options:

• --image_size=hero-wide صرف وہی سائز دوبارہ بناتا ہے۔ کئی سائز کے لیے flag دہرائیں۔
• --only-missing وہ سائز بناتا ہے جو ابھی موجود نہیں اور موجودہ فائلوں کو نہیں چھیڑتا، جو نیا سائز شامل کرنے کے بعد زیادہ تیز ہے۔
• --skip-delete پرانی thumbnail فائلیں رکھتا ہے۔ اگر دوسری sites، newsletters یا feeds براہ راست ان فائلوں سے link کرتی ہیں تو اسے استعمال کریں۔

Command line رسائی کے بغیر، WordPress.org plugin directory کا Regenerate Thumbnails plugin یہی کام dashboard سے کرتا ہے۔ بڑی library پر پہلے backup لیں، کیونکہ regeneration بہت سی فائلیں دوبارہ لکھتی ہے۔

عام غلطیاں

• 1200 × 630 پر رک جانا۔ یہ شروع کرنے کے لیے اچھا نمبر ہے اور link previews کے لیے موزوں ہے، مگر اگر آپ کی theme 16:9 یا مربع پر crop کرتی ہے تو تصویر کا کچھ حصہ کٹ جاتا ہے۔ تصاویر کا batch upload کرنے سے پہلے اپنی theme کا سائز چیک کریں۔
• “original رکھنے” کے لیے generated سائز بند کر دینا۔ اگر theme کے پاس چھوٹی کاپیاں نہ ہوں تو وہ ہر screen پر پوری فائل load کر سکتی ہے، جس سے phones پر page سست ہو جاتا ہے۔ resized کاپیاں اسی کو روکنے کے لیے ہوتی ہیں۔
• image سائز کا code edit کر کے regeneration چھوڑ دینا۔ code کام کرتا ہے، مگر صرف نئے uploads کے لیے۔ اسی وجہ سے بہت سے لوگ سمجھتے ہیں کہ سائز کی تبدیلی نے “کچھ نہیں کیا”۔
• سائز parent theme میں بدلنا۔ اگلا theme update اسے ہٹا دیتا ہے۔ child theme یا Site Editor استعمال کریں۔

اگر سائز اور ratio ملانے اور regenerate کرنے کے بعد بھی تصویر غلط دکھتی ہے تو browser کی load کی ہوئی file name کا موازنہ ان سائز سے کریں جو image sizes tool کے مطابق WordPress کو بنانے چاہئیں۔ اگر یہ مختلف ہوں تو اکثر WordPress اور visitor کے درمیان کوئی optimization plugin یا CDN image resizer اپنا version دکھا رہا ہوتا ہے۔