ورڈپریس کے لیے امیج آپٹیمائزیشن کی اہمیت
تصاویر عام طور پر کسی ویب پیج کے کل سائز کا 40-60% حصہ بناتی ہیں۔ ایک غیر آپٹیمائزڈ پروڈکٹ پیج جس میں پانچ ہائی ریزولوشن کی تصاویر ہوں، آسانی سے 5MB سے تجاوز کر سکتا ہے، جس کی وجہ سے لوڈ ہونے کا وقت سست ہو جاتا ہے جو وزیٹرز کو مایوس کرتا ہے اور آپ کی سرچ انجن کی درجہ بندی کو متاثر کرتا ہے۔ گوگل نے تصدیق کی ہے کہ صفحے کی رفتار ایک درجہ بندی کا عنصر ہے، اور کور ویب وائیٹلز کے میٹرکس (LCP، CLS) براہ راست امیج ہینڈلنگ سے متاثر ہوتے ہیں۔
امیج آپٹیمائزیشن فائل کے سائز کو کم کرتی ہے بغیر بصری معیار کو نمایاں طور پر متاثر کیے۔ نتیجہ: تیز تر صفحے کے لوڈ، کم بینڈوڈتھ کے اخراجات، بہتر SEO کی کارکردگی، اور وزیٹرز کے لیے موبائل کنکشنز پر ہموار تجربہ۔ یہ رہنما ورڈپریس سائٹس کے لیے امیج آپٹیمائزیشن کے ہر پہلو کا احاطہ کرتا ہے۔
امیج فارمیٹس کو سمجھنا
ہر تصویر کے لیے صحیح فارمیٹ کا انتخاب آپٹیمائزیشن میں پہلا قدم ہے۔ ہر فارمیٹ کی مخصوص طاقتیں اور نقصانات ہیں۔
| فارمیٹ | کمپریشن کی قسم | شفافیت | تحریک | عام استعمال کا کیس | براؤزر کی حمایت |
|---|---|---|---|---|---|
| JPEG | Lossy | نہیں | نہیں | تصاویر، پیچیدہ تصاویر | عالمی |
| PNG | Lossless | ہاں | نہیں | لوگو، آئیکن، متنی اسکرین شاٹس | عالمی |
| WebP | دونوں | ہاں | ہاں | جنرل مقصد (جدید متبادل) | 96%+ براؤزرز |
| AVIF | دونوں | ہاں | ہاں | معیاری برقرار رکھتے ہوئے اعلیٰ کمپریشن | ~90% براؤزرز |
| GIF | Lossless | ہاں (1-bit) | ہاں | سادہ حرکتیں (اس کے بجائے ویڈیو پر غور کریں) | عالمی |
| SVG | N/A (ویکٹر) | ہاں | ہاں | لوگو، آئیکن، تصویریں | عالمی |
WebP: عملی معیار
WebP، جو گوگل نے تیار کیا، JPEG کے مقابلے میں 25-35% چھوٹے فائل کے سائز فراہم کرتا ہے جبکہ بصری معیار برابر ہوتا ہے۔ یہ دونوں lossy اور lossless کمپریشن، شفافیت، اور حرکت کی حمایت کرتا ہے۔ عالمی سطح پر 96% سے زیادہ براؤزر کی حمایت کے ساتھ، WebP 2026 میں زیادہ تر تصاویر کے لیے تجویز کردہ فارمیٹ ہے۔
AVIF: ابھرتا ہوا فارمیٹ
AVIF WebP سے بھی زیادہ کمپریشن تناسب پیش کرتا ہے (عام طور پر 20-30% چھوٹا)، لیکن انکوڈنگ سست ہے اور براؤزر کی حمایت ابھی بھی بڑھ رہی ہے۔ یہ WebP کے ساتھ <picture> عنصر کا استعمال کرتے ہوئے نافذ کرنے کے قابل ہے، JPEG/WebP کے لیے غیر حمایت یافتہ براؤزرز کے لیے فال بیک کے ساتھ۔
Lossy بمقابلہ Lossless کمپریشن
ان دو کمپریشن طریقوں کو سمجھنا آپ کو معیار بمقابلہ فائل کے سائز کے بارے میں باخبر فیصلے کرنے میں مدد دیتا ہے۔
Lossy کمپریشن
Lossy کمپریشن مستقل طور پر تصویر کے ڈیٹا کو ہٹا دیتی ہے جسے انسانی آنکھ کو نوٹس کرنے کا امکان کم ہوتا ہے۔ 80% معیار پر کمپریسڈ JPEG عام طور پر اصل سے 60-70% چھوٹا ہوتا ہے جبکہ زیادہ تر ناظرین کے لیے بصری طور پر ایک جیسا نظر آتا ہے۔ یہ تصاویر اور پیچیدہ امیجز کے لیے تجویز کردہ طریقہ ہے۔
Lossless کمپریشن
Lossless کمپریشن فائل کے سائز کو کم کرتی ہے بغیر کسی ڈیٹا کو ہٹائے۔ غیر کمپریسڈ تصویر اصل کے برابر ہے، پکسل بہ پکسل۔ فائل کے سائز میں کمی معمولی ہے (10-40%)، لیکن یہ طریقہ ان تصاویر کے لیے ضروری ہے جہاں درستگی اہم ہے، جیسے تکنیکی ڈایاگرام، متنی اسکرین شاٹس، اور طبی امیجری۔
تجویز کردہ معیار کی ترتیبات
| تصویر کی قسم | فارمیٹ | معیار کی ترتیب | متوقع کمی |
|---|---|---|---|
| پروڈکٹ کی تصاویر | WebP (lossy) | 80-85% | 60-70% |
| بلاگ ہیڈر کی تصاویر | WebP (lossy) | 75-80% | 65-75% |
| پس منظر کی تصاویر | WebP (lossy) | 70-75% | 70-80% |
| لوگو اور آئیکن | SVG یا PNG | Lossless | 10-40% |
| متن کے ساتھ اسکرین شاٹس | PNG (lossless) | N/A | 10-30% |
اپ لوڈ کرنے سے پہلے تصاویر کا سائز تبدیل کریں
ایک سب سے مؤثر آپٹیمائزیشن اقدام یہ ہے کہ تصاویر کو ورڈپریس پر اپ لوڈ کرنے سے پہلے مناسب ابعاد میں تبدیل کیا جائے۔ 4000x3000px کی تصویر جو 800px چوڑے مواد کے علاقے میں دکھائی جاتی ہے، نمایاں بینڈوڈتھ ضائع کرتی ہے۔
تجویز کردہ زیادہ سے زیادہ ابعاد
- بلاگ مواد کی تصاویر: 1200px چوڑا (زیادہ تر مواد کے علاقوں کو ڈھانپتا ہے بشمول ریٹینا)
- فل چوڑائی ہیرو تصاویر: 1920px چوڑا
- پروڈکٹ کی تصاویر: 1000-1200px چوڑا (زوم کی فعالیت کی اجازت دیتا ہے)
- تھمب نیلز: ورڈپریس کو خود بخود ان کو اپنی میڈیا کی ترتیبات کے ذریعے تیار کرنے دیں
ورڈپریس میڈیا کی ترتیبات
ورڈپریس ہر اپ لوڈ کردہ تصویر کے لیے متعدد سائز خود بخود تیار کرتا ہے۔ ان کو ترتیبات > میڈیا کے تحت ترتیب دیں:
| سائز | ڈیفالٹ ابعاد | تجویز کردہ ترتیب |
|---|---|---|
| تھمب نیل | 150 x 150 | 300 x 300 (ریٹینا ڈسپلے کے لیے) |
| درمیانہ | 300 x 300 | 600 x 600 |
| بڑا | 1024 x 1024 | 1200 x 1200 |
ایسی ابعاد مرتب کریں جو آپ کے تھیم کی حقیقی ڈسپلے سائز کے مطابق ہوں۔ غیر استعمال شدہ سائز اسٹوریج کی جگہ ضائع کرتے ہیں اور اپ لوڈ کے عمل کو سست کرتے ہیں۔
srcset کے ساتھ جوابدہ تصاویر
ورڈپریس 4.4+ خود بخود تصاویر میں srcset خصوصیت شامل کرتا ہے، وزیٹر کے ویوپورٹ کی چوڑائی کی بنیاد پر مختلف سائز فراہم کرتا ہے۔ اس کا مطلب یہ ہے کہ ایک فون پر وزیٹر کو ایک چھوٹی تصویر ملتی ہے جبکہ ڈیسک ٹاپ پر وزیٹر کو ایک بڑی تصویر ملتی ہے، بغیر کسی دستی مداخلت کے بینڈوڈتھ کی بچت ہوتی ہے۔
اس کے مؤثر ہونے کے لیے، یہ یقینی بنائیں کہ ورڈپریس مناسب درمیانی سائز تیار کرتا ہے۔ اگر آپ کا تھیم اپنی مرضی کے مطابق امیج سائز رجسٹر کرتا ہے، تو وہ خود بخود srcset کی حسابات میں شامل ہو جاتے ہیں۔
<!-- ورڈپریس یہ خود بخود تیار کرتا ہے -->
<im
لیزی لوڈنگ
لیزی لوڈنگ ان تصاویر کی لوڈنگ کو مؤخر کرتی ہے جو نظر آنے والے ویو پورٹ کے نیچے ہیں جب تک کہ صارف ان کے قریب اسکرول نہ کرے۔ یہ ابتدائی صفحے کے لوڈ ہونے کے وقت کو نمایاں طور پر بہتر بناتا ہے، خاص طور پر ان صفحات پر جن میں بہت ساری تصاویر ہوں۔
نیٹو براؤزر لیزی لوڈنگ
ورڈپریس 5.5+ بطور ڈیفالٹ تصاویر میں loading="lazy" شامل کرتا ہے۔ یہ براؤزر کی بلٹ ان لیزی لوڈنگ کا استعمال کرتا ہے، جس کے لیے کسی JavaScript کی ضرورت نہیں ہوتی اور اس میں کوئی کارکردگی کا اوور ہیڈ نہیں ہوتا:
<img src="image.jpg" loading="lazy" alt="تفصیل">
اہم غور و فکر
ایسی تصاویر کو لیزی لوڈ نہ کریں جو ابتدائی ویو پورٹ میں نظر آتی ہیں (اوپر کے حصے میں)۔ آپ کی ہیرو تصویر یا ہیڈر لوگو کو لیزی لوڈ کرنا ان کی ظاہری شکل میں تاخیر کرتا ہے اور Largest Contentful Paint (LCP) اسکورز کو متاثر کرتا ہے۔ ورڈپریس زیادہ تر تھیمز میں نمایاں تصاویر کے لیے یہ خود بخود سنبھالتا ہے، لیکن کارکردگی کے ٹیسٹ کے ساتھ تصدیق کریں۔
تصاویر کے لیے CDN کا استعمال
ایک مواد کی ترسیل کا نیٹ ورک (CDN) آپ کی تصاویر کو دنیا بھر میں سرورز پر تقسیم کرتا ہے، ہر وزیٹر کو جغرافیائی طور پر قریب ترین سرور سے پیش کرتا ہے۔ یہ تاخیر کو کم کرتا ہے اور بین الاقوامی ناظرین کے لیے لوڈ کے اوقات کو بہتر بناتا ہے۔
- Cloudflare: مفت سطح میں CDN شامل ہے جس میں تصویر کی اصلاح (ادائیگی کے منصوبوں میں Polish فیچر) شامل ہے
- BunnyCDN: Pay-as-you-go قیمتیں، مربوط تصویر کی پروسیسنگ (Bunny Optimizer)
- KeyCDN: ورڈپریس پلگ ان کے ساتھ سادہ سیٹ اپ
- Cloudinary/imgix: مخصوص تصویر کے CDN جو آن-the-fly تبدیلی فراہم کرتے ہیں (سائز تبدیل کرنا، فارمیٹ کی تبدیلی، URL پیرامیٹرز کے ذریعے معیار کی ایڈجسٹمنٹ)
اگر آپ کا سامعہ جغرافیائی طور پر تقسیم شدہ ہے تو CDN خاص طور پر مؤثر ہے۔ ایک ایسے سائٹ کے لیے جس کے وزیٹر بنیادی طور پر ایک علاقے میں ہوں، قریب کا ہوسٹنگ سرور کافی ہو سکتا ہے۔
ورڈپریس کے لیے تصویر کی اصلاح کے پلگ ان
کئی ورڈپریس پلگ ان اصلاح کے عمل کو خودکار کرتے ہیں، اپ لوڈ کے وقت تصاویر کو کمپریس کرتے ہیں اور آپشنل طور پر انہیں جدید فارمیٹس میں تبدیل کرتے ہیں۔
Smush Pro
Smush Pro (WPMU DEV کی طرف سے) نقصان سے پاک اور نقصان دہ کمپریشن، WebP تبدیلی، لیزی لوڈنگ، اور موجودہ تصاویر کے لیے بلک اصلاح فراہم کرتا ہے۔ مفت ورژن بنیادی کمپریشن کو سنبھالتا ہے، جبکہ پرو جدید نقصان دہ کمپریشن (Super-Smush)، CDN کی خدمت فراہم کرتا ہے، اور 5MB فائل کے سائز کی حد کو ہٹا دیتا ہے۔
Imagify
Imagify (WP Media کی طرف سے، WP Rocket کے تخلیق کار) تین کمپریشن کی سطحیں پیش کرتا ہے: نارمل (نقصان سے پاک)، جارحانہ (نقصان دہ، تجویز کردہ)، اور الٹرا (زیادہ سے زیادہ کمپریشن)۔ یہ WP Rocket کے ساتھ بغیر کسی رکاوٹ کے مربوط ہوتا ہے تاکہ ایک جامع کارکردگی کا اسٹیک فراہم کیا جا سکے۔ قیمتیں ماہانہ تصویر کی کوٹہ پر مبنی ہیں۔
ShortPixel
ShortPixel اپنی سرورز پر تصاویر کو کمپریس کرتا ہے، بہتر ورژن واپس کرتا ہے۔ یہ JPEG، PNG، GIF، PDF، WebP، اور AVIF تبدیلی کی حمایت کرتا ہے۔ کریڈٹ پر مبنی قیمتوں کا ماڈل (100 مفت تصاویر/ماہ) ان سائٹس کے لیے اچھا کام کرتا ہے جن میں معتدل اپ لوڈ کی مقدار ہو۔
پلگ ان کا موازنہ
خصوصیت Smush Pro Imagify ShortPixel
مفت سطح جی ہاں (بنیادی) 25MB/ماہ 100 تصاویر/ماہ
WebP تبدیلی جی ہاں جی ہاں جی ہاں
AVIF تبدیلی نہیں جی ہاں جی ہاں
بلک اصلاح جی ہاں جی ہاں جی ہاں
اصل بیک اپ جی ہاں جی ہاں جی ہاں
CDN شامل ہے صرف پرو نہیں نہیں
لیزی لوڈنگ جی ہاں نہیں (WP Rocket استعمال کریں) نہیں
قیمتوں کا ماڈل سبسکرپشن ماہانہ کوٹہ کریڈٹ پر مبنی
موجودہ تصاویر کی بلک اصلاح
اگر آپ کی ورڈپریس سائٹ پہلے ہی سینکڑوں یا ہزاروں غیر اصلاح شدہ تصاویر رکھتی ہے، تو آپ کو ایک بلک اصلاح کی حکمت عملی کی ضرورت ہے:
- کسی بھی بلک آپریشن شروع کرنے سے پہلے اپنی میڈیا لائبریری کا بیک اپ لیں۔
- اپنے منتخب کردہ اصلاح پلگ ان کو انسٹال کریں اور کمپریشن کی ترتیبات کو ترتیب دیں۔
- کم ٹریفک کے اوقات میں بلک آپٹیمائزر چلائیں تاکہ سائٹ کی کارکردگی پر اثر نہ پڑے۔
- اگر آپ کے سرور میں محدود وسائل ہیں تو بیچوں میں پروسیس کریں۔ زیادہ تر پلگ ان بیچ پروسیسنگ کی حمایت کرتے ہیں۔
- نتائج کی تصدیق کریں: چند تصاویر کی جانچ کریں تاکہ یہ یقینی بنایا جا سکے کہ معیار آپ کے معیار پر پورا اترتا ہے۔
- مستقبل کے اپ لوڈ کے لیے خودکار اصلاح کو فعال کریں۔
زیادہ تر اصلاح پلگ ان فی گھنٹہ 500-1000 تصاویر کو پروسیس کر سکتے ہیں، آپ کے سرور اور پلگ ان کی API کی حدود کے لحاظ سے۔
تصویر کی اصلاح کو کیشنگ کے ساتھ ملا کر
تصویر کی اصلاح کیشنگ کے ساتھ مل کر مجموعی کارکردگی کے فوائد کے لیے کام کرتی ہے۔ کیشنگ پلگ ان جیسے WP Rocket تیار کردہ صفحات کو محفوظ کرتا ہے اور انہیں PHP یا ڈیٹا بیس کی تلاش کیے بغیر پیش کرتا ہے۔ بہتر کردہ تصاویر کے ساتھ مل کر، یہ ایک تیز لوڈ ہونے والی سائٹ بناتا ہے یہاں تک کہ معمولی ہوسٹنگ پر بھی۔
ایک جامع کارکردگی کی حکمت عملی کے لیے، ہماری ورڈپریس اسپیڈ آپٹیمائزیشن گائیڈ دیکھیں۔ اگر آپ Elementor استعمال کرتے ہیں، تو ہماری Elementor کی کارکردگی کی اصلاح گائیڈ بلڈر کے مخصوص طریقوں کا احاطہ کرتی ہے۔
تصویر SEO کے طریقے
اصلاح شدہ تصاویر صفحے کی رفتار سے آگے SEO میں مدد دیتی ہیں:
- تفصیلی فائل کے نام:
blue-running-shoes-nike.jpg کا استعمال کریں بجائے IMG_2847.jpg
- متبادل متن: تفصیلی لکھیں
- متبادل متن: رسائی اور امیج سرچ کی مرئیت کے لیے ضروری
- عنوان کے متبادل: اختیاری لیکن ٹول ٹپس اور اضافی سیاق و سباق کے لیے مفید
- کیپشن: جب وہ قارئین کو مفید معلومات فراہم کریں تو کیپشن شامل کریں
- تصویری سائٹ میپس: یہ یقینی بنائیں کہ آپ کا SEO پلگ ان آپ کے XML سائٹ میپ میں تصاویر شامل کرتا ہے
عام امیج آپٹیمائزیشن کی غلطیاں
غلطی اثر حل
800px ڈسپلے ایریاز کے لیے 4000px+ تصاویر اپ لوڈ کرنا بڑے فائل کے سائز، سست لوڈنگ اپ لوڈ کرنے سے پہلے زیادہ سے زیادہ 1200px میں سائز تبدیل کریں
تصاویر کے لیے PNG کا استعمال کرنا ضرورت سے 3-5 گنا بڑی فائلیں تصاویر کے لیے JPEG یا WebP کا استعمال کریں
متبادل متن چھوڑ دینا SEO کا موقع گنوا دینا، رسائی کے مسائل ہر تصویر کے لیے وضاحتی متبادل متن لکھیں
اوپر کی طرف کی تصاویر کے لیے سست لوڈنگ کمزور LCP اسکور ہیرو/ہیڈر امیجز کو سست لوڈنگ سے خارج کریں
حمایت کرنے والے براؤزرز کو WebP فراہم نہ کرنا غیر ضروری طور پر بڑی فائلیں اپنے آپٹیمائزیشن پلگ ان میں WebP تبدیلی کو فعال کریں
باہری URLs سے تصاویر شامل کرنا اضافی DNS تلاش، کنٹرول نہ ہونا تصاویر کو اپنے سرور یا CDN پر ہوسٹ کریں
آپٹیمائزیشن کے نتائج کی پیمائش
تصویری آپٹیمائزیشن کے نفاذ کے بعد، ان ٹولز کا استعمال کرتے ہوئے اثر کی پیمائش کریں:
- Google PageSpeed Insights: موبائل اور ڈیسک ٹاپ کی کارکردگی دونوں کی جانچ کرتا ہے، امیج سے متعلق مسائل کو اجاگر کرتا ہے
- GTmetrix: تفصیلی واٹر فال تجزیہ فراہم کرتا ہے جو انفرادی امیج لوڈ کے اوقات کو دکھاتا ہے
- WebPageTest: فلم اسٹریپ موازنہ اور بصری ترقی کے چارٹس کے ساتھ کثیر مقامی جانچ
- Chrome DevTools نیٹ ورک ٹیب: انفرادی امیج فائل کے سائز اور لوڈ کے اوقات کی جانچ کریں
ان میٹرکس پر توجہ مرکوز کریں: کل صفحہ کا وزن، Largest Contentful Paint (LCP)، اور امیج کی درخواستوں کی تعداد/سائز۔ ایک اچھی طرح سے آپٹیمائزڈ WordPress صفحہ کے لیے مواد سے بھرپور صفحات کے لیے کل امیج کا وزن 500KB سے کم ہونا چاہیے۔
مزید تفصیلات کے لیے، سرکاری دستاویزات کا حوالہ دیں: Web.dev امیج آپٹیمائزیشن گائیڈ, Google Lighthouse.
اکثر پوچھے جانے والے سوالات
کیا WordPress خود بخود تصاویر کو کمپریس کرتا ہے جب میں انہیں اپ لوڈ کرتا ہوں؟
WordPress اپ لوڈ کردہ تصاویر کے سائز میں تبدیلی کرتے وقت ہلکی JPEG کمپریشن (ڈیفالٹ کے طور پر 82% معیار) لگاتا ہے۔ یہ کمپریشن کم ہے اور کارکردگی کی آپٹیمائزیشن کے لیے کافی نہیں ہے۔ ایک مخصوص آپٹیمائزیشن پلگ ان بصری معیار کو برقرار رکھتے ہوئے نمایاں طور پر زیادہ کمپریشن فراہم کرتا ہے۔
کیا امیج کمپریشن میری تصاویر کو دھندلا بنا دے گی؟
تجویز کردہ معیار کی ترتیبات (75-85% نقصان دہ کمپریشن کے لیے) پر، فرق زیادہ تر ناظرین کے لیے ناقابل شناخت ہے۔ آپٹیمائزیشن پلگ ان آپ کو پہلے/بعد کے موازنوں کا پیش نظارہ کرنے اور معیار کی سطح کو ایڈجسٹ کرنے کی اجازت دیتے ہیں۔ آپ اصل فائلوں کو بھی بیک اپ کے طور پر رکھ سکتے ہیں اگر آپ کو واپس جانا پڑے۔
کیا مجھے اپنی تمام تصاویر کو WebP میں تبدیل کرنا چاہیے؟
تصاویر اور پیچیدہ امیجز کے لیے WebP میں تبدیل کرنا تجویز کیا جاتا ہے۔ زیادہ تر آپٹیمائزیشن پلگ ان حمایت کرنے والے براؤزرز کو WebP فراہم کرتے ہیں اور پرانے براؤزرز کے لیے خود بخود JPEG/PNG پر واپس آتے ہیں۔ SVG کو ویکٹر گرافکس (لوگو، آئیکن) کے لیے رکھیں کیونکہ وہ پہلے ہی موثر اور قرارداد سے آزاد ہیں۔
امیج آپٹیمائزیشن سے مجھے کتنی صفحہ کی رفتار میں بہتری کی توقع کرنی چاہیے؟
نتائج آپ کے ابتدائی نقطہ پر منحصر ہیں۔ غیر آپٹیمائزڈ امیجز والے سائٹس عام طور پر صفحہ کے وزن میں 40-60% کمی اور لوڈ کے اوقات میں 1-3 سیکنڈ کی بہتری دیکھتے ہیں۔ بڑی تصاویر والے سائٹس میں مزید ڈرامائی بہتری دیکھنے کو مل سکتی ہے۔
کیا مجھے امیج آپٹیمائزیشن پلگ ان اور کیشنگ پلگ ان دونوں کی ضرورت ہے؟
جی ہاں، یہ مختلف مقاصد کے لیے کام کرتے ہیں۔ امیج آپٹیمائزیشن مستقل طور پر فائل کے سائز کو کم کرتی ہے۔ کیشنگ سرور کی پروسیسنگ کو کم کرتی ہے کیونکہ یہ تیار کردہ صفحات کی محفوظ کاپیوں کو پیش کرتی ہے۔ مل کر، وہ تکمیلی کارکردگی کی بہتری فراہم کرتے ہیں۔ WP Rocket اور Imagify کو مؤثر طریقے سے ایک ساتھ کام کرنے کے لیے ڈیزائن کیا گیا ہے۔
میں WooCommerce پروڈکٹ گیلریوں میں تصاویر کو کیسے سنبھالوں؟
WooCommerce پروڈکٹ امیجز اسی آپٹیمائزیشن کے اصولوں کی پیروی کرتے ہیں۔ اپنے WooCommerce امیج کے ابعاد کو Appearance > Customize > WooCommerce > Product Images کے تحت سیٹ کریں۔ پروڈکٹ امیجز کو پروسیس کرنے کے لیے اپنے آپٹیمائزیشن پلگ ان کے WooCommerce انضمام کا استعمال کریں۔ یہ یقینی بنائیں کہ کمپریشن کے بعد زوم کی فعالیت اب بھی کام کرتی ہے، مناسب قرارداد (1000px+ چوڑائی) کو برقرار رکھ کر۔
کیا آپٹیمائزیشن کے بعد اصل غیر کمپریسڈ امیجز کو حذف کرنا محفوظ ہے؟
زیادہ تر آپٹیمائزیشن پلگ ان اصل فائلوں کو بیک اپ کے طور پر رکھتے ہیں، اور یہ تجویز کردہ طریقہ ہے۔ اگر ڈسک کی جگہ ایک مسئلہ ہے، تو آپ اصل فائلوں کو حذف کر سکتے ہیں جب یہ تصدیق کر لیں کہ کمپریسڈ ورژن آپ کے معیار کے معیارات پر پورا اترتے ہیں۔ تاہم، اصلی فائلوں کو رکھنا آپ کو مستقبل میں مختلف ترتیبات کے ساتھ دوبارہ آپٹیمائز کرنے کی اجازت دیتا ہے۔
ویب صفحات کے لیے تجویز کردہ امیج فائل کا سائز کیا ہے؟
معیاری مواد کی تصاویر کے لیے فی تصویر 100KB سے کم، ہیرو/ہیڈر امیجز کے لیے 200KB سے کم، اور تھمب نیلز کے لیے 50KB سے کم کا ہدف بنائیں۔ اگر تفصیل اہم ہے تو پروڈکٹ امیجز تھوڑی بڑی (100-150KB) ہو سکتی ہیں۔ ایک صفحے کے لیے کل امیج کا وزن مثالی طور پر 500KB سے کم رہنا چاہیے۔
تصاویر کو بہتر بنائیں اور اپنی سائٹ کو تیز کریں
Smush Pro کمپریشن، WebP تبدیلی، سست لوڈنگ، اور CDN کی ترسیل کو ایک پلگ ان میں سنبھالتا ہے، جس سے امیج آپٹیمائزیشن آسان ہو جاتی ہے۔
Smush Pro کی تلاش کریں →



