UltKit

SVG سے آئیکن کنورٹر

ایک ویکٹر لوگو سے آپ کو ہر جگہ کا آئیکن مل سکتا ہے: فیویکون، Windows شارٹ کٹ، Mac ایپ اور فونز پر لانچر آئیکنز۔ یہ صفحہ کئی سائز والے ICO سے شروع ہوتا ہے۔ دوسرے پلیٹ فارمز کے لیے آپ ICNS یا PNG منتخب کر سکتے ہیں۔

تصویر کنورٹر

یا JPG, JPEG, JPE … فائلیں یہاں ڈراپ کریں ·

زیادہ سے زیادہ 95 MB فی فائل· 20 فائلوں تک· 30 منٹ بعد حذف

آؤٹ پٹ

فائلیں ہمارے سرورز پر پروسیس ہوتی ہیں اور 30 منٹ بعد حذف ہو جاتی ہیں۔

اس ٹول کو استعمال کرنے کا طریقہ

  1. 1

    مربع SVG اپ لوڈ کریں

    اپنے لوگو کی SVG شامل کریں، بہتر ہے کہ اس کا viewBox چوکور ہو۔ آپ ایک وقت میں 20 فائلیں شامل کر سکتے ہیں، مثلاً ہلکا اور گہرا ورژن۔

  2. 2

    آئیکن کا فارمیٹ منتخب کریں

    ICO کے ساتھ آئیکن سائز میں تمام سائز (16–256) پہلے سے منتخب ہوتا ہے۔ macOS کے لیے اس میں تبدیل کریں کے تحت ICNS چنیں، یا فون یا اسٹور آئیکن کے لیے PNG چنیں اور آؤٹ پٹ تصویر کا سائز تبدیل کریں میں چوڑائی دیں۔

  3. 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
SVG کنورٹر

ICO

Windows آئیکن

ICO، Microsoft کا آئیکن فارمیٹ ہے جو Windows پروگرام آئیکنز اور ویب سائٹ فیویکونز کے لیے استعمال ہوتا ہے۔ ایک .ico فائل میں مختلف سائز کی کئی تصاویر ہو سکتی ہیں، جیسے 16×16، 32×32، 48×48 اور 256×256 پکسل، تاکہ سسٹم بہترین موزوں کا انتخاب کر سکے۔ ہر تصویر بٹ میپ یا PNG ڈیٹا کے طور پر محفوظ ہو سکتی ہے اور مکمل الفا شفافیت کو سپورٹ کرتی ہے۔ ICO تصاویر یا بڑے آرٹ ورک کے لیے نہیں ہے۔ براؤزر، Windows اور زیادہ تر آئیکن ایڈیٹرز اسے پڑھ سکتے ہیں۔

کمپریشن
لاس لیس
شفافیت
ہاں
اینیمیشن
نہیں
متعارف ہونے کا سال
Microsoft
ICO کنورٹر

لوگ SVG سے آئیکن اس وقت تلاش کرتے ہیں جب ان کے پاس ایک ویکٹر لوگو ہو اور کئی پلیٹ فارم درکار ہوں، ہر ایک کا اپنا آئیکن کنٹینر ہو، ویب سائٹ کے favicon.ico سے لے کر Mac پر ICNS اور ایپ اسٹورز میں مقررہ سائز کے PNG تک۔

Windows، Mac، Android اور iOS کے لیے SVG کو آئیکن فائلوں میں تبدیل کریں

ICO رکھیں اور آئیکن سائز کو تمام سائز پر رہنے دیں۔ ویب سائٹ کی روٹ کے لیے نتیجے کا نام favicon.ico رکھیں، یا Windows شارٹ کٹ کے Change Icon ڈائیلاگ میں اس کی طرف اشارہ کریں۔

  • ایک .ico ٹیبز، بک مارکس اور ٹاسک بار تینوں کے لیے کافی ہے
  • iPhone ہوم اسکرین بک مارکس کے لیے 180 px PNG شامل کریں

ایسا 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 پر باریک لکیروں یا چھوٹے متن کی گنجائش نہیں ہوتی۔ لکیریں اتنی موٹی کریں کہ سب سے چھوٹے سائز پر کم از کم ایک پورے پکسل کو ڈھانپیں، اور لوگو کا نام والا حصہ ہٹا دیں۔