SVG سے ICO کنورٹر
فیویکون بنانے کے لیے SVG سب سے بہتر ابتدا ہے۔ آئیکن کا ہر سائز کسی بڑی بٹ میپ تصویر کو چھوٹا کر کے نہیں بنتا بلکہ ویکٹر سے نئے سرے سے بنایا جاتا ہے۔ اس لیے 16 px والا ورژن بھی اتنا ہی واضح رہتا ہے جتنا پکسل گرڈ میں ممکن ہے۔
تصویر کنورٹر
یا JPG, JPEG, JPE … فائلیں یہاں ڈراپ کریں ·
زیادہ سے زیادہ 95 MB فی فائل· 20 فائلوں تک· 30 منٹ بعد حذف
فائلیں ہمارے سرورز پر پروسیس ہوتی ہیں اور 30 منٹ بعد حذف ہو جاتی ہیں۔
85 تصاویر کو اصل کے مطابق دکھاتا ہے۔ چھوٹی فائل چاہیے ہو تبھی اسے کم کریں۔
JPG، BMP اور EPS میں شفافیت نہیں ہوتی۔ شفاف پکسلز اس رنگ سے بھرے جاتے ہیں۔
شفاف پکسلز کے پیچھے استعمال ہونے والا Hex رنگ، مثلاً #FFFFFF۔
یہ فارمیٹ صرف ایک تصویر رکھتا ہے۔ اینیمیشن برقرار رکھنی ہو تو GIF یا WebP آؤٹ پٹ چنیں۔
کثیر سائز آئیکن ایک فائل میں کئی ریزولوشنز رکھتا ہے؛ براؤزر اور آپریٹنگ سسٹم اپنی ضرورت کا انتخاب کر لیتے ہیں۔
اصل ڈائمینشنز رکھیں، یا ایک کنارہ درج کریں تو تناسب برقرار رہتا ہے۔
اوپر منتخب کردہ کنارے کے پکسلز۔
اصل ڈائمینشنز کا فیصد۔
اسکرینز اور ویب کے لیے sRGB درست ہے۔ پرنٹ ورک فلو کے لیے اصل رکھیں؛ گرے اسکیل رنگ ختم کر دیتا ہے۔
صرف میٹا ڈیٹا، 0 اصل قدر رکھتا ہے۔ پرنٹر اور کچھ پورٹلز یہ نمبر پڑھتے ہیں؛ اس سے پکسل ڈائمینشنز نہیں بدلتیں۔
اس ٹول کو استعمال کرنے کا طریقہ
- 1
SVG لوگو اپ لوڈ کریں
مکمل ورڈ مارک کے بجائے صرف لوگو کا نشان یا مونوگرام استعمال کریں۔ مربع viewBox سب سے صاف نتیجہ دیتا ہے۔
- 2
آئیکن کے تمام سائز برقرار رکھیں
آئیکن سائز میں شروع میں تمام سائز (16–256) منتخب ہوتا ہے، جو ہر ریزولوشن کو ایک ہی .ico میں جمع کر دیتا ہے۔ صرف اسی وقت ایک سائز چنیں جب کوئی پروگرام بالکل ایک ہی سائز مانگے۔
- 3
«ICO میں تبدیل کریں» دبائیں
فائل کو اپنی ویب سائٹ کے روٹ فولڈر میں favicon.ico کے نام سے محفوظ کریں، یا Windows شارٹ کٹ کو اس کی طرف لگا دیں۔
favicon کے لیے SVG کو ICO میں کیسے تبدیل کریں؟
SVG اپ لوڈ کریں، آئیکن سائز کو تمام سائز (16–256) پر رہنے دیں اور ICO میں تبدیل کریں دبائیں۔ آپ کو ایک .ico ملتی ہے جس میں ہر ریزولوشن ویکٹر سے بنایا گیا ہوتا ہے اور شفافیت برقرار رہتی ہے۔
SVG سے ICO کنورٹر: ویکٹر ہی درست ماخذ کیوں ہے
.ico فارمیٹ Windows کے ابتدائی ورژنز سے آیا ہے، اور favicon.ico کا طریقہ 1999 میں Internet Explorer 5 سے شروع ہوا، جو ہر بک مارک شدہ سائٹ کے روٹ میں اسی نام کی فائل تلاش کرتا تھا۔ ICO ایک چھوٹا کنٹینر ہے: اندراجات کی ڈائریکٹری، جس میں ہر اندراج الگ مربع بٹ میپ ہوتا ہے، اس لیے ایک فائل میں 16 px کا ٹیب آئیکن اور 256 px کا ڈیسک ٹاپ آئیکن ساتھ ساتھ رہ سکتے ہیں۔ Windows Vista نے زیادہ سے زیادہ سائز 256 × 256 کر دیا اور ان بڑے اندراجات کو PNG کے طور پر محفوظ کرنے کی اجازت دی۔
چونکہ ہر اندراج اپنا بٹ میپ ہوتا ہے، اس لیے آئیکن کا معیار اس پر منحصر ہے کہ ہر سائز کیسے بنایا گیا۔ PNG سے ہر سائز انہی پکسلز کو چھوٹا کر کے بنتا ہے۔ SVG سے ہر سائز پاتھ کی نئی رینڈرنگ ہوتا ہے، جس میں اینٹی ایلیاسنگ اسی گرڈ کے مطابق نکالی جاتی ہے۔ 16 × 16 px پر، جہاں لوگو کے پاس کام کے لیے صرف 256 پکسل ہوتے ہیں، یہ فرق صاف نظر آتا ہے۔
16 × 16 px
16 × 16
براؤزر ٹیبز، بک مارکس اور ہسٹری کی فہرستیں۔
32 × 32 px
32 × 32
ہائی ڈینسٹی اسکرینوں پر ٹیبز، Windows ٹاسک بار کے شارٹ کٹس۔
64 × 64 px
64 × 64
اسکیل شدہ ڈیسک ٹاپ ویوز اور پن کی ہوئی آئٹمز۔
128 × 128 px
128 × 128
فائل مینیجرز میں بڑے پری ویوز۔
256 × 256 px
256 × 256
ICO کا سب سے بڑا اندراج؛ Explorer کے بہت بڑے آئیکنز۔
SVG
اسکیلیبل ویکٹر گرافکس
SVG ایک XML پر مبنی ویکٹر فارمیٹ ہے جسے W3C نے 2001 میں معیاری بنایا۔ پکسلز کے بجائے یہ شکلیں، راستے اور متن بیان کرتا ہے، اس لیے ہر سائز پر صاف رہتا ہے اور لوگو اور آئیکنز کے لیے عموماً بہت چھوٹا ہوتا ہے۔ یہ شفافیت، CSS اسٹائلنگ، اسکرپٹنگ اور اینیمیشن کو سپورٹ کرتا ہے اور ہر براؤزر اسے براہ راست دکھاتا ہے۔ SVG تصاویر (فوٹو) کے لیے موزوں نہیں، اور پیچیدہ خاکے رینڈر میں سست ہو سکتے ہیں۔ Illustrator، Inkscape، Figma اور براؤزر اسے کھول اور ایڈٹ کر سکتے ہیں۔
- کمپریشن
- –
- شفافیت
- ہاں
- اینیمیشن
- ہاں
- متعارف ہونے کا سال
- 2001 · W3C
ICO
Windows آئیکن
ICO، Microsoft کا آئیکن فارمیٹ ہے جو Windows پروگرام آئیکنز اور ویب سائٹ فیویکونز کے لیے استعمال ہوتا ہے۔ ایک .ico فائل میں مختلف سائز کی کئی تصاویر ہو سکتی ہیں، جیسے 16×16، 32×32، 48×48 اور 256×256 پکسل، تاکہ سسٹم بہترین موزوں کا انتخاب کر سکے۔ ہر تصویر بٹ میپ یا PNG ڈیٹا کے طور پر محفوظ ہو سکتی ہے اور مکمل الفا شفافیت کو سپورٹ کرتی ہے۔ ICO تصاویر یا بڑے آرٹ ورک کے لیے نہیں ہے۔ براؤزر، Windows اور زیادہ تر آئیکن ایڈیٹرز اسے پڑھ سکتے ہیں۔
- کمپریشن
- لاس لیس
- شفافیت
- ہاں
- اینیمیشن
- نہیں
- متعارف ہونے کا سال
- Microsoft
لوگ SVG کو ICO میں اس لیے تبدیل کرتے ہیں کہ ان کا لوگو ویکٹر میں ہوتا ہے، جبکہ ویب سائٹ کا روٹ، Windows شارٹ کٹ یا ڈیسک ٹاپ ایپ اب بھی ایک ایسی .ico فائل مانگتی ہے جس میں کئی بٹ میپ سائز ہوں۔
SVG کو ICO میں تبدیل کرنے سے پہلے SVG تیار کریں
| کریں | نہ کریں |
|---|---|
viewBox کو مربع پر رکھیں، مثلاً 0 0 512 512۔ | ایسی باریک لکیروں پر بھروسا نہ کریں جو 32 px سے نیچے غائب ہو جاتی ہیں۔ |
| ایک چھوٹا حاشیہ چھوڑیں تاکہ نشان آئیکن کے کنارے کو نہ چھوئے۔ | چوڑا ورڈ مارک نہ رکھیں جو پتلا دھبہ بن جاتا ہے۔ |
| متن کو آؤٹ لائنز میں بدل دیں تاکہ فونٹ تبدیل نہ ہو۔ | SVG کے اندر بیرونی تصاویر یا ویب فونٹس کا حوالہ نہ دیں۔ |
| پورے نام کے بجائے علامت یا ابتدائی حروف استعمال کریں۔ | لوگو کے پیچھے سفید مستطیل نہ ڈالیں، جب تک آپ اسے گہرے ٹیبز میں بھی نہ چاہتے ہوں۔ |
کنورٹر وہی رینڈر کرتا ہے جو SVG بیان کرتی ہے، اس سے زیادہ کچھ نہیں، اس لیے لنک کیے گئے اثاثے اور وہ فونٹ جو ایمبیڈ نہیں ہیں حاصل نہیں کیے جا سکتے۔ Figma، Illustrator اور Inkscape جیسے ڈیزائن ٹولز متن کو پاتھ کے طور پر ایکسپورٹ کر سکتے ہیں؛ ایسا کریں تو حروف ہر جگہ آپ کے برانڈ کے مطابق رہیں گے۔
.ico تیار ہونے کے بعد Apple touch آئیکنز کے لیے 180 px کی PNG اور ویکٹر favicon سپورٹ کرنے والے براؤزرز کے لیے خود SVG بھی شامل کریں؛ SVG سے PNG کسی بھی سائز میں PNG بنا دیتا ہے۔ اگر آپ کا ماخذ بٹ میپ لوگو ہے تو PNG سے ICO پکسلز سے یہی کام کرتا ہے۔
SVG کو ICO میں تبدیل کریں: سوالات
PNG کے بجائے SVG سے ICO کنورٹر کیوں استعمال کریں؟
PNG کو ہر آئیکن سائز کے لیے چھوٹا کرنا پڑتا ہے اور چھوٹا کرنے سے کنارے دھندلے ہو جاتے ہیں۔ SVG کو 16، 32، 64، 128 اور 256 px پر براہ راست رینڈر کیا جاتا ہے، اس لیے ہر سائز کے کنارے اپنے پکسل گرڈ کے مطابق تیز رہتے ہیں۔
اگر میری سائٹ پر SVG آئیکن موجود ہو تو کیا براؤزرز کو اب بھی favicon.ico کی ضرورت ہوتی ہے؟
Chrome اور Firefox لنک ٹیگ سے دیا گیا SVG favicon پڑھ لیتے ہیں، لیکن بہت سے براؤزر، فیڈ ریڈر اور کرالر اب بھی ڈیفالٹ طور پر سائٹ کے روٹ سے /favicon.ico مانگتے ہیں۔ دونوں رکھنے سے سب کا احاطہ ہو جاتا ہے۔
اگر میری SVG مربع نہ ہو تو کیا ہوگا؟
آئیکن کے خانے مربع ہوتے ہیں، اس لیے چوڑے لوگو میں یا تو خالی حاشیے آ جاتے ہیں یا وہ بہت چھوٹا نظر آتا ہے۔ پہلے viewBox کی چوڑائی اور اونچائی برابر کریں، یا PNG ایکسپورٹ کرنے کے بعد تصویر کراپ کریں ٹول سے مربع ورژن کاٹ لیں۔
کیا ICO میں شفاف بیک گراؤنڈ برقرار رہتا ہے؟
جی ہاں۔ ICO میں الفا چینل محفوظ ہوتا ہے، اس لیے SVG کے بغیر رنگ والے حصے شفاف رہتے ہیں اور آئیکن روشن اور گہرے براؤزر ٹیبز دونوں پر صاف بیٹھتا ہے۔
کیا میں Windows پروگرام یا فولڈر آئیکن کے لیے SVG کو ICO میں تبدیل کر سکتا ہوں؟
جی ہاں، وہی فائل کام کرتی ہے۔ Windows بڑے اور بہت بڑے Explorer ویوز کے لیے 256 px والی تصویر اور فہرستوں اور ٹاسک بار کے لیے چھوٹی اندراجات پڑھتا ہے۔
میرا آئیکن 16 px پر خالی کیوں نظر آتا ہے؟
اس سائز پر باریک لکیریں اور چھوٹا متن غائب ہو جاتے ہیں۔ 512 یونٹ کے آرٹ بورڈ میں 2 یونٹ کی لکیر 16 px کے آئیکن میں ایک پکسل سے بھی بہت کم رہ جاتی ہے۔ لکیریں موٹی کریں یا favicon کے لیے سادہ نشان استعمال کریں۔
آئیکن کے دیگر کنورٹرز
- PNG سے ICO کنورٹرPNG کو آن لائن ICO میں تبدیل کریں: ایک .ico فائل میں 16 سے 256 px تک ہر سائز، شفافیت برقرار۔ فیویکون اور Windows شارٹ کٹ کے لیے۔ مفت۔
- JPG سے ICO کنورٹرJPG یا JPEG کو .ico فائل میں تبدیل کریں جس میں 16، 32، 64، 128 اور 256 px سائز ہوں، فیوی کون یا Windows شارٹ کٹ کے لیے۔ اکاؤنٹ کی ضرورت نہیں۔
- ICO سے PNG کنورٹر.ico فائلوں کو شفاف پس منظر کے ساتھ PNG میں تبدیل کریں۔ آئیکن کی سب سے بڑی تصویر نکالی جاتی ہے، اس لیے فیوی کون اور Windows آئیکن واضح رہتے ہیں۔
- SVG سے PNG کنورٹرSVG لوگو اور آئیکنز کو اپنی منتخب چوڑائی (ڈیفالٹ 1024 px) پر PNG میں تبدیل کریں، شفاف پس منظر برقرار رہتا ہے۔ جانیں DPI اور پکسل کا تعلق۔
- PNG سے ICO 256x256 کنورٹرPNG سے 256 × 256 ICO بنائیں: Windows کے Extra large آئیکنز، ایپ انسٹالرز اور Electron کے لیے۔ شفافیت برقرار، فی فائل ایک سائز، اکاؤنٹ کے بغیر۔
- امیج سے ICO کنورٹرکسی بھی تصویر کو فیویکون یا Windows شارٹ کٹ کے لیے ملٹی سائز .ico میں بدلیں۔ PNG، JPG، SVG، WebP، HEIC وغیرہ؛ ایک فائل میں 16 سے 256 px۔