موبائل ڈیٹا پر اپنی ویب سائٹ کی تصاویر تیزی سے کیسے لوڈ کروں؟

اپ لوڈ سے پہلے سائز کم کریں

فون کیمرے سے سیدھی تصویر کئی میگا بائٹ کی اور ہزاروں پکسل چوڑی ہو سکتی ہے، حالانکہ وہ چند سو پکسل کے خانے میں دکھائی جاتی ہے۔ اچھا اصول یہ ہے کہ فائل دکھائی جانے والی چوڑائی سے تقریباً دگنی رکھیں تاکہ تیز اسکرینوں پر صاف رہے، اس سے زیادہ نہیں۔

• پوری چوڑائی کی ہیرو تصویر: تقریباً 1600 سے 2000 پکسل چوڑی کافی ہے۔
• کارڈ اور پروڈکٹ تھمب نیل: 600 سے 800 پکسل چوڑے۔
• لوگو اور آئیکن: SVG استعمال کریں جو صاف بھی رہتا ہے اور ہلکا بھی۔

درست فارمیٹ چنیں

WebP (اور جہاں سپورٹ ہو AVIF) عموماً ملتے جلتے معیار پر JPEG یا PNG سے کہیں چھوٹی فائلیں دیتا ہے۔ تصاویر کے لیے JPEG کو متبادل کے طور پر رکھیں، اور تصاویر کے لیے PNG سے بچیں کیونکہ وہ بھاری ہوتا ہے۔ تقریباً 75 سے 80 فیصد معیار عموماً آنکھ کو فرق محسوس نہیں ہوتا۔

ہوشیاری سے لوڈ کریں

پہلی اسکرین کے نیچے والی تصاویر تب لوڈ ہوں جب وزیٹر ان کے قریب اسکرول کرے (سست لوڈنگ)۔ اوپر کی مرکزی تصویر فوراً لوڈ ہونی چاہیے، سست نہیں، کیونکہ لوگ سب سے پہلے وہی دیکھتے ہیں۔ ہر تصویر پر چوڑائی اور اونچائی، یا مقررہ اسپیکٹ ریشو، بھی لگائیں تاکہ تصاویر آتے وقت صفحہ اچھلتا نہ رہے۔

ایک پرامپٹ جو آپ کاپی کر سکتے ہیں

"اس سائٹ کی تمام تصاویر کو موبائل ڈیٹا کے لیے بہتر بنائیں۔ تصاویر کو WebP میں بدلیں، ہر ایک کو دکھائے جانے والے سائز کے دگنے سے زیادہ نہ رکھیں، پہلی اسکرین کے نیچے ہر چیز سست لوڈنگ سے لوڈ کریں مگر ہیرو تصویر نہیں، مقررہ اسپیکٹ ریشو لگائیں تاکہ کچھ اچھلے نہیں، اور مختصر وضاحتی alt متن شامل کریں۔" تبدیلی کے بعد اپنے فون پر وائی فائی بند کر کے سائٹ کھولیں اور دیکھیں کہ پہلی اسکرین کتنی جلدی آتی ہے۔