تصاویر کو آئیکنز اور فیوی کانز میں تبدیل کریں
ایک تصویر منتخب کریں اور ہم اس سے مکمل آئیکن سیٹ تیار کرتے ہیں: چھ سائزز والی favicon.ico، اور ہر اس سائز کے PNG آئیکنز جو براؤزرز اور آپریٹنگ سسٹمز مانگتے ہیں۔
استعمال کا طریقہ
- 1
ایک تصویر منتخب کریں — ترجیحاً شفاف پس منظر والی مربع PNG۔
- 2
فٹ موڈ اور مطلوبہ سائزز منتخب کریں۔
- 3
ڈاؤن لوڈ کرنے سے پہلے ہر سائز کا پیش منظر دیکھیں۔
- 4
favicon.ico الگ سے ڈاؤن لوڈ کریں، یا PNG آئیکنز اور منیفیسٹ کے ساتھ مکمل پیک۔
ایک تصویر کیوں کافی نہیں
براؤزرز کو ٹیب کے لیے 16 اور 32 پکسل چاہئیں، iOS کو ہوم اسکرین کے لیے 180، اور اینڈرائیڈ کو منیفیسٹ کے لیے 192 اور 512۔ ایک بڑی تصویر دے دینا ہر ڈیوائس کو خود اسے چھوٹا کرنے پر چھوڑ دیتا ہے، جو چھوٹے سائزز پر دھندلا نظر آتا ہے، اس لیے ہم ہر سائز کو الگ سے اعلیٰ معیار کی اسموتھنگ کے ساتھ بناتے ہیں۔
ICO فائل کیا ہے
ایک فائل جس میں مختلف سائزز کی کئی تصاویر ہوتی ہیں، جس میں سے سسٹم ہر جگہ کے لیے موزوں تصویر منتخب کرتا ہے۔ ہم اس میں 16، 32، 48، 64، 128 اور 256 پکسل رکھتے ہیں — براؤزرز اور ونڈوز کو درکار احاطہ۔
پوری فٹ یا بھریں اور کاٹیں؟
آئیکنز مربع ہوتے ہیں اور آپ کی تصویر عام طور پر نہیں۔ پوری فٹ سب کچھ رکھتی ہے اور شفاف پیڈنگ شامل کرتی ہے، جو لوگوز کے لیے موزوں ہے۔ بھریں اور کاٹیں مربع بھر دیتی ہے اور کناروں کو تراش دیتی ہے، جو تصاویر کے لیے موزوں ہے۔
سوالات
- favicon.ico اور PNG آئیکنز میں کیا فرق ہے؟
- ICO کئی سائزز کو ایک ساتھ رکھتا ہے اور ہر براؤزر، پرانے بھی، اسے سمجھتا ہے۔ الگ PNG آئیکنز وہ ہیں جو iOS، اینڈرائیڈ اور ویب منیفیسٹ کو درکار ہوتے ہیں۔ مکمل پیک آپ کو دونوں دیتا ہے۔
- فائلیں کہاں رکھی جائیں؟
- آپ کی سائٹ کی جڑ میں، پھر ٹول کے نیچے دکھائے گئے لنک ٹیگز اپنے صفحات کے head میں شامل کریں۔
- اچھی ماخذ تصویر کیا بناتی ہے؟
- شفاف پس منظر والی مربع تصویر، 512 پکسل یا بڑی۔ سادہ لوگو تفصیلی آرٹ ورک سے 16 پکسل پر کہیں بہتر نظر آتے ہیں۔
- کیا شفافیت برقرار رہتی ہے؟
- جی ہاں۔ ہر سائز PNG کے طور پر بنایا جاتا ہے، ICO کے اندر اور باہر دونوں، اور PNG شفافیت کو مکمل طور پر سپورٹ کرتا ہے۔
- کیا SVG سپورٹڈ ہے؟
- جی ہاں، اور یہ بہترین ممکنہ ماخذ ہے — یہ ہر آئیکن کے عین سائز پر ڈرا کیا جاتا ہے، اس لیے نتیجہ بالکل واضح ہوتا ہے۔
- iOS آئیکن کا سائز کیا ہے؟
- 180 پکسل، apple-touch-icon ٹیگ کے لیے۔ یہ سائز لسٹ میں ڈیفالٹ کے طور پر منتخب ہے۔
- کیا میری تصویر سرور پر اپ لوڈ ہوتی ہے؟
- نہیں۔ تیاری مکمل طور پر آپ کے براؤزر میں ہوتی ہے، اور ICO فائل خود صفحے پر بائٹ بائٹ تیار کی جاتی ہے۔
- site.webmanifest کیا ہے؟
- ایک فائل جو اینڈرائیڈ کو بتاتی ہے کہ جب کوئی آپ کی سائٹ کو ہوم اسکرین میں شامل کرے تو کون سے آئیکنز استعمال کرے۔ ہم اسے پیک کے اندر تیار حالت میں بناتے ہیں۔