کئی صفحات کی شکلیں ہیں جو ویب صفحات پر استعمال کیا جا سکتا ہے. کچھ عام مثالیں GIF ، JPG ، اور PNG ہیں . SVG فائلوں کو عام طور پر ویب سائٹس پر بھی استعمال کیا جاتا ہے، ویب ڈویلپرز کو ابھی تک آن لائن تصویر کے لۓ ایک اور اختیار فراہم ہوتا ہے.
GIF تصاویر
تصاویر کے لئے GIF فائلوں کا استعمال کریں جس میں چھوٹے، مقررہ نمبر رنگ ہیں. GIF فائلوں کو ہمیشہ 256 سے زائد منفرد رنگوں میں کم کر دیا جاتا ہے. GIF فائلوں کے لئے کمپریشن الگورتھم JPG فائلوں کے مقابلے میں کم پیچیدہ ہے، لیکن جب فلیٹ رنگ کی تصاویر اور متن پر استعمال ہوتا ہے تو یہ بہت کم فائل سائز تیار کرتا ہے.
GIF فارمیٹ فوٹو گرافی کی تصاویر یا تصاویر کے لئے متحرک رنگوں کے ساتھ مناسب نہیں ہے. کیونکہ GIF کی شکل میں محدود تعداد میں رنگ، گرڈینٹینٹس اور تصاویر گائیڈ اور pixelation کے ساتھ ختم ہو جائیں گے جب GIF فائل کے طور پر محفوظ ہوجائے گی.
ایک مختصر میں، آپ صرف GIFs صرف سادہ رنگوں کے لئے صرف چند رنگوں کے ساتھ استعمال کریں گے، لیکن آپ اس کے ساتھ ساتھ اس کے لئے PNGs بھی استعمال کرسکتے ہیں (اس پر جلد ہی مزید).
JPG تصاویر
فوٹوگرافی اور دوسری تصاویر جو لاکھوں رنگوں کے لئے JPG تصاویر استعمال کریں. یہ ایک پیچیدہ کمپریشن الگورتھم کا استعمال کرتا ہے جس سے آپ کو تصویر کے کچھ معیار کو کھونے سے چھوٹے گرافکس بنانے کی اجازت دیتا ہے. یہ ایک "نقصان دہ" کمپریشن کہا جاتا ہے کیونکہ تصویر کمپیکٹ ہے جب کچھ تصویر کی معلومات کھو جاتی ہے.
JPG فارمیٹ متن، بڑے رنگ کے بڑے بلاکس، اور کرکرا کناروں کے ساتھ سادہ سائز کے ساتھ تصاویر میں مناسب نہیں ہے. یہ اس وجہ سے ہے کہ جب تصویر کمپیکٹ ہے تو، متن، رنگ یا لائنیں اس تصویر میں نتیجے میں ہوسکتی ہیں جو اس تصویر کے نتیجے میں تیز نہیں ہے جیسے دوسرے فارمیٹ میں محفوظ ہوجائے گی.
جی پی پی تصاویر تصاویر اور تصاویر کے لئے سب سے بہتر استعمال ہوتے ہیں جن میں بہت سارے اور قدرتی رنگ ہیں.
PNG تصاویر
PNG فارمیٹ GIF فارمیٹ کے لئے ایک متبادل کے طور پر تیار کیا گیا تھا جب یہ ظاہر ہوا کہ GIF تصاویر ایک شاہی فیس کے تابع ہوں گے. PNG گرافکس میں GIF تصاویر کی نسبت ایک بہتر کمپریشن کی شرح ہے جس کی نتیجے میں GIF کے طور پر محفوظ کردہ ایک ہی فائل کے مقابلے میں چھوٹی تصاویر. پی این جی فائلیں الفا شفافیت پیش کرتے ہیں، مطلب یہ ہے کہ آپ کے پاس آپ کی تصاویر ہوسکتی ہیں جو یا تو مکمل طور پر شفاف ہیں یا الفا شفافیت کی حد تک استعمال کرتے ہیں. مثال کے طور پر، ایک ڈراپ کی سائے کو شفافیت کے اثرات کی حد تک استعمال ہوتی ہے اور PNG کے لئے موزوں ہو (یا آپ اس کے بدلے میں سی ایس ایس سائے کا استعمال کرتے ہوئے ہمیں ختم کر سکتے ہیں).
PNG تصاویر، جی آئی ایف کی طرح، تصویروں کے لئے مناسب نہیں ہیں. بینڈنگ مسئلہ کے ارد گرد حاصل کرنے کے لئے یہ ممکن ہے کہ حقیقی رنگوں کا استعمال کرتے ہوئے GIF فائلوں کے طور پر محفوظ تصاویر کو متاثر کرے، لیکن یہ بہت بڑی تصاویر میں پایا جا سکتا ہے. بڑے پیمانے پر سیل فونز اور فونٹ فونز کی طرف سے PNG تصاویر بھی اچھی طرح سے حمایت نہیں کر رہے ہیں.
ہم کسی بھی فائل کے لئے PNG استعمال کرتے ہیں جو شفافیت کی ضرورت ہے. ہم کسی بھی فائل کے لئے PNG-8 استعمال کرتے ہیں جو اس کے بجائے اس PNG فارمیٹ کا استعمال کرتے ہوئے GIF کے طور پر موزوں ہو گی.
SVG تصاویر
SVG اسکالبل ویکٹر گرافک کے لئے کھڑا ہے. JPG، GIF، اور PNG میں پایا جانے والے ریسرچ پر مبنی فارمیٹس کے برعکس، یہ فائلوں کو چھوٹے پیمانے پر فائلوں کو بنانے کے لئے ویکٹر استعمال کرتے ہیں جو کسی بھی سائز میں فراہم کی جاسکتی ہیں جس میں فائل کا سائز میں اضافہ کی کوئی نقصان نہیں ہے. وہ مثال کے طور پر شبیہیں اور یہاں تک کہ علامات کے لئے پیدا کی جاتی ہیں.
ویب ترسیل کے لئے تصاویر تیار
اس کے برعکس جس تصویر کی شکل میں آپ استعمال کرتے ہیں، اور آپ کی ویب سائٹ اس کے پورے صفحات میں کئی مختلف فارمیٹس استعمال کرنے کا یقین ہے، آپ کو اس بات کا یقین کرنا ہوگا کہ اس سائٹ پر تمام تصاویر ویب ڈلیوری کے لئے تیار ہو. بہت بڑے تصاویر سائٹ کو آہستہ آہستہ چلانے اور مجموعی طور پر کارکردگی پر اثر انداز کرنے کے سبب بن سکتی ہے. اس کا مقابلہ کرنے کے لئے، ان تصاویر کو معیار کے معیار پر اعلی معیار اور سب سے کم فائل کے سائز کے درمیان توازن کو تلاش کرنے کے لئے مرضی کے مطابق ہونا چاہئے .
صحیح تصاویر کی شکل منتخب کرنا جنگ کا حصہ ہے، بلکہ یہ یقینی بنانا ہے کہ آپ نے ان فائلوں کو تیار کیا ہے اس اہم ویب ترسیل کے عمل میں اگلے قدم ہے.
جینیفر کریین کی طرف سے اصل مضمون. جیریمی Girard کی طرف سے ترمیم.