WebP سے ICO کنورٹر
کیا آپ کا لوگو صرف WebP کی شکل میں موجود ہے، جو آپ کی اپنی سائٹ سے محفوظ کیا گیا یا ڈیزائن سے ایکسپورٹ ہوا؟ اسے ایسے favicon.ico میں تبدیل کریں جسے براؤزر، بک مارکس اور Windows شارٹ کٹس کسی اضافی کوڈ کے بغیر پہچان لیں۔
تصویر کنورٹر
یا JPG, JPEG, JPE … فائلیں یہاں ڈراپ کریں ·
زیادہ سے زیادہ 95 MB فی فائل· 20 فائلوں تک· 30 منٹ بعد حذف
فائلیں ہمارے سرورز پر پروسیس ہوتی ہیں اور 30 منٹ بعد حذف ہو جاتی ہیں۔
85 تصاویر کو اصل کے مطابق دکھاتا ہے۔ چھوٹی فائل چاہیے ہو تبھی اسے کم کریں۔
JPG، BMP اور EPS میں شفافیت نہیں ہوتی۔ شفاف پکسلز اس رنگ سے بھرے جاتے ہیں۔
شفاف پکسلز کے پیچھے استعمال ہونے والا Hex رنگ، مثلاً #FFFFFF۔
یہ فارمیٹ صرف ایک تصویر رکھتا ہے۔ اینیمیشن برقرار رکھنی ہو تو GIF یا WebP آؤٹ پٹ چنیں۔
کثیر سائز آئیکن ایک فائل میں کئی ریزولوشنز رکھتا ہے؛ براؤزر اور آپریٹنگ سسٹم اپنی ضرورت کا انتخاب کر لیتے ہیں۔
اصل ڈائمینشنز رکھیں، یا ایک کنارہ درج کریں تو تناسب برقرار رہتا ہے۔
اوپر منتخب کردہ کنارے کے پکسلز۔
اصل ڈائمینشنز کا فیصد۔
اسکرینز اور ویب کے لیے sRGB درست ہے۔ پرنٹ ورک فلو کے لیے اصل رکھیں؛ گرے اسکیل رنگ ختم کر دیتا ہے۔
صرف میٹا ڈیٹا، 0 اصل قدر رکھتا ہے۔ پرنٹر اور کچھ پورٹلز یہ نمبر پڑھتے ہیں؛ اس سے پکسل ڈائمینشنز نہیں بدلتیں۔
اس ٹول کو استعمال کرنے کا طریقہ
- 1
WebP لوگو اپ لوڈ کریں
.webp فائل ڈالیں، یا ایک وقت میں 20 تک، ہر ایک 95 MB تک۔ کم از کم 256 × 256 px کا چوکور لوگو سب سے بہتر رہتا ہے۔
- 2
آئیکن کے تمام سائز برقرار رکھیں
آئیکن سائز کی ابتدائی ترتیب اعلیٰ سیٹنگز کے تحت تمام سائز (16–256) ہوتی ہے۔ اینیمیٹڈ WebP کا پہلا فریم استعمال ہوتا ہے۔
- 3
تبدیل کریں اور اپنی سائٹ پر اپ لوڈ کریں
ICO میں تبدیل کریں دبائیں، ضرورت ہو تو فائل کا نام favicon.ico رکھ دیں اور اسے اپنی ویب سائٹ کے روٹ فولڈر میں رکھیں۔
ویب سائٹس سے محفوظ کیے گئے لوگو آج کل عموماً WebP ہوتے ہیں۔ ایک کنورژن اس فائل کو شفاف بیک گراؤنڈ برقرار رکھتے ہوئے کئی سائز والی favicon.ico بنا دیتی ہے۔
WebP لوگو سے favicon.ico بنائیں
2010 میں Google کے متعارف کرانے کے بعد WebP ویب کے بڑے حصے کا ڈیفالٹ امیج فارمیٹ بن گیا؛ WordPress 2021 میں ورژن 5.8 سے WebP اپ لوڈز قبول کرتا ہے، اور کئی امیج CDN ہر PNG کو کنورٹ کر کے دیتے ہیں۔ اس لیے اپنا لوگو ڈھونڈیں تو ملنے والی کاپی اکثر .webp ہوتی ہے، جسے فیویکون جنریٹرز، Windows اور کچھ ہوسٹنگ پینل قبول نہیں کرتے۔
ICO فارمیٹ WebP سے مختلف مسئلہ حل کرتا ہے۔ ایک کمپریس تصویر کے بجائے یہ کئی چوکور بٹ میپس کو یکجا کرتا ہے، اور براؤزر یا آپریٹنگ سسٹم اپنی ضرورت کا سائز چن لیتا ہے: ٹیب کے لیے 16 px، ٹاسک بار یا بک مارک بار کے لیے 32 px، اور ڈیسک ٹاپ شارٹ کٹس اور ہائی ڈینسٹی اسکرینوں کے لیے بڑے سائز۔ کنورژن ایک ہی بار میں آپ کے WebP سے یہ سب سائز بنا دیتی ہے۔
اپنے صفحے کے ہیڈر کے لوگو کے لیے WebP کو ہی رکھیں۔ دونوں فائلیں الگ جگہوں کے لیے ہیں، اور کنورژن اصل فائل میں کوئی تبدیلی نہیں کرتی۔
کنورٹر ICO میں کیا شامل کرتا ہے
- پانچ سائز ایک ہی .ico میں
- 16–256 px
- فی بیچ WebP فائلیں
- 20
- فی فائل زیادہ سے زیادہ سائز
- 95 MB
- پھر سرور سے حذف
- 30 منٹ
WEBP
WebP تصویر
WebP ایک امیج فارمیٹ ہے جو Google نے 2010 میں ویب صفحات کو تیزی سے لوڈ کرنے کے لیے جاری کیا۔ یہ ایک ہی فارمیٹ میں لاسی اور لاس لیس کمپریشن، الفا شفافیت اور اینیمیشن کو سپورٹ کرتا ہے۔ لاسی WebP فائلیں ملتی جلتی بصری کوالٹی کی JPEG سے عموماً 25–35% چھوٹی ہوتی ہیں، اور لاس لیس WebP عموماً PNG سے چھوٹا ہوتا ہے۔ ہر موجودہ براؤزر اسے سپورٹ کرتا ہے، لیکن کچھ پرانے ڈیسک ٹاپ سافٹ ویئر، پرنٹ سروسز اور اپ لوڈ فارم اب بھی اسے رد کرتے ہیں۔ Windows، macOS اور زیادہ تر جدید امیج ایڈیٹرز WebP فائلیں کھول سکتے ہیں۔
- کمپریشن
- لاسی یا لاس لیس
- شفافیت
- ہاں
- اینیمیشن
- ہاں
- متعارف ہونے کا سال
- 2010 · Google
ICO
Windows آئیکن
ICO، Microsoft کا آئیکن فارمیٹ ہے جو Windows پروگرام آئیکنز اور ویب سائٹ فیویکونز کے لیے استعمال ہوتا ہے۔ ایک .ico فائل میں مختلف سائز کی کئی تصاویر ہو سکتی ہیں، جیسے 16×16، 32×32، 48×48 اور 256×256 پکسل، تاکہ سسٹم بہترین موزوں کا انتخاب کر سکے۔ ہر تصویر بٹ میپ یا PNG ڈیٹا کے طور پر محفوظ ہو سکتی ہے اور مکمل الفا شفافیت کو سپورٹ کرتی ہے۔ ICO تصاویر یا بڑے آرٹ ورک کے لیے نہیں ہے۔ براؤزر، Windows اور زیادہ تر آئیکن ایڈیٹرز اسے پڑھ سکتے ہیں۔
- کمپریشن
- لاس لیس
- شفافیت
- ہاں
- اینیمیشن
- نہیں
- متعارف ہونے کا سال
- Microsoft
WebP لوگو اس وقت ICO بنتا ہے جب برانڈ نشان کی واحد کاپی وہی کمپریس فائل ہو جو ویب سائٹ یا CMS نے دی تھی، اور سائٹ کو پھر بھی روٹ پر favicon.ico چاہیے۔
WebP لوگو کو 16 px براؤزر ٹیب کے لیے تیار کرنا
نشان تک کراپ کریں
زیادہ تر لوگو چوڑے ہوتے ہیں۔ صرف علامت یا پہلا حرف رکھیں اور تھوڑے مارجن کے ساتھ اسے چوکور میں کراپ کریں۔
چھوٹا متن ہٹا دیں
ٹیگ لائنیں اور ورڈ مارکس 16 px پر دھندلا شور بن جاتے ہیں۔ ایک موٹی شکل باقی رہتی ہے؛ باریک لکیریں نہیں۔
دونوں ٹیب رنگ دیکھ لیں
نتیجہ ہلکی اور گہری براؤزر تھیم دونوں پر دیکھیں۔ شفاف بیک گراؤنڈ پر گہرا لوگو گہرے ٹیب پر غائب ہو سکتا ہے۔
نیا favicon اپنی سائٹ پر شامل کرنا
favicon.ico کو روٹ فولڈر میں رکھیں تاکہ وہ yoursite.com/favicon.ico پر ملے۔ صفحے کے ہیڈ میں <link rel="icon" href="/favicon.ico" sizes="any"> لکھنے سے انتخاب واضح ہو جاتا ہے، اور WordPress جیسے CMS میں اپنا Site Icon فیلڈ ہوتا ہے جو یہ ٹیگز خود لکھ دیتا ہے۔
دو اور آئیکن سیٹ کو مکمل کرتے ہیں۔ جب کوئی آپ کی سائٹ ہوم اسکرین پر شامل کرتا ہے تو iPhone اور iPad apple-touch-icon استعمال کرتے ہیں، جو 180 × 180 px کی PNG ہوتی ہے؛ اسے WebP سے PNG اور ہماری کراپنگ گائیڈ سے بنائیں۔ Google Search ایسا چوکور فیویکون مانگتا ہے جس کا سائز 48 px کا مضاعف ہو، اس لیے ہوم پیج سے منسلک 96 یا 144 px کی PNG سرچ نتائج کے لیے بھی کافی ہے۔ براؤزر فیویکون کو سختی سے کیش کرتے ہیں؛ نیا آئیکن فوراً دیکھنے کے لیے صفحہ پرائیویٹ ونڈو میں کھولیں۔
WebP سے ICO کے بارے میں سوالات
جب میرا لوگو پہلے سے WebP میں ہے تو مجھے .ico کی ضرورت کیوں ہے؟
جب کوئی صفحہ آئیکن کا اعلان نہیں کرتا تو براؤزر خود آپ کی سائٹ کے روٹ سے /favicon.ico مانگتے ہیں، اور Windows شارٹ کٹس، پرانے براؤزرز اور بہت سے CMS فیویکون فیلڈز ICO یا PNG چاہتے ہیں۔ روٹ پر ایک .ico بغیر کسی مارک اپ کے ان سب کا جواب دے دیتی ہے۔
کیا میرے WebP لوگو کے اردگرد شفاف حصہ شفاف ہی رہے گا؟
جی ہاں۔ WebP اور ICO دونوں میں الفا چینل ہوتا ہے، اس لیے شفاف بیک گراؤنڈ آئیکن کے ہر سائز میں سیدھا منتقل ہو جاتا ہے، اور فیویکون ہلکے اور گہرے براؤزر ٹیبز پر صاف نظر آتا ہے۔
اگر میں اینیمیٹڈ WebP اپ لوڈ کروں تو کیا ہوگا؟
ICO میں ساکن تصاویر ہوتی ہیں، اس لیے کنورٹر پہلا فریم استعمال کرتا ہے (اینیمیٹڈ ان پٹ کی قدر صرف پہلا فریم ہے)۔ اگر پہلا فریم خالی ہو یا تبدیلی کے درمیان ہو تو کوئی اور ماخذ چنیں۔
کیا WebP کی lossy کمپریشن کا اثر favicon میں نظر آئے گا؟
16 سے 64 px پر شاذ و نادر، کیونکہ چھوٹا کرنے سے معمولی خامیاں ختم ہو جاتی ہیں۔ 128 اور 256 px کی تہوں میں ہلکے ہالے باقی رہ سکتے ہیں۔ اگر لوگو ویکٹر میں بھی موجود ہو تو SVG سے ICO سب سے صاف کنارے دیتا ہے۔
واضح favicon کے لیے میرے WebP لوگو کی ریزولوشن کتنی ہونی چاہیے؟
کم از کم 256 × 256 px اور چوکور، تاکہ سب سے بڑی تہہ بڑا کرنے کے بجائے چھوٹا کر کے بنے۔ ویب صفحے کے ہیڈر سے محفوظ کیا گیا 120 px کا لوگو بڑے سائز میں دھندلا نظر آئے گا۔