SVG کو ICO میں تبدیل کرنا Scalable Vector Graphics ↔ Icon مفت آن لائن محفوظ
SVG تصویر نہیں، تصویر بنانے کی ہدایت ہے۔ یہاں وہ ہدایت ایک بار چلائی جاتی ہے، آپ کی چنی ہوئی جسامت پر، اور نتیجہ ICO کے طور پر محفوظ ہوتا ہے۔ بنانے کا کام ایک ایسے گھیرے میں ہوتا ہے جہاں فائل کی کوئی چیز چل نہیں سکتی، اور کچھ اپ لوڈ نہیں ہوتا۔
اپنی فائل بدلیے
یہاں ایک SVG چھوڑیں، یا کوئی ایک چنیں۔
آپ کی فائل اس آلے سے باہر نہیں جاتی۔ سب کچھ آپ کے براؤزر میں چلتا ہے۔
کچھ بھی اپ لوڈ نہیں
ویکٹر کس بات میں مختلف ہے
SVG کوئی تصویر نہیں؛ یہ تصویر بنانے کی ہدایات کا مجموعہ ہے — یہاں اتنے نصف قطر کا دائرہ، یہاں سے وہاں تک ایک لکیر، یہ شکل اُس رنگ سے بھری ہوئی۔ یہ 2001ء میں ویب کا معیار بنا، اور چونکہ یہ نتیجہ نہیں بلکہ خود نقشہ محفوظ رکھتا ہے، اسی فائل سے جو سولہ پکسل کا آئیکون بناتی ہے، اشتہار کا بڑا تختہ بھی چھاپا جا سکتا ہے۔ PNG یا JPEG اس کے برعکس محفوظ رکھتا ہے: رنگین نقطوں کی ایک مکمل جالی، اس یاد کے بغیر کہ انہیں کس نے بنایا۔ یہی عدمِ تناسب اس صفحے کی ہر بات طے کرتا ہے۔ ویکٹر سے ریسٹر کی طرف جانا محض ہدایات کو چُنے ہوئے ناپ پر کھینچنا ہے؛ الٹی طرف جانا سراغ لگانا ہے — ایک پروگرام نقطوں کی جالی کو دیکھتا ہے اور اندازہ لگاتا ہے کہ کون سی شکلیں اسے پیدا کر سکتی تھیں۔
آپ انہیں کہاں ملتے ہیں
نشانات، آئیکون، نقشے، خاکے اور گراف SVG کی صورت میں جیتے ہیں، کیونکہ انہیں ہر ناپ پر پڑھنے کے قابل رہنا ہے اور اکثر ان کے رنگ بدلنے پڑتے ہیں۔ ویب سائٹ کے چھوٹے نشان اور ایپ کے آئیکون انہی سے بنتے ہیں۔ الٹا رخ اُس لمحے کے لیے ہے جب ویکٹر کو چپٹی تصویر بننا ہو: ایسا ای میل پروگرام جو SVG نہ دکھائے، سماجی رابطے کی جھلک، وہ دستاویز جو آپ سے پرانے سافٹ ویئر والا کوئی چھاپے گا، یا وہ فارم جو صرف تصویریں قبول کرے۔
اکثر پوچھے جانے والے سوالات
میں نے ایک تصویر کا سراغ لگوایا اور نتیجہ بھیانک نکلا۔ کیوں؟
کیونکہ سراغ لگانا تصویروں کے لیے بنا ہی نہیں تھا۔ یہ ملتے جلتے رنگ کے علاقے ڈھونڈ کر ہر ایک کے گرد خط کھینچتا ہے؛ یہ چپٹے نقش کے لیے موزوں ہے — کوئی نشان، کوئی سانچہ، لکیری خاکہ — اور تصویر پر ناکام رہتا ہے، جہاں ہر علاقہ آہستہ آہستہ اگلے میں گھل جاتا ہے۔ سراغ لگانے والے کو وہاں حد بنانی پڑتی ہے جہاں کوئی حد نہیں، اور نتیجہ یا تو پوسٹر جیسے چپٹے دھبے ہوتے ہیں یا ایسی فائل جس میں دسیوں ہزار ننھی شکلیں ہوں۔ تصویروں کے لیے ریسٹر ہی رہنے دیں۔
میری SVG کسی دوسرے پروگرام میں مختلف کیوں دکھتی ہے؟
عموماً خطوں کی وجہ سے۔ جس SVG میں متن ہو وہ کسی خط کو نام سے پکارتی ہے اور توقع رکھتی ہے کہ کھولنے والی مشین کے پاس وہ خط ہوگا؛ نہ ہو تو کوئی اور رکھ دیا جاتا ہے اور ترتیب سرک جاتی ہے۔ علاج یہ ہے کہ برآمد کرنے سے پہلے متن کو خاکوں میں بدل دیں: ہر حرف ایک شکل بن جاتا ہے اور فائل ہر جگہ ایک جیسی دکھتی ہے — قیمت یہ کہ متن اب نہ ترمیم ہو سکتا ہے نہ منتخب۔ چھنّی اور آمیزش کے انداز جیسے اعلیٰ اثرات فرق کا دوسرا عام سبب ہیں۔
کیا فائل کا معیار گرتا ہے؟
یہ اس پر منحصر ہے کہ دونوں صورتیں کیا سنبھال سکتی ہیں۔ ایسی صورتوں کے بیچ تبدیلی جو ایک ہی چیز رکھتی ہوں — PNG سے BMP، WAV سے FLAC — کچھ نہیں کھوتی۔ ایسی صورت میں بدلنا جو جگہ بچانے کے لیے معلومات پھینک دے، جیسے JPEG یا MP3، ہر بار تھوڑا کھوتا ہے، اور واپس بدلنے سے وہ لوٹتا نہیں۔ جہاں چناؤ ممکن ہو، یہ صفحہ سب سے چھوٹی فائل بنانے کے بجائے اصل معیار برقرار رکھنے کی طرف جھکتا ہے۔
کیا میری فائل کہیں اپ لوڈ ہوتی ہے؟
نہیں۔ تبدیلی آپ ہی کی مشین پر، آپ کے براؤزر کے اندر ہوتی ہے؛ فائل وہاں سے کبھی باہر نہیں جاتی، اور یہاں کوئی سرور ہے ہی نہیں جو اسے لے سکے۔ اسی لیے بڑی فائل کو اپ لوڈ نہیں بلکہ آپ کی اپنی یادداشت محدود کرتی ہے، اور اسی لیے جو کچھ آپ بدلتے ہیں وہ کسی کے ریکارڈ میں نہیں آ سکتا — ہمارے ریکارڈ میں بھی نہیں۔ البتہ آواز اور فلم کے اوزار پہلی بار استعمال پر اپنا تبدیلی کا انجن اِسی سائٹ سے لاتے ہیں — تقریباً تیس میگابائٹ، صرف ایک بار؛ اس کے بعد بھی کام سارا آپ ہی کی مشین پر ہوتا ہے۔
لوگ SVG کو ICO میں کیوں تبدیل کرتے ہیں
ICO فائل ایک آئیکن ہے۔ یہ وہ چھوٹی تصویر ہے جو براؤزر کے ٹیب میں صفحے کے نام کے ساتھ، بک مارکس کی فہرست میں، شارٹ کٹ پر اور Windows میں پروگرام کی کھڑکی کے کونے میں نظر آتی ہے۔ اگر آپ ویب سائٹ چلاتے ہیں تو آپ ایسا چاہتے ہیں جو آپ کا نشان اٹھائے۔ اگر آپ پروگرام بناتے ہیں تو آپ کو اس کی executable کے لیے ایک چاہیے۔ اور اگر آپ کے پاس لوگو ہے تو بہت امکان ہے کہ وہ SVG فارمیٹ میں ویکٹر ڈرائنگ ہے۔ اسی لیے لوگ SVG کو ICO میں تبدیل کرتے ہیں: ان کے پاس نشان کی ڈرائنگ ہے، اور انہیں وہ آئیکن فائل چاہیے جو براؤزر اور آپریٹنگ سسٹم اب بھی نام لے کر مانگتے ہیں۔
SVG تصویر نہیں ہے۔ یہ تصویر بنانے کی ہدایات کا مجموعہ ہے: یہاں دائرہ بنائیے، وہاں خم، اس شکل کو اس رنگ سے بھریے۔ چونکہ یہ ہدایات ہیں، پکسل نہیں، SVG کو دھندلا ہوئے بغیر کسی بھی سائز پر دکھایا جا سکتا ہے۔ اس کے برعکس آئیکن چھوٹی تصویروں کی مٹھی بھر مقدار ہے جو ایک فائل میں بندھی ہے، ہر ایک کسی خاص سائز کے لیے بنی۔ یہ صفحہ آپ کے SVG کی ہدایات پر ہر سائز کے لیے ایک بار عمل کرتا ہے اور نتائج کو ایک ICO فائل میں پیک کر دیتا ہے۔
یہ صفحہ آپ کے براؤزر میں SVG کو ICO میں تبدیل کرتا ہے۔ ڈرائنگ ایک سینڈ باکس میں رینڈر ہوتی ہے جہاں فائل میں کچھ بھی چل نہیں سکتا، اور کچھ اپ لوڈ نہیں ہوتا۔ نیچے آپ کو ملے گا کہ یہ کیسے کام کرتا ہے، فائل میں کون سے سائز ہیں، چھوٹے آئیکن خاص مسئلہ کیوں ہیں اور اس کے بارے میں کیا کریں۔
تبدیلی کیسے کام کرتی ہے
ایک فائل میں چھ سائز
جو ICO نکلتی ہے اس میں ایک فائل میں چھ سائز ہوتے ہیں: 16، 32، 48، 64، 128 اور 256 پکسل۔ ہر ایک SVG سے دوبارہ بنایا جاتا ہے، ایک دوسرے سے چھوٹا کیے بغیر، اس لیے 16 پکسل کا ورژن 16 پکسل پر ہدایات پر عمل ہے، بڑے کی سکڑی ہوئی نقل نہیں۔ سب اپنی شفافیت رکھتے ہیں۔ پھر آپریٹنگ سسٹم یا براؤزر وہ سائز چنتا ہے جو اس جگہ کے مطابق ہو جہاں آئیکن دکھایا جاتا ہے۔
ایک سینڈ باکس جہاں کچھ چل نہیں سکتا
SVG فائل اصولی طور پر اسکرپٹس اور دوسری چیزوں کے حوالے رکھ سکتی ہے۔ اسے کبھی خطرہ بننے سے روکنے کے لیے، ڈرائنگ ایک سینڈ باکس میں رینڈر ہوتی ہے جہاں فائل میں کچھ بھی چل نہیں سکتا۔ صرف شکلیں پینٹ ہوتی ہیں۔ یہ ان فائلوں کے لیے بھی محفوظ ہے جو آپ نے ایسی جگہ سے اتاری ہوں جس پر آپ کو پورا بھروسا نہ ہو۔
سکیڑنے سے دوبارہ بنانا بہتر کیوں ہے
جب آپ بڑی تصویر کو چھوٹی تک سکیڑتے ہیں تو تفصیلات ایک دوسرے میں گھل جاتی ہیں اور لکیریں سرمئی ہو جاتی ہیں۔ ہدف کے سائز پر ویکٹر ہدایات سے دوبارہ بنانا ہر سائز کے لیے ممکنہ سب سے تیز نتیجہ دیتا ہے، کیونکہ لکیریں سیدھی پکسل گرڈ پر رکھی جاتی ہیں۔
کیا برقرار رہتا ہے
چھ سائز
آپ کو 16، 32، 48، 64، 128 اور 256 پکسل ملتے ہیں، جو ان جگہوں کا احاطہ کرتے ہیں جہاں آئیکن عام طور پر دکھائے جاتے ہیں: براؤزر ٹیب، ٹاسک بار، ڈیسک ٹاپ شارٹ کٹ، فائلوں کی فہرستیں اور بڑے پیش منظر۔
شفافیت
شفافیت چھ کے چھ سائزوں میں برقرار رہتی ہے۔ SVG کے وہ حصے جن میں بھراؤ نہیں ICO میں آر پار نظر آتے رہتے ہیں، اس لیے آئیکن اس چیز کا رنگ اختیار کر لیتا ہے جو اس کے پیچھے ہو۔
نشان کی شکل
ڈرائنگ جیسی ہے ویسی رکھی جاتی ہے، اپنے رنگوں اور شکلوں کے ساتھ۔ اگر SVG چوکور نہیں تو وہ ہر آئیکن کے چوکور میں بغیر کھینچے بٹھایا جاتا ہے۔
SVG کو ICO میں تبدیل کرنے سے پہلے آپ کو کیا جاننا چاہیے
آئیکن ایک مختلف ڈرائنگ ہے
آئیکن چھوٹی تصویر نہیں، یہ مختلف ڈرائنگ ہے۔ باریک لکیروں یا چھوٹے متن والی کوئی بھی چیز 16 پکسل پر لوتھڑا بن جاتی ہے، چاہے کتنی ہی احتیاط سے رینڈر ہو۔ پوسٹر پر شاندار لگنے والا لوگو فیویکن کے طور پر ناقابلِ مطالعہ ہو سکتا ہے۔ اگر نتیجہ دھندلا لگے تو جواب بہتر تبدیلی کے بجائے سادہ تر SVG ہے۔
سب سے چھوٹے سائز کے لیے ڈیزائن کیجیے
بہترین آئیکن سب سے چھوٹے سائز کو ذہن میں رکھ کر بنتے ہیں: ایک جرات مند شکل، رنگوں کی محدود تعداد، کوئی بال جیسی لکیر نہیں اور ایک حرف سے زیادہ تحریر نہیں۔ اگر ہو سکے تو اس مقصد کے لیے اپنے لوگو کا سادہ ورژن الگ SVG کے طور پر تیار کیجیے، اور پھر اسی سے SVG کو ICO میں تبدیل کیجیے۔
دوسری جگہوں کے فونٹ اور تصویریں حل نہیں ہوتیں
جو فونٹ اور تصویریں SVG دوسری جگہ سے کھینچتی ہے وہ سینڈ باکس میں حل نہیں ہوتیں۔ سرور سے لوڈ ہونے والے ویب فونٹ میں لکھا متن سسٹم فونٹ پر لوٹ آتا ہے، اور فائل کے باہر سے جڑی تصویر غائب ہوگی۔ بہترین نتیجے کے لیے متن کو آؤٹ لائن کیجیے اور تصویریں ایمبیڈ کیجیے۔
یہاں SVG کو ICO میں کیسے تبدیل کریں
اپنی ڈرائنگ شامل کیجیے
SVG کو صفحے پر چھوڑیے یا اپنے آلے سے چنیے۔ یہ آپ کے براؤزر کے اندر پڑھی جاتی ہے اور اپ لوڈ نہیں ہوتی۔
تبدیل کیجیے
بٹن دبائیے۔ چھ سائز ایک کے بعد ایک بنتے ہیں، جس میں ایک لمحہ لگتا ہے۔ مکمل ہونے تک صفحہ کھلا رکھیے۔
ڈاؤن لوڈ کیجیے اور جانچیے
ICO ڈاؤن لوڈ کیجیے اور اسے وہاں آزمائیے جہاں استعمال ہوگی۔ ویب سائٹ پر اسے جڑ والے فولڈر میں favicon.ico کے نام سے رکھیے، یا صفحے کے head میں اس سے لنک کیجیے، اور براؤزر کا ٹیب دیکھیے۔ Windows پر آپ اسے شارٹ کٹ پر لگا سکتے ہیں اور مختلف سائزوں پر دیکھ سکتے ہیں کہ کیسی لگتی ہے۔
SVG اور ICO پر قریب سے نظر
ویکٹر اور مجموعہ
SVG ایک ڈرائنگ ہے جو کسی بھی سائز پر رینڈر ہو سکتی ہے۔ ICO ایک کنٹینر ہے جس کے اندر کئی تصویریں ہیں، ہر ایک مقررہ سائز کی۔ آئیکن دکھانے والا سافٹ ویئر وہ تصویر چنتا ہے جو اس کے درکار سائز کے سب سے قریب ہو، جو دھندلے پھیلاؤ سے بچاتا ہے۔ SVG کو ICO میں تبدیل کرنے کا مطلب ہے ڈرائنگ کو ان سائزوں پر رینڈر کرنا جن کے کنٹینر سے رکھنے کی توقع ہے۔
آئیکن کہاں استعمال ہوتے ہیں
براؤزر ٹیب کے لیے سب سے چھوٹے سائز اور بک مارکس اور نئے ٹیب کے صفحے کے لیے بڑے سائز استعمال کرتے ہیں۔ Windows انہیں ٹاسک بار، Start مینو اور Explorer کے لیے استعمال کرتا ہے۔ موبائل آلات کے ہوم اسکرین کے لیے تصویری سائزوں کے اپنے مجموعے ہیں، جو عموماً PNG فائلیں ہیں، ICO نہیں۔ اگر آپ فون کے لیے ایپ آئیکن تیار کر رہے ہیں تو پلیٹ فارم کے مطلوبہ سائزوں پر SVG سے PNG بہتر راستہ ہے۔
آج کے فیویکن
جدید براؤزر فیویکن کے طور پر PNG اور حتیٰ کہ SVG بھی قبول کرتے ہیں، لیکن ICO وہ فارمیٹ رہتا ہے جو ہر جگہ چلتا ہے، پرانے براؤزروں، کچھ فیڈ ریڈرز اور favicon.ico کو خودکار طور پر ڈھونڈنے والے اوزاروں سمیت۔ اسے رکھنا محفوظ انتخاب ہے۔
عام صورتیں تفصیل سے
ویب سائٹ کا فیویکن
SVG کو ICO میں تبدیل کیجیے، فائل کو اپنی سائٹ کی جڑ میں favicon.ico کے طور پر محفوظ کیجیے اور اس سے لنک کیجیے۔ ہر براؤزر کا ٹیب آپ کا نشان اٹھائے گا، جو کھلے بہت سے ٹیبز میں صفحے کو پہچاننے کے قابل بناتا ہے۔
Windows پروگرام کا آئیکن
Windows پر پروگرام اپنی executable اور شارٹ کٹس میں آئیکن اٹھاتے ہیں۔ اس کے لیے ڈویلپرز کو کئی سائزوں والی ICO چاہیے۔ جو چھ سائز آپ کو ملتے ہیں وہ معمول کی ضروریات پوری کرتے ہیں۔
شارٹ کٹ اور فولڈر
Windows پر آپ شارٹ کٹ یا فولڈر کو اپنا آئیکن دے سکتے ہیں۔ آپ کے لوگو سے بنی ICO آپ کے ڈیسک ٹاپ یا پروجیکٹ فولڈروں کو پہچاننا آسان بناتی ہے۔
چھوٹے کاروبار کی سائٹیں اور بلاگ
فیویکن چھوٹی تفصیل ہے جو سائٹ کو مکمل محسوس کراتی ہے۔ اگر آپ کا لوگو SVG ہے تو یہ تبدیلی وہ فائل بناتی ہے جو سائٹ بنانے والے آپ سے اپ لوڈ کرنے کو کہتے ہیں۔
SVG کو ICO میں تبدیل کرنے سے پہلے عملی مشورے
ڈرائنگ کو سادہ کیجیے
باریک لکیریں ہٹائیے، تحریر چھوڑ دیجیے یا ایک ہی حرف رکھیے، اور جرات مند شکلیں استعمال کیجیے۔ تبدیل کرنے سے پہلے اپنے ڈرائنگ پروگرام میں SVG کو 16 پکسل پر دیکھیے، تاکہ معلوم ہو کہ سب سے چھوٹا آئیکن کیسا لگے گا۔
ڈرائنگ کو چوکور بنائیے
آئیکن چوکور ہوتے ہیں۔ اگر آپ کا لوگو چوڑا ہے تو اسے کچھ حاشیے کے ساتھ چوکور کینوس پر رکھیے، تاکہ وہ کٹے نہیں اور چوکور کے اندر ننھا بھی نہ ہو۔
تضاد جانچیے
براؤزر ٹیب ہلکے یا گہرے ہو سکتے ہیں۔ دونوں پس منظر کے مقابل مضبوط تضاد والا نشان زیادہ آسانی سے نظر آتا ہے۔ گہرے نشان پر پتلی سفید آؤٹ لائن، یا ٹھوس رنگین شکل، عموماً کام کرتی ہے۔
SVG سنبھال کر رکھیے
SVG اصل نسخہ ہے۔ اگر آپ بعد میں آئیکن بدلنے کا فیصلہ کریں تو SVG کو ICO میں دوبارہ تبدیل کرنے کے لیے اس کی ضرورت پڑے گی۔
تبدیلی سے پہلے لوگ جو سوال پوچھتے ہیں
میرا آئیکن 16 پکسل پر دھندلا کیوں لگتا ہے؟
کیونکہ 16 پکسل بہت کم ہیں۔ باریک لکیریں اور چھوٹا متن وہاں پیش نہیں ہو سکتے۔ بہتر تبدیلی ڈھونڈنے کے بجائے ڈرائنگ کو سادہ کیجیے۔
فائل میں کون سے سائز ہیں؟
16، 32، 48، 64، 128 اور 256 پکسل، ہر ایک SVG سے دوبارہ بنایا گیا، سب شفافیت کے ساتھ۔
کیا شفافیت برقرار رہے گی؟
جی ہاں۔ SVG میں آر پار نظر آنے والا پس منظر ICO کے چھ کے چھ سائزوں میں آر پار نظر آتا ہے۔
کیا میں فائل کو فیویکن کے طور پر استعمال کر سکتا ہوں؟
جی ہاں۔ اسے favicon.ico نام دیجیے، اپنی سائٹ کی جڑ میں رکھیے، یا اپنے صفحوں کے head سے اس سے لنک کیجیے۔
کیا میری فائل اپ لوڈ ہوتی ہے؟
نہیں۔ تبدیلی آپ کے براؤزر میں چلتی ہے اور فائل آپ کے آلے سے کبھی باہر نہیں جاتی۔
کیا میں آئیکن سے SVG بنا سکتا ہوں؟
ایک حد تک، ہاں۔ ICO سے SVG آئیکن کو شکلوں میں ٹریس کرتا ہے، اگرچہ چھوٹا سائز حد لگاتا ہے کہ کیا بازیافت ہو سکتا ہے۔
SVG کو ICO میں تبدیل کرتے وقت سمجھداری سے انتخاب
ICO یا PNG؟
ہر جگہ چلنے والے فیویکن کے لیے ICO چنیے۔ فونز پر ایپ آئیکن اور ویب صفحات کی تصویروں کے لیے PNG معمول کا فارمیٹ ہے۔ SVG سے PNG آپ کو وہ دیتا ہے۔
پورے مجموعے کے بارے میں سوچیے
اگر آپ برانڈ تیار کر رہے ہیں تو آپ کو لوگو PNG کے طور پر، فیویکن ICO کے طور پر اور چھاپنے کے قابل ورژن PDF کے طور پر چاہیے ہو سکتا ہے۔ SVG سے PDF چھاپنے کے لیے ڈرائنگ کو ڈرائنگ ہی رکھتا ہے۔
اصلی ٹیب پر جانچیے
آئیکن کو اصلی براؤزر ٹیب میں دیکھیے، ہلکی اور گہری دونوں تھیمز میں۔ وہی جگہ ہے جہاں زیادہ تر لوگ اس سے ملیں گے۔
تبدیلی کے بعد اچھا نتیجہ حاصل کرنا
براؤزر کیش صاف کیجیے
براؤزر فیویکن بہت دیر تک رکھتے ہیں۔ اگر آپ نے آئیکن بدلا ہو اور اب بھی پرانا نظر آئے تو کیش صاف کیجیے یا سائٹ کو نجی کھڑکی میں کھولیے۔
تمام سائز جانچیے
اگر آپ کے پاس ICO فائلیں کھولنے والا اوزار ہے تو ہر سائز دیکھیے۔ جو نشان 256 پکسل پر ٹھیک ہو وہ 16 پر ناقابلِ مطالعہ ہو سکتا ہے، اور یہ آپ کو بتاتا ہے کہ سادہ کرنا ہے یا نہیں۔
اسے درست نام دیجیے
براؤزر طے شدہ طور پر سائٹ کی جڑ میں favicon.ico ڈھونڈتے ہیں۔ جب تک آپ فائل سے صراحت سے لنک نہ کریں یہ نام رکھیے۔
ایسا نشان ڈیزائن کرنا جو سب سے چھوٹے سائز میں بچ جائے
16 پکسل کے گرڈ سے شروع کیجیے
SVG کو ICO میں تبدیل کرتے وقت اچھا نتیجہ پانے کا سب سے قابلِ بھروسا طریقہ سب سے چھوٹے سائز کو ذہن میں رکھ کر ڈیزائن کرنا ہے۔ سولہ ضرب سولہ چوکور کے گرڈ کا تصور کیجیے اور پوچھیے کہ اس پر کیا رکھ سکتے ہیں۔ دائرہ، حرف، سادہ علامت: ہاں۔ دستخط، نعرے والا نشان: نہیں۔ بڑے سائز جو بھی بنائیں اچھے لگیں گے، اس لیے چھوٹا وہ پابندی ہے جس کے لیے ڈیزائن کرنا ہے۔
مضبوط شکلیں اور کم رنگ استعمال کیجیے
واضح تضاد والے دو یا تین رنگ بہت سے رنگوں کے تدریجی اتار سے بہتر پڑھے جاتے ہیں۔ ٹھوس شکلیں جو چوکور کا بیشتر حصہ بھرتی ہیں پتلی آؤٹ لائنوں سے زیادہ آسانی سے پہچانی جاتی ہیں، کیونکہ ہر پکسل نشان کا زیادہ حصہ اٹھاتا ہے۔
تھوڑی سانس لینے کی جگہ چھوڑیے
جو نشان چوکور کے کنارے کو چھوئے وہ تنگ لگ سکتا ہے، اور کچھ سسٹم اپنی گولائی یا بارڈر جوڑتے ہیں۔ سب سے چھوٹے سائز پر ایک یا دو پکسل کا حاشیہ شکل کو سلامت رکھتا ہے۔
اسے دوسرے آئیکنز کے ساتھ دیکھیے
مشہور سائٹوں کے چند ٹیب کھولیے اور موازنہ کیجیے۔ آپ دیکھیں گے کہ سب سے بہتر کام کرنے والے آئیکن بہت سادہ ہیں۔ SVG کو ICO میں تبدیل کرنے سے پہلے وہ نظم مستعار لیجیے، اور آپ کا نتیجہ ٹیبوں کے ہجوم میں ٹک سکے گا۔
رازداری اور ہینڈلنگ
ڈرائنگوں کے لیے مقامی تبدیلی کیوں اہم ہے
لوگو اور برانڈ کے نشان شائع ہونے سے پہلے خفیہ ہو سکتے ہیں۔ بہت سے آن لائن کنورٹر آپ کی فائل سرور پر اپ لوڈ کرتے ہیں، اس پر کارروائی کرتے ہیں اور نتیجہ واپس بھیجتے ہیں، اور کچھ دیر کے لیے ایک نقل ایسی مشین پر رہتی ہے جس پر آپ کا قابو نہیں۔ یہاں آپ کا اپنا براؤزر کام کرتا ہے، اس لیے ڈرائنگ آپ کے آلے پر رہتی ہے۔
صفحہ چھوڑنے پر کیا ہوتا ہے
جب آپ صفحہ بند کرتے ہیں تو تبدیل شدہ فائل براؤزر سے غائب ہو جاتی ہے، اس لیے پہلے اسے ڈاؤن لوڈ کیجیے۔ آپ کی ڈرائنگ کے بارے میں کچھ نہیں رکھا جاتا۔
اگر کچھ غلط ہو جائے
آئیکن خالی نکلتا ہے
ہو سکتا ہے SVG میں سائز یا view box کی کمی ہو۔ اسے ٹیکسٹ ایڈیٹر میں کھولیے اور جانچیے کہ اس میں width اور height یا view box ہے، یا اپنے ڈرائنگ پروگرام میں ٹھیک کیجیے۔
آئیکن کٹ جاتا ہے
کچھ SVG میں ایسے عناصر ہوتے ہیں جو ان کے اعلان کردہ رقبے سے باہر پھیلتے ہیں۔ اصل میں view box کو ایڈجسٹ کیجیے تاکہ سب کچھ اندر سما جائے۔
صفحہ جم جاتا ہے
سب کچھ آپ کے آلے پر چلتا ہے۔ کمپیوٹر پر دوبارہ کوشش کیجیے، یا سادہ تر ڈرائنگ کے ساتھ۔
متعلقہ اوزار
اوزار کا یہی خاندان پڑوسی کام بھی سنبھالتا ہے۔ آپ کے چنے ہوئے سائزوں کی تصویروں کے لیے SVG سے PNG یا SVG سے JPG استعمال کیجیے۔ ایسے دستاویز کے لیے جو کسی بھی زوم پر تیز رہے، SVG سے PDF ڈرائنگ کو ڈرائنگ ہی رکھتا ہے۔ تصویروں کو دوبارہ شکلوں میں ٹریس کرنے کے لیے ICO سے SVG، PNG سے SVG اور JPG سے SVG یہ کام کرتے ہیں۔
ایک عملی مثال
فرض کیجیے آپ نے چھوٹا بلاگ شروع کیا ہے، اور آپ کا لوگو SVG ہے: ایک سبز پتی جس کے نیچے بلاگ کا نام ہے۔ آپ SVG یہاں چھوڑتے ہیں اور بٹن دباتے ہیں۔ ICO آتی ہے، اور براؤزر ٹیب میں پتی پہچانی جاتی ہے، لیکن اس کے نیچے کا نام ناقابلِ مطالعہ ہے۔ آپ اپنا ڈرائنگ پروگرام کھولتے ہیں، صرف پتی والا ورژن بناتے ہیں، SVG کو ICO میں دوبارہ تبدیل کرتے ہیں اور نئی فائل favicon.ico کے طور پر اپ لوڈ کرتے ہیں۔ ٹیب اب واضح سبز پتی دکھاتا ہے، اور پورا لوگو صفحے پر رہتا ہے۔
ایک مختصر چیک لسٹ
تبدیلی سے پہلے
ڈرائنگ کو سادہ کیجیے۔ اسے چوکور بنائیے۔ متن کو آؤٹ لائن کیجیے اور تصویریں ایمبیڈ کیجیے۔
تبدیلی کے دوران
فائل تیار ہونے تک صفحے پر رہیے۔
تبدیلی کے بعد
ICO کو براؤزر ٹیب اور شارٹ کٹ میں، ہلکی اور گہری تھیمز میں، جانچیے، اور SVG سنبھال کر رکھیے۔
عام غلطیاں
پورا لوگو استعمال کرنا
16 پکسل پر تحریر اور باریک تفصیل غائب ہو جاتی ہے۔ سادہ نشان استعمال کیجیے۔
توقع کہ بہتر تبدیلی مصروف ڈرائنگ ٹھیک کر دے گی
خرابی سائز میں ہے، اوزار میں نہیں۔ SVG کو سادہ کیجیے۔
کیش بھول جانا
پرانا فیویکن براؤزر میں اٹکا رہ سکتا ہے۔ یہ فیصلہ کرنے سے پہلے کہ نیا ناکام ہوا، کیش صاف کیجیے۔
آپ کی ڈرائنگ آپ کے آلے پر رہتی ہے
تبدیلی مقامی طور پر ہوتی ہے۔ آپ کی ڈرائنگ آپ کا اپنا براؤزر پڑھتا ہے، وہیں پینٹ کرتا ہے اور ICO کے طور پر واپس دیتا ہے۔ کچھ اپ لوڈ نہیں ہوتا، اس لیے سرور پر کوئی نقل نہیں رہتی اور کوئی اور اسے دیکھ نہیں سکتا۔ غیر شائع شدہ برانڈ کے نشانوں کے لیے SVG کو ICO میں تبدیل کرنے کا یہی محفوظ طریقہ ہے۔
خلاصہ
یہاں SVG کو ICO میں تبدیل کرنے کے لیے ڈرائنگ چھوڑیے اور بٹن دبائیے۔ SVG تصویر نہیں بلکہ تصویر بنانے کی ہدایات ہیں، اور یہاں ان ہدایات پر ہر سائز کے لیے ایک بار عمل ہوتا ہے اور نتائج ICO کے طور پر محفوظ ہوتے ہیں۔ ڈرائنگ ایک سینڈ باکس میں رینڈر ہوتی ہے جہاں فائل میں کچھ بھی چل نہیں سکتا، اور کچھ اپ لوڈ نہیں ہوتا۔ فائل میں چھ سائز ہیں: 16، 32، 48، 64، 128 اور 256 پکسل، ہر ایک SVG سے دوبارہ بنایا گیا، ایک دوسرے سے چھوٹا کیے بغیر، اور سب شفافیت کے ساتھ۔ آئیکن چھوٹی تصویر نہیں، یہ مختلف ڈرائنگ ہے: باریک لکیروں یا چھوٹے متن والی کوئی بھی چیز 16 پکسل پر لوتھڑا بن جاتی ہے چاہے کتنی ہی احتیاط سے رینڈر ہو۔ اگر نتیجہ دھندلا لگے تو جواب بہتر تبدیلی کے بجائے سادہ تر SVG ہے۔ دوسری جگہ سے کھینچے گئے فونٹ اور تصویریں حل نہیں ہوتیں۔