SVG سے آئیکن کنورٹر
ایک ویکٹر لوگو سے آپ کو ہر جگہ کا آئیکن مل سکتا ہے: فیویکون، Windows شارٹ کٹ، Mac ایپ اور فونز پر لانچر آئیکنز۔ یہ صفحہ کئی سائز والے ICO سے شروع ہوتا ہے۔ دوسرے پلیٹ فارمز کے لیے آپ ICNS یا PNG منتخب کر سکتے ہیں۔
تصویر کنورٹر
یا JPG, JPEG, JPE … فائلیں یہاں ڈراپ کریں ·
زیادہ سے زیادہ 95 MB فی فائل· 20 فائلوں تک· 30 منٹ بعد حذف
فائلیں ہمارے سرورز پر پروسیس ہوتی ہیں اور 30 منٹ بعد حذف ہو جاتی ہیں۔
85 تصاویر کو اصل کے مطابق دکھاتا ہے۔ چھوٹی فائل چاہیے ہو تبھی اسے کم کریں۔
JPG، BMP اور EPS میں شفافیت نہیں ہوتی۔ شفاف پکسلز اس رنگ سے بھرے جاتے ہیں۔
شفاف پکسلز کے پیچھے استعمال ہونے والا Hex رنگ، مثلاً #FFFFFF۔
یہ فارمیٹ صرف ایک تصویر رکھتا ہے۔ اینیمیشن برقرار رکھنی ہو تو GIF یا WebP آؤٹ پٹ چنیں۔
کثیر سائز آئیکن ایک فائل میں کئی ریزولوشنز رکھتا ہے؛ براؤزر اور آپریٹنگ سسٹم اپنی ضرورت کا انتخاب کر لیتے ہیں۔
اصل ڈائمینشنز رکھیں، یا ایک کنارہ درج کریں تو تناسب برقرار رہتا ہے۔
اوپر منتخب کردہ کنارے کے پکسلز۔
اصل ڈائمینشنز کا فیصد۔
اسکرینز اور ویب کے لیے sRGB درست ہے۔ پرنٹ ورک فلو کے لیے اصل رکھیں؛ گرے اسکیل رنگ ختم کر دیتا ہے۔
صرف میٹا ڈیٹا، 0 اصل قدر رکھتا ہے۔ پرنٹر اور کچھ پورٹلز یہ نمبر پڑھتے ہیں؛ اس سے پکسل ڈائمینشنز نہیں بدلتیں۔
اس ٹول کو استعمال کرنے کا طریقہ
- 1
مربع SVG اپ لوڈ کریں
اپنے لوگو کی SVG شامل کریں، بہتر ہے کہ اس کا viewBox چوکور ہو۔ آپ ایک وقت میں 20 فائلیں شامل کر سکتے ہیں، مثلاً ہلکا اور گہرا ورژن۔
- 2
آئیکن کا فارمیٹ منتخب کریں
ICO کے ساتھ آئیکن سائز میں تمام سائز (16–256) پہلے سے منتخب ہوتا ہے۔ macOS کے لیے اس میں تبدیل کریں کے تحت ICNS چنیں، یا فون یا اسٹور آئیکن کے لیے PNG چنیں اور آؤٹ پٹ تصویر کا سائز تبدیل کریں میں چوڑائی دیں۔
- 3
تبدیل کریں اور فائلیں درست جگہ رکھیں
ICO میں تبدیل کریں ← دبائیں (بٹن کا نام آپ کے چنے ہوئے فارمیٹ کے مطابق بدلتا ہے)، ڈاؤن لوڈ کریں، اور ہر فائل کو اس جگہ رکھیں جہاں متعلقہ پلیٹ فارم اسے تلاش کرتا ہے۔
آئیکن کا کوئی ایک فارمیٹ نہیں ہے۔ Windows اور براؤزر ICO استعمال کرتے ہیں، macOS ICNS، اور فون PNG کے سیٹ۔ SVG سے شروع کرنے کا مطلب ہے کہ ہر ایک ویکٹر سے نئے سرے سے بنتا ہے، ہر سائز پر صاف۔
SVG سے آئیکن: ایک ویکٹر، تین قسم کی آئیکن فائلیں
آئیکن فائل چھوٹے بٹ میپس کا کنٹینر ہوتی ہے، ویکٹر نہیں۔ آپریٹنگ سسٹم مطلوبہ سائز کے قریب ترین بٹ میپ چنتا ہے، اس لیے اچھے آئیکن میں کئی ہوتے ہیں، ہر ایک اپنی گرڈ کے لیے بنایا گیا۔
اس صفحے کا ICO پری سیٹ ایک فائل میں 16 سے 256 px تک ہر سائز لکھتا ہے، جو favicon.ico اور Windows شارٹ کٹس کے لیے کافی ہے۔ Apple آئیکن کنٹینر کے لیے اس میں تبدیل کریں کو ICNS پر کریں، یا Android، iOS اور ایپ اسٹورز کے مقررہ سائز کے لیے PNG پر۔
جدول میں بڑے پلیٹ فارمز کی آئیکن سلاٹس کے لیے شائع کردہ شرائط درج ہیں۔
| ادارہ | تقاضا | ماخذ |
|---|---|---|
| Windows ڈیسک ٹاپ اور ٹاسک بار | کئی سائز والی ICO، بشمول 16، 32، 48 اور 256 px | — |
| ویب سائٹ فیویکون | سائٹ کی روٹ پر favicon.ico جس میں 16، 32 اور 48 px ہوں؛ apple-touch-icon کے لیے 180 × 180 px PNG | — |
| macOS ایپ آئیکن | ICNS یا Xcode asset catalog، 1024 × 1024 px تک کے سائز | — |
| Google Play اسٹور لسٹنگ | 512 × 512 px 32-bit PNG، زیادہ سے زیادہ 1,024 KB | — |
| Apple App Store | شفافیت کے بغیر 1024 × 1024 px PNG | — |
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 سے آئیکن اس وقت تلاش کرتے ہیں جب ان کے پاس ایک ویکٹر لوگو ہو اور کئی پلیٹ فارم درکار ہوں، ہر ایک کا اپنا آئیکن کنٹینر ہو، ویب سائٹ کے favicon.ico سے لے کر Mac پر ICNS اور ایپ اسٹورز میں مقررہ سائز کے PNG تک۔
Windows، Mac، Android اور iOS کے لیے SVG کو آئیکن فائلوں میں تبدیل کریں
ICO رکھیں اور آئیکن سائز کو تمام سائز پر رہنے دیں۔ ویب سائٹ کی روٹ کے لیے نتیجے کا نام favicon.ico رکھیں، یا Windows شارٹ کٹ کے Change Icon ڈائیلاگ میں اس کی طرف اشارہ کریں۔
- ایک .ico ٹیبز، بک مارکس اور ٹاسک بار تینوں کے لیے کافی ہے
- iPhone ہوم اسکرین بک مارکس کے لیے 180 px PNG شامل کریں
اس میں تبدیل کریں کے تحت ICNS چنیں۔ فائل میں 256 px تک کے سائز ہوتے ہیں؛ ایپ بنڈل کے لیے Xcode کی خاطر 512 اور 1024 px PNG بھی برآمد کریں۔
- کچھ حاشیے کے ساتھ چوکور SVG استعمال کریں
- Apple کے اپنے آئیکن گول کونوں والے چوکور پر ہوتے ہیں؛ یہ انداز چاہیں تو SVG میں بنائیں
PNG چنیں اور ہر سائز کے لیے ایک بار آؤٹ پٹ تصویر کا سائز تبدیل کریں میں چوڑائی دیں۔ اسٹور لسٹنگ کے لیے Google Play کو 512 px اور App Store کو 1024 px چاہیے۔
- Android adaptive آئیکنز 108 dp لیئرز اور 72 dp محفوظ زون استعمال کرتے ہیں
- App Store آئیکن سے شفافیت ہٹا دیں
ایسا SVG ڈیزائن کریں جو 16 px پر بھی واضح رہے
16 × 16 px آئیکن میں کل 256 پکسل ہوتے ہیں۔ اکثر برانڈز الگ آئیکن مارک رکھتے ہیں، اکثر صرف علامت یا ایک حرف، موٹی شکلوں اور کم رنگوں کے ساتھ؛ اگر آپ کا ابھی نہیں ہے تو آئیکنز کے لیے SVG کی سادہ کاپی بنائیں۔
تبدیل کرنے سے پہلے viewBox دیکھ لیں۔ چوڑا viewBox ایسا آئیکن بناتا ہے جس میں مارک کے اوپر نیچے خالی پٹیاں ہوتی ہیں، اس لیے پہلے اسے چوکور کاٹیں؛ تصویر کو تناسب میں کاٹنے کی گائیڈ چوکور کراپ بتاتی ہے، اور SVG سے PNG ڈیزائن پرکھنے کے لیے فوری بڑا پری ویو دیتا ہے۔
SVG سے آئیکن: عمومی سوالات
اس صفحے اور SVG سے ICO والے صفحے میں کیا فرق ہے؟
SVG سے ICO فیویکون اور Windows کے لیے ایک .ico فائل پر مرکوز ہے۔ یہ صفحہ آئیکن کی ہر جگہ کا احاطہ کرتا ہے، بشمول macOS ICNS اور وہ مقررہ سائز کے PNG جو Android، iOS اور ایپ اسٹورز مانگتے ہیں۔
کون سا آپریٹنگ سسٹم کون سا آئیکن فارمیٹ استعمال کرتا ہے؟
Windows ICO پڑھتا ہے، macOS ICNS یا Xcode میں بنے asset catalogs پڑھتا ہے، اور Android اور iOS مقررہ پکسل سائز کی PNG تصاویر لیتے ہیں۔
کیا ایک ہی بار تبدیل کرنے سے مجھے اپنی ایپ کے لیے PNG کے تمام سائز مل سکتے ہیں؟
نہیں۔ PNG میں ایک ہی سائز ہوتا ہے، اس لیے ہر تبدیلی ایک چوڑائی بناتی ہے۔ آؤٹ پٹ تصویر کا سائز تبدیل کریں میں ایک سائز رکھیں، تبدیل کریں، پھر عدد بدل کر دوبارہ تبدیل کریں؛ ہر سائز ویکٹر سے صاف بنتا ہے۔
کیا اس صفحے سے بننے والا ICNS ریٹینا Mac آئیکنز کے لیے کافی ہے؟
اس میں 16 سے 256 px تک کے سائز ہوتے ہیں۔ موجودہ macOS ایپ آئیکنز میں Retina ڈسپلے کے لیے 512 px اور 1024 px بھی ہوتے ہیں، جنہیں Xcode یا Apple کا iconutil PNG سے بناتا ہے؛ یہ دونوں یہاں PNG میں برآمد کریں اور سیٹ میں شامل کریں۔
کیا آئیکن کا پس منظر شفاف رہنا چاہیے؟
ICO، ICNS اور Android لانچر لیئرز کے لیے ہاں: شفافیت سے سسٹم اپنا پس منظر خود بناتا ہے۔ iOS App Store آئیکن اس سے مستثنیٰ ہے؛ Apple الفا چینل والے 1024 px مارکیٹنگ آئیکن کو مسترد کرتا ہے، اس لیے اس PNG کے لیے SVG میں ٹھوس پس منظر رکھیں۔
میرا تفصیلی لوگو چھوٹے آئیکن میں دھبہ کیوں بن جاتا ہے؟
16 یا 32 px پر باریک لکیروں یا چھوٹے متن کی گنجائش نہیں ہوتی۔ لکیریں اتنی موٹی کریں کہ سب سے چھوٹے سائز پر کم از کم ایک پورے پکسل کو ڈھانپیں، اور لوگو کا نام والا حصہ ہٹا دیں۔
مزید آئیکن کنورٹرز
- SVG سے ICO کنورٹرSVG کو ICO میں تبدیل کریں: 16 سے 256 px تک ہر سائز ویکٹر سے بنتا ہے، شفافیت برقرار رہتی ہے۔ لوگو سے favicon.ico یا Windows آئیکن بنائیں۔
- PNG سے ICNS کنورٹرPNG کو Mac ایپس، اسکرپٹس، DMG اور فولڈرز کے لیے Apple .icns آئیکن میں تبدیل کریں۔ کئی سائز، شفافیت برقرار، Xcode کی ضرورت نہیں۔
- SVG سے PNG کنورٹرSVG لوگو اور آئیکنز کو اپنی منتخب چوڑائی (ڈیفالٹ 1024 px) پر PNG میں تبدیل کریں، شفاف پس منظر برقرار رہتا ہے۔ جانیں DPI اور پکسل کا تعلق۔
- امیج سے ICO کنورٹرکسی بھی تصویر کو فیویکون یا Windows شارٹ کٹ کے لیے ملٹی سائز .ico میں بدلیں۔ PNG، JPG، SVG، WebP، HEIC وغیرہ؛ ایک فائل میں 16 سے 256 px۔
- ICNS سے PNG کنورٹرmacOS کے .icns آئیکن کو آن لائن PNG میں تبدیل کریں۔ سیٹ کی سب سے بڑی تصویر، 1024 × 1024 px تک، شفافیت کے ساتھ محفوظ ہوتی ہے۔ Windows پر بھی۔
- PNG سے ICO کنورٹرPNG کو آن لائن ICO میں تبدیل کریں: ایک .ico فائل میں 16 سے 256 px تک ہر سائز، شفافیت برقرار۔ فیویکون اور Windows شارٹ کٹ کے لیے۔ مفت۔