Apple Touch Icon جنریٹر

وہ 180×180 apple-touch-icon بنائیں جو iOS ہوم اسکرین بُک مارکس کے لیے استعمال کرتا ہے — ساتھ ایک مکمل فیوی کون سیٹ — مقامی طور پر اپنے براؤزر میں۔ کچھ بھی اپ لوڈ نہیں ہوتا۔

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

وہ آئیکن جو iOS ہوم اسکرین پر رکھتا ہے

جب کوئی آپ کی سائٹ کو اپنے iPhone یا iPad کی ہوم اسکرین پر شامل کرتا ہے تو iOS 180×180 کا apple-touch-icon تلاش کرتا ہے؛ نہ ملے تو وہ ایک دھندلے اسکرین شاٹ پر لوٹ جاتا ہے۔ یہ جنریٹر آپ کی تصویر سے بالکل وہی سائز رینڈر کرتا ہے — ٹھوس پس منظر کے ساتھ، کیونکہ apple-touch-icons کو شفاف نہیں ہونا چاہیے — اور اسے favicon.ico اور Android آئیکنز کے ساتھ ڈاؤن لوڈ میں شامل کر دیتا ہے۔

ایک ایکسپورٹ، ہر پلیٹ فارم

ہر آلے کے لیے الگ فائل ہاتھ سے کراپ کرنے کے بجائے، پورا سیٹ ایک ساتھ تیار کریں: iOS کے لیے apple-touch-icon، Android اور PWAs کے لیے 192 اور 512px کے PNGs، اور ڈیسک ٹاپ براؤزرز کے لیے favicon.ico، ساتھ انہیں حوالہ دینے والا 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 کو زیادہ تر براؤزر خودکار طور پر اٹھا لیتے ہیں۔