আমার টুল

ফ্যাভিকন জেনারেটর

লোগো ফেলুন, প্রতিটি প্রকৃত মাপে দেখুন, আর favicon.ico, PNG সেট ও HTML নিয়ে যান।

PNG / JPEG / WebP / GIF / SVG — বা এই কার্ডে একটি ফেলুন

একটি ছবি যোগ করুন (বা অক্ষরে যান) এবং প্রতিটি মাপ এখানে দেখা যাবে — কোনো “জেনারেট” বোতাম নেই।favicon.ico 16/32/48 · PNG 16 · 32 · 48 · 180 · 192 · 512 · site.webmanifest · HTML

কীভাবে ব্যবহার করবেন

  1. একটি ছবি বাছুন, বা কার্ডে টেনে আনুন: প্রতিটি মাপ একসঙ্গে দেখা যায়। কোনো জেনারেট বোতাম নেই — যা দেখছেন তাই ডাউনলোড হয়।
  2. এখনো লোগো নেই? “অক্ষর / ইমোজি”-তে গিয়ে এক-দুইটি অক্ষর লিখুন। রঙ নির্বাচক পটভূমি ঠিক করে, আর বৈসাদৃশ্য অনুযায়ী অক্ষর কালো বা সাদা হয়।
  3. বান্ডল ডাউনলোড করুন, সাইটের রুটে আনজিপ করুন, কপি করা <link> ট্যাগ <head>-এ পেস্ট করুন, তারপর সাইট রিলোড করুন — ট্যাবের আইকন দেখা উচিত।

উদাহরণ

উৎস

logo.png · 512×512, আকৃতি “গোলাকার কোণ”

বান্ডল (9 ফাইল)

favicon.ico (16/32/48)
favicon-16x16.png
favicon-32x32.png
favicon-48x48.png
apple-touch-icon.png (180)
android-chrome-192x192.png
android-chrome-512x512.png
site.webmanifest
snippet.html

একই উৎস ও একই অপশনে বাইট-অভিন্ন PNG এবং বাইট-অভিন্ন ZIP পাওয়া যায় (আর্কাইভের টাইমস্ট্যাম্প 1980-01-01-এ স্থির), তাই বান্ডল কমিট ও ডিফ করা যায়। আকৃতি বদলালে কেবল কোণ কাটা যায়; আর্টওয়ার্ক কখনো নতুন করে আঁকা হয় না।

পরিসর, সীমা ও সাধারণ প্রশ্ন

  • SVG এক্সপোর্ট নেই। 16 px-এ টিকে থাকা SVG-এর জন্য হাতে সরল করা পাথ দরকার; বিটম্যাপ SVG-এ মুড়ে বা সিস্টেম-ফন্টের টেক্সট এঁকে ভেক্টর আর্টের মতো দেখানো যায় না। চাইলে নিজের .svg এই PNG সেটের পাশে রাখুন।
  • ছবি ফিট করা হয়, কখনো ক্রপ করা হয় না। বর্গাকার নয় এমন লোগোতে স্বচ্ছ মার্জিন থাকে — আগে ক্রপ বা কম্পোজ করুন (এখানে ছবি রিসাইজার / কনভার্টার সাহায্য করতে পারে)।
  • স্বচ্ছ আইকনে প্ল্যাটফর্ম নিজের পটভূমি দেয়: iOS apple-touch-icon-এর পিছনে একটি আঁকে, কিছু Android লঞ্চারও তাই করে। নিজের নিয়ন্ত্রণে থাকা পটভূমির জন্য “অক্ষর / ইমোজি” ব্যবহার করুন, বা উৎস ছবিতেই পটভূমি যোগ করুন।
  • site.webmanifest কেবল আইকন তালিকাভুক্ত করে — name বা short_name নয়। সেটি আপনার সাইটের নাম, যা এই টুল জানতে পারে না; আনজিপ করার পরে দুটি কী যোগ করুন (name ঐচ্ছিক এবং ব্রাউজার পেজের শিরোনামে ফিরে যায়)।
  • favicon.ico-তে 16, 32 ও 48 px থাকে, 64 বা 128 নয়। এটি আধুনিক ব্রাউজার ও Windows কভার করে; দরকার হলে আরও মাপ PNG হিসেবে যোগ করুন।
  • অ্যানিমেটেড GIF / WebP: কেবল প্রথম ফ্রেম ব্যবহার হয়। ফ্যাভিকন যাইহোক অ্যানিমেট হয় না।
  • অক্ষরের আইকন আপনার সিস্টেম ফন্টে আঁকা হয়, তাই macOS, Windows, Linux ও ফোনে আলাদা দেখায়। PNG আপনার ডিভাইস যা দেখায় তা স্থির করে — এ কারণেই ফন্ট নির্বাচক নেই।
  • URL ফেচিং নেই এবং লাইভ যাচাই নেই: এই টুল ওয়েবসাইটের ঠিকানা নিতে পারে না, আর ডিপ্লয় করা ফ্যাভিকন যাচাই করতে পারে না। ডিপ্লয়ের পরে সাইট খুলে ট্যাবটি দেখুন।
  • সীমা: প্রতি ফাইলে 20 MB এবং প্রতি দিকে 8000 px। 180 px-এর কম উৎস বড় আইকনের জন্য বড় করা হয় এবং নরম দেখাতে পারে।
  • ক্রপিং নেই, পটভূমি সরানো নেই, ব্যাচ নেই এবং ইতিহাস নেই: রিলোড করলে খালি অবস্থা থেকে শুরু হয় (কিছু সংরক্ষিত হয় না, URL-এও কিছু যায় না)।

আইকন তৈরি হয়ে গেলে সাধারণত এরপর যা দরকার।

ছবি রিসাইজার

ছবির ফরম্যাট রূপান্তর