بڑی تصاویر صفحات کے سست کھلنے کی سب سے عام وجہ ہیں۔ ان مراحل سے نظر آنے والے نقصان کے بغیر تصاویر کا سائز کم کریں۔
ویب صفحے کا سب سے بھاری حصہ عام طور پر تصاویر ہوتی ہیں۔ فون کیمرے سے سیدھی آئی ایک تصویر 3–5 MB کی ہو سکتی ہے، جو ایک اچھے بنے پورے صفحے سے بھی زیادہ ہے۔ اچھی بات یہ ہے کہ اس کا زیادہ تر سائز کسی کو پتا چلے بغیر ہٹایا جا سکتا ہے۔
1. کمپریس کرنے سے پہلے سائز بدلیں
اگر آپ کا صفحہ 1200 پکسل چوڑی تصویر دکھاتا ہے تو 4000 پکسل کی اصل فائل دینے کا کوئی فائدہ نہیں۔ اسے دکھائے جانے والے سب سے بڑے سائز تک، یا تیز اسکرینوں کے لیے اس کے دگنے تک کم کریں۔ صرف سائز بدلنے سے اکثر فائل کا 80% یا اس سے زیادہ حصہ کم ہو جاتا ہے۔ ہمارا امیج ری سائزر یہ چند کلکس میں کرتا ہے۔
2. درست فارمیٹ چنیں
تصاویر کے لیے WebP یا JPG اور شفافیت والے گرافکس کے لیے PNG یا WebP استعمال کریں۔ تصویر کو PNG میں محفوظ کرنے سے وہ ضرورت سے بہت بڑی ہو جاتی ہے۔
3. کوالٹی تھوڑی کم کریں
تصاویر کے لیے 70% سے 85% کی کوالٹی عام سائز پر عموماً اصل جیسی ہی لگتی ہے۔ تھمب نیل اور پس منظر کے لیے اور کم رکھیں۔ شائع کرنے سے پہلے نتیجے کا موازنہ ضرور کریں۔
4. نتیجہ جانچیں
باریک تفصیل، متن یا ہلکے رنگی بدلاؤ والے حصوں کو غور سے دیکھیں۔ اگر چوکور دھبے یا پٹیاں نظر آئیں تو کوالٹی تھوڑی بڑھائیں۔ ہمارا امیج کمپریسر اصل اور نیا سائز ساتھ ساتھ دکھاتا ہے تاکہ آپ بہترین توازن پا سکیں۔
5. براؤزر کی مدد لیں
widthاورheightایٹریبیوٹ شامل کریں تاکہ تصاویر لوڈ ہوتے وقت صفحہ نہ اچھلے۔- صفحے میں نیچے والی تصاویر میں
loading="lazy"شامل کریں۔ srcsetسے کئی سائز دیں تاکہ فون چھوٹی فائلیں ڈاؤن لوڈ کریں۔
یہ مراحل مل کر زیادہ تصاویر والے صفحات کو کئی گنا تیز کھول سکتے ہیں، جو وزیٹرز اور سرچ انجن دونوں کو محسوس ہوتا ہے۔