SVG سے فیوی کون

کسی SVG لوگو کو مکمل فیوی کون سیٹ میں بدلیں — favicon.ico، apple-touch-icon اور ویب ایپ آئیکنز — آپ کے براؤزر میں صاف ستھرے طریقے سے رَیسٹرائز شدہ۔ کچھ بھی اپ لوڈ نہیں ہوتا۔

پرائیویسی سب سے پہلے: ہر تصویر آپ کے براؤزر میں لوکل طور پر پروسیس ہوتی ہے۔ کچھ بھی اپ لوڈ، اسٹور یا کسی سرور پر منتقل نہیں کیا جاتا۔

ویکٹر اندر، ہر رَیسٹر سائز باہر

SVG فیوی کون کا مثالی ماخذ ہے: یہ ریزولوشن سے آزاد ہے، اس لیے ہر آئیکن سائز پہلے سے چھوٹے بٹ میپ سے نمونہ لینے کے بجائے اصل جیومیٹری سے رَیسٹرائز ہو سکتا ہے۔ اپنا SVG ڈراپ کریں اور ہر آؤٹ پٹ — 16، 32، 48، 180، 192 اور 512 پکسل — ویکٹر سے اسی کے مقامی سائز پر بنایا جاتا ہے، جس سے کنارے دھندلے ہونے کے بجائے تیز رہتے ہیں۔ یہی فرق ہے ایک ایسے آئیکن میں جو ٹیب میں سوچا سمجھا لگے اور ایسے میں جو دھبے جیسا لگے۔

پھر بھی .ico کیوں چاہیے

جدید براؤزر خوشی سے SVG فیوی کون براہِ راست استعمال کر لیں گے، لیکن پرانے براؤزر اور بہت سے ٹولنگ — فیڈ ریڈرز، چیٹ لنک پیش نظارے، ڈیسک ٹاپ شارٹ کٹس — اب بھی favicon.ico ہی تلاش کرتے ہیں۔ ایک ہی SVG سے دونوں بنانا ہر صورت کا احاطہ کر لیتا ہے۔ پیڈنگ شامل کریں، اسکوائر، گول کونوں والا یا دائرہ نما ماسک اور پس منظر چنیں، پھر پورا سیٹ ایک پیسٹ کے لیے تیار HTML اسنپٹ کے ساتھ ڈاؤن لوڈ کریں۔

اکثر پوچھے جانے والے سوالات

کیا فیویکون بنانے کے لیے میری تصویر اپ لوڈ ہوتی ہے؟
نہیں۔ favicon.ico، PNG آئیکنز اور مینی فیسٹ سب آپ کے براؤزر میں Canvas API کے ذریعے مقامی طور پر تیار ہوتے ہیں۔ آپ کی تصویر کبھی آپ کے آلے سے باہر نہیں جاتی۔
مجھے کون سے سائز اور فائلیں ملتی ہیں؟
ایک ملٹی ریزولوشن favicon.ico (16، 32 اور 48px)، 16، 32، 48، 180 (apple-touch-icon)، 192 اور 512px پر PNG آئیکنز، ایک site.webmanifest، اور آپ کے <head> میں پیسٹ کرنے کے لیے ایک HTML سنیپٹ۔
کیا میں PNG یا SVG کو ICO میں تبدیل کر سکتا ہوں؟
جی ہاں۔ PNG، JPG، SVG یا WebP شامل کریں اور ایک حقیقی favicon.ico ڈاؤن لوڈ کریں۔ SVG لوگوز پہلے مقامی طور پر اعلیٰ ریزولوشن پر ریسٹرائز کیے جاتے ہیں۔
کون سی تصویر بہترین کام کرتی ہے؟
سادہ، ہائی کنٹراسٹ لوگو والی مربع تصویر۔ غیر مربع تصاویر کو فٹ کرنے کے لیے درمیان سے کروپ کیا جاتا ہے؛ اسے اپنی مرضی کے مطابق فریم کرنے کے لیے پیڈنگ اور شکل کے کنٹرولز استعمال کریں۔
میں فیویکون کیسے انسٹال کروں؟
پیکج کو اپنی سائٹ کے روٹ فولڈر میں اَن زپ کریں اور دیا گیا HTML سنیپٹ اپنے صفحات کے <head> میں پیسٹ کریں۔ favicon.ico کو زیادہ تر براؤزر خودکار طور پر اٹھا لیتے ہیں۔