ویب کے لیے تصاویر کو برباد کیے بغیر کیسے کمپریس کریں۔

زیادہ تر تصاویر جو کسی ویب سائٹ کے لیے "بہت بڑی" محسوس کرتی ہیں بری طرح کمپریس نہیں ہوتی ہیں۔ وہ صرف چوڑے اور لمبے ہیں جتنا کہ ان کی ضرورت ہے۔ فون سے سیدھی تصویر 4000 پکسلز کی ہو سکتی ہے اور پھر بھی ایک باکس میں ختم ہوتی ہے جو 700 پکسلز چوڑا ہے۔ اس تصویر کا سائز تبدیل کرنا اس کی فائل کے سائز کے لیے کسی کوالٹی سلائیڈر کو ٹکرانے سے کہیں زیادہ کام کرتا ہے۔

دونوں کام آپس میں جڑے ہوئے ہیں لیکن ایک جیسے نہیں۔ سائز تبدیل کرنے سے پکسلز کی تعداد بدل جاتی ہے۔ کمپریشن تبدیل کرتا ہے کہ ہر پکسل کی وضاحت کے لیے کتنا ڈیٹا استعمال ہوتا ہے۔ پہلے طول و عرض کو درست کریں، پھر کمپریس کریں—اور آپ کی تصاویر اسی فائل سائز میں بہتر نظر آئیں گی۔

طول و عرض سے شروع کریں، کوالٹی سلائیڈر سے نہیں۔

فیصلہ کریں کہ تصویر اصل میں کتنی چوڑی نظر آئے گی، پھر اعلی کثافت والی اسکرینوں کا حساب لگائیں۔ ایک عملی اصول یہ ہے کہ سی ایس ایس کی چوڑائی سے دوگنا برآمد کیا جائے اگر آپ چاہتے ہیں کہ یہ گھنے ڈسپلے والے فونز اور لیپ ٹاپس پر تیز رہے۔ ایک 600 پکسل چوڑا کارڈ، مثال کے طور پر، 1200 پکسل کی تصویر سے فائدہ ہوتا ہے۔

آپ کو اس کا مکمل حساب لگانے کی ضرورت نہیں ہے۔ اگر اصل 6000 پکسلز چوڑا ہے اور اب تک کا سب سے بڑا ڈسپلے 1600 کے قریب ہے تو اضافی پکسلز رکھنے کا کوئی بصری فائدہ نہیں ہے۔ لانگ سائیڈ کو کم کرنا دستیاب واحد سب سے بڑی بچت ہے۔

معیار کی ترتیب اصل میں کیا بدلتی ہے۔

JPEG کے لیے، کوالٹی ویلیو اس بات کو کنٹرول کرتی ہے کہ انکوڈر کتنی جارحانہ انداز میں اس تفصیل کو پھینک دیتا ہے جس پر آنکھ کے دیکھنے کا امکان کم ہوتا ہے۔ یہ اصل معیار کا فیصد نہیں ہے، اور 80 کا مطلب یہ نہیں ہے کہ "80% اچھا ہے۔" یہ صرف پیمانے پر ایک نقطہ ہے جہاں کم اقدار چھوٹی فائلیں اور زیادہ مرئی نمونے تیار کرتی ہیں۔

• 80-85 کے قریب تصویروں کے لیے ایک آرام دہ رینج ہے جو صاف نظر آنے کی ضرورت ہے۔ اصل سے فرق عام طور پر دیکھنے کے عام سائز پر دیکھنا مشکل ہے۔
• 70-78 کے قریب ویب امیجز کے لیے اچھی طرح سے کام کرتا ہے جو ایک ترتیب میں بیٹھتی ہیں اور ان کا کبھی قریب سے جائزہ نہیں لیا جاتا ہے۔ فائل کے سائز نمایاں طور پر گر جاتے ہیں۔
• تقریباً 60 سے نیچے، نوادرات کو تلاش کرنا آسان ہو جاتا ہے: ہموار آسمان میں بلاکی پیچ، کناروں کے گرد ہالوس، اور مبہم متن۔ قسم کے ساتھ اسکرین شاٹس یا گرافکس کے لیے، اس نیچے جانے سے گریز کریں۔

JPEG کمپریشن بھی مرکبات۔ پہلے سے محفوظ کردہ JPEG کو کم معیار پر محفوظ کرنے سے اصل تفصیل دوبارہ ظاہر نہیں ہوتی ہے۔ یہ نقصان کی دوسری پرت کا اضافہ کرتا ہے۔ آپ کے پاس موجود بہترین کاپی سے شروع کریں اور اپنی ضرورت کے مطابق ایک بار برآمد کریں۔

PNG بے عیب ہے، اس لیے معیاری سلائیڈر لاگو نہیں ہوتا ہے۔ PNG عام طور پر فوٹو گرافی کے مواد کے لیے JPEG سے بڑا ہوتا ہے، لیکن یہ تیز کناروں اور شفافیت کو برقرار رکھتا ہے۔ WebP کو نقصان دہ یا بے نقصان موڈ میں استعمال کیا جا سکتا ہے۔ اسی معیار پر، نقصان دہ WebP اکثر JPEG سے چھوٹا ہوتا ہے، حالانکہ پرانے سافٹ ویئر کے ساتھ مطابقت قدرے تنگ ہوتی ہے۔

اس کو ٹھیک کرنے سے پہلے فارمیٹ کا انتخاب کریں۔

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

ایک عام غلطی متن کے کرکرا اسکرین شاٹ کو JPEG کے بطور محفوظ کرنا ہے۔ کمپریشن حروف کے ارد گرد دھندلے ہالوں اور دھندوں کو تخلیق کرتا ہے، جس سے امیج کو اعتدال پسند سیٹنگ میں بھی کم معیار کا احساس ہوتا ہے۔ PNG یا WebP قسم کو صاف رکھے گا اور اکثر اس قسم کے مواد کے لیے ایک چھوٹی فائل تیار کرے گا۔ میں قریب تر موازنہ ہے۔ JPG، PNG، یا WebP؟

ایک سمجھدار ورک فلو

1. اصل رکھیں۔ ایک کاپی سے کام کریں اور کبھی بھی اس تصویر کے واحد ورژن کو اوور رائٹ نہ کریں جس کا آپ کو خیال ہے۔
2. سب سے بڑے سائز کا سائز تبدیل کریں اسے دکھایا جائے گا۔ اگر آپ چاہتے ہیں کہ اعلی کثافت والی اسکرینیں تیز رہیں تو لے آؤٹ چوڑائی سے دوگنا استعمال کریں۔ صرف ایک نمبر کو مارنے کے لیے نہ کاٹیں اور نہ کھینچیں۔ پہلو کا تناسب برقرار رکھیں جب تک کہ ساخت کو تبدیل کرنے کی ضرورت نہ ہو۔
3. مواد کی بنیاد پر فارمیٹ منتخب کریں۔ تصویر: JPEG یا WebP۔ فلیٹ گرافک یا شفافیت: PNG یا WebP۔
4. معیار 80 سے شروع کریں۔ اگر آپ کو یقین نہیں ہے تو اس کا 75 اور 85 سے موازنہ کریں۔ صرف اس وقت نیچے کی طرف بڑھیں جب تصویر اب بھی اس سائز پر برقرار رہے گی جو لوگ اسے دیکھیں گے۔
5. اسے 100% اور ترتیب کے سائز پر دیکھیں۔ زوم آؤٹ، تقریباً سب کچھ ٹھیک لگ رہا ہے۔ زوم ان، آپ کناروں اور چہروں کے ارد گرد نمونے دیکھ سکتے ہیں۔ دونوں کو چیک کریں۔

کے ساتھ تصویر کمپریسر, سب سے لمبی سائیڈ کیپ اور کوالٹی ویلیو ایک ساتھ نظر آتی ہے، لہذا آپ ایک مجموعہ کی جانچ کر سکتے ہیں اور ڈاؤن لوڈ کرنے سے پہلے پہلے اور بعد کے سائز کا موازنہ کر سکتے ہیں۔ دی ریسائزر بہتر انتخاب ہے جب طول و عرض کے درست ہونے کی ضرورت ہو، بشمول فیصد پیمانہ اور مقررہ پہلو تناسب۔

عام غلطیاں، اور اس کے بجائے کیا کرنا ہے۔

سائز تبدیل کرنے سے پہلے کمپریس کرنا

6000-پکسل تصویر کو کوالٹی 50 پر محفوظ کرنے سے ایک فائل بنتی ہے جو اب بھی بڑی ہے، اب نظر آنے والے نقصان کے ساتھ۔ پہلے سائز تبدیل کریں، پھر کمپریس کریں۔ 1600 پکسلز اور کوالٹی 80 پر ایک ہی تصویر عام طور پر بہتر نظر آئے گی اور وزن کم ہوگا۔

سب سے چھوٹی ممکنہ فائل کا پیچھا کرنا

"چھوٹا" بذات خود مقصد نہیں ہے۔ ایک پروڈکٹ کی تصویر جو کوالٹی 40 پر کیچڑ والی نظر آتی ہے وہ کوالٹی 78 میں ایک سے چھوٹی ہو سکتی ہے، لیکن یہ صفحہ پر بدتر بھی نظر آتی ہے۔ کافی چھوٹے کا مقصد: پکسلز یا میگا بائٹس ضائع کیے بغیر جس سائز کو دکھایا گیا ہے اس پر واضح کریں۔

شفافیت کو JPEG میں تبدیل کرنا

اگر لوگو کا پس منظر شفاف ہے تو JPEG اسے سفید رنگ سے بھر دے گا۔ رنگین صفحہ پر، یہ ایک واضح باکس کے طور پر ظاہر ہوتا ہے۔ PNG یا WebP رکھیں، یا ایک مخصوص پس منظر کے رنگ کے لیے ڈیزائن کردہ ورژن تیار کریں۔

ایک ہی JPEG کو بار بار محفوظ کرنا

ہر نقصان دہ بچت نمونے کا اضافہ کرتی ہے۔ بیچ کی ترامیم اصل فائل سے شروع ہونی چاہئیں، آخری برآمد شدہ ورژن سے نہیں۔ ایک اعلیٰ معیار کا ماسٹر رکھیں اور اس سے ویب ورژن تیار کریں۔

میٹا ڈیٹا کو بھولنا

تصاویر اپنے میٹا ڈیٹا میں کیمرے کی تفصیلات اور مقام کا ڈیٹا لے جا سکتی ہیں۔ کینوس کے ذریعے دوبارہ انکوڈنگ، جیسا کہ Lovely Tools کرتا ہے، اس منسلک میٹا ڈیٹا کے بغیر ایک تازہ تصویر تیار کرتا ہے۔ یہ اکثر پرائیویسی کے لیے اچھا ہوتا ہے، لیکن اس کا مطلب یہ بھی ہے کہ اگر آپ کو میٹا ڈیٹا کی آرکائیو یا پیشہ ورانہ وجوہات کی بنا پر ضرورت ہو تو آپ کو اصل کو رکھنا چاہیے۔ جدید براؤزرز تصویر کو ڈرائنگ کرتے وقت اس کی واقفیت کا اطلاق کرتے ہیں، اس لیے پورٹریٹ تصاویر کو ایک طرف نہیں آنا چاہیے۔

جہاں کمپریشن ہوتا ہے۔

Lovely Tools میں، تصویر کو آپ کے براؤزر کے ذریعے ڈی کوڈ کیا جاتا ہے، منتخب کردہ جہتوں پر ایک کینوس پر کھینچا جاتا ہے، اور ایک نئی فائل کے طور پر دوبارہ انکوڈ کیا جاتا ہے۔ کچھ بھی اپ لوڈ نہیں ہے۔ اصل اچھوت رہتی ہے، اور کمپریسڈ کاپی صرف براؤزر کے ٹیب میں موجود رہتی ہے جب تک کہ آپ اسے ڈاؤن لوڈ نہیں کرتے ہیں۔

یہ بھی حدود کی وضاحت کرتا ہے۔ تمام کام آپ کے آلے کی میموری میں ہوتا ہے، اس لیے فون پر انتہائی بڑی تصاویر یا بڑے بیچز سست ہو سکتے ہیں۔ براؤزر کے کینوس انجن میں بھی زیادہ سے زیادہ سائز ہوتا ہے۔ اگر کوئی تصویر بہت بڑی ہے تو، ٹول خاموشی سے انحطاط پذیر نتیجہ پیدا کرنے کے بجائے ایک چھوٹی جہت کا مطالبہ کرے گا۔

اسے آزمانے کے لیے تیار ہیں؟ تصویر کو کمپریس کریں۔ یا پڑھیں مقامی طور پر چلانے کا اصل مطلب کیا ہے؟.