LeanPixLeanPix

ছবিকে আইকন ও ফ্যাভিকনে রূপান্তর করুন

একটি ছবি বেছে নিন এবং আমরা তা থেকে একটি সম্পূর্ণ আইকন সেট তৈরি করি: ভেতরে ছয়টি সাইজ বহনকারী একটি favicon.ico, এবং ব্রাউজার ও অপারেটিং সিস্টেমের চাহিদা অনুযায়ী প্রতিটি সাইজের PNG আইকন।

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

  1. 1

    একটি ছবি বেছে নিন — আদর্শভাবে স্বচ্ছ ব্যাকগ্রাউন্ডে একটি বর্গাকার PNG।

  2. 2

    ফিট মোড এবং আপনি যে সাইজগুলো চান তা বেছে নিন।

  3. 3

    ডাউনলোড করার আগে প্রতিটি সাইজ প্রিভিউ করুন।

  4. 4

    শুধু favicon.ico, অথবা PNG আইকন ও একটি ম্যানিফেস্ট সহ সম্পূর্ণ প্যাক ডাউনলোড করুন।

কেন একটি ছবি যথেষ্ট নয়

ব্রাউজার ট্যাবের জন্য ১৬ ও ৩২ পিক্সেল চায়, iOS হোম স্ক্রিনের জন্য ১৮০ চায়, এবং Android ম্যানিফেস্টের জন্য ১৯২ ও ৫১২ চায়। একটি একক বড় ছবি দিলে প্রতিটি ডিভাইস নিজে থেকে তা ছোট করে নেয়, যা ছোট আকারে ঘোলাটে দেখায়, তাই আমরা উচ্চমানের স্মুদিং সহ প্রতিটি সাইজ আলাদাভাবে রেন্ডার করি।

একটি ICO ফাইল কী

একটি একক ফাইল যা বিভিন্ন আকারের একাধিক ছবি বহন করে, যেখান থেকে সিস্টেম প্রতিটি স্থানের জন্য উপযুক্তটি বেছে নেয়। আমরা এর ভেতরে ১৬, ৩২, ৪৮, ৬৪, ১২৮ এবং ২৫৬ পিক্সেল রাখি — ব্রাউজার ও Windows-এর মধ্যে প্রয়োজনীয় কভারেজ।

পুরোটা রাখবেন নাকি পূর্ণ করে ক্রপ করবেন?

আইকন বর্গাকার এবং আপনার ছবি সাধারণত তা নয়। Fit whole সবকিছু রাখে এবং স্বচ্ছ প্যাডিং যোগ করে, যা লোগোর জন্য উপযুক্ত। Fill and crop বর্গটি পূর্ণ করে এবং প্রান্ত কেটে দেয়, যা ফটোগ্রাফের জন্য উপযুক্ত।

প্রশ্নোত্তর

favicon.ico ও PNG আইকনের মধ্যে পার্থক্য কী?
ICO একাধিক সাইজ একসাথে বহন করে এবং পুরনোগুলোসহ প্রতিটি ব্রাউজার এটি বোঝে। আলাদা PNG আইকন হলো যা iOS, Android এবং ওয়েব ম্যানিফেস্টের প্রয়োজন। সম্পূর্ণ প্যাক আপনাকে দুটোই দেয়।
ফাইলগুলো কোথায় যায়?
আপনার সাইটের রুটে, তারপর টুলের নিচে দেখানো লিংক ট্যাগগুলো আপনার পেজের head-এ যোগ করুন।
একটি ভালো সোর্স ছবি কেমন হওয়া উচিত?
স্বচ্ছ ব্যাকগ্রাউন্ডে একটি বর্গাকার ছবি, ৫১২ পিক্সেল বা তার বড়। জটিল আর্টওয়ার্কের চেয়ে সহজ লোগো ১৬ পিক্সেলে অনেক ভালো দেখায়।
স্বচ্ছতা কি বজায় থাকে?
হ্যাঁ। ICO-এর ভেতরে ও বাইরে, প্রতিটি সাইজ PNG হিসেবে তৈরি করা হয়, এবং PNG সম্পূর্ণভাবে স্বচ্ছতা সমর্থন করে।
SVG কি সমর্থিত?
হ্যাঁ, এবং এটি সম্ভাব্য সেরা সোর্স — এটি প্রতিটি আইকনের সঠিক আকারে আঁকা হয়, তাই ফলাফল হয় নিখুঁতভাবে ধারালো।
একটি iOS আইকনের সাইজ কত?
১৮০ পিক্সেল, apple-touch-icon ট্যাগের জন্য। এটি সাইজ তালিকায় ডিফল্টভাবে নির্বাচিত থাকে।
আমার ছবি কি সার্ভারে আপলোড হয়?
না। জেনারেশন সম্পূর্ণভাবে আপনার ব্রাউজারে ঘটে, এবং ICO ফাইলটি নিজেই পেজে বাইট বাই বাইট একত্রিত হয়।
site.webmanifest কী?
একটি ফাইল যা Android-কে বলে দেয় কেউ আপনার সাইট হোম স্ক্রিনে যোগ করলে কোন আইকন ব্যবহার করতে হবে। আমরা এটি প্যাকের ভেতরে প্রস্তুত করে জেনারেট করি।

অন্যান্য টুলস