ইমেজ রিসাইজার
ছবির মাত্রা এবং একটি ঐচ্ছিক JPEG ফাইল-আকারের সীমা একসাথে সেট করুন। সম্পূর্ণ চিত্রটি রাখুন বা সঠিক ক্যানভাসের জন্য সীমানা যোগ করুন।
ICO এবং PNG ফেভিকন তৈরি করুন, ছোট আইকনগুলির পূর্বরূপ দেখুন এবং আপনার ব্রাউজারে একটি সম্পূর্ণ জিপ ডাউনলোড করুন।
একটি চিত্র চয়ন করুন, প্যাডিং এবং পটভূমির রঙ সেট করুন, ছোট পূর্বরূপ পরীক্ষা করুন, তারপর জিপ তৈরি করুন এবং ডাউনলোড করুন।
অসমর্থিত SVG সামগ্রী সরানো হয়েছে৷ ডাউনলোড করার আগে পূর্বরূপ চেক করুন.
16, 32 এবং 48 পিক্সেল প্রিভিউ প্রকৃত আকারে দেখানো হয়েছে। সূক্ষ্ম বিবরণ 16 পিক্সেলে অদৃশ্য হয়ে যেতে পারে।
জিপটিতে 9টি ফাইল রয়েছে: ICO, SVG, পাঁচটি PNG, একটি আইকন ম্যানিফেস্ট এবং HTML স্নিপেট৷
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt<head>আপনার সাইটে ফাইলগুলি হোস্ট করুন এবং পাথগুলি সামঞ্জস্য করুন৷ একটি বিদ্যমান ম্যানিফেস্টে আইকন এন্ট্রি মার্জ করুন।
একটি চিত্র চয়ন করুন, প্যাডিং এবং পটভূমির রঙ সেট করুন, ছোট পূর্বরূপ পরীক্ষা করুন, তারপর জিপ তৈরি করুন এবং ডাউনলোড করুন।
উদাহরণ: একটি স্বচ্ছ 1024×1024 লোগো আপলোড করুন, স্বচ্ছতা রাখুন এবং 10% প্যাডিং ব্যবহার করুন। জিপটিতে ICO (16/32/48), পাঁচটি PNG, একটি PNG সমন্বিত একটি SVG, একটি আইকন ম্যানিফেস্ট এবং HTML স্নিপেট রয়েছে। সহজ চিহ্ন 16 পিক্সেলে পরিষ্কার থাকে; সূক্ষ্ম বিবরণ অদৃশ্য হতে পারে।
একটি ফ্যাভিকন হল ছোট আইকন ব্রাউজারগুলি আপনার পৃষ্ঠার শিরোনামের পাশে ট্যাব, বুকমার্ক এবং ইতিহাসে দেখায়। এটি ছোট - প্রায়শই মাত্র 16×16 পিক্সেল - তাই একটি ভাল ফেভিকন সহজ, উচ্চ-কন্ট্রাস্ট এবং এক নজরে চেনা যায়৷ এই জেনারেটর আপনার ইমেজটিকে সাধারণ ফেভিকন আকারে রূপান্তর করে, সম্পূর্ণরূপে আপনার ব্রাউজারে। কিছুই আপলোড করা হয় না.
| ফাইল | আকার | জন্য ব্যবহৃত |
|---|---|---|
| favicon.ico | 16, 32, 48 | ব্রাউজার ট্যাব এবং বুকমার্ক |
| favicon.svg | 512 × 512 | SVG-সক্ষম ব্রাউজার; এমবেডেড পিএনজি |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | PNG ফলব্যাক |
| apple-touch-icon.png | 180 × 180 | iOS হোম স্ক্রিন এবং সাফারি |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Android এবং PWA আইকন এন্ট্রি |
PNG, JPEG, WebP, এবং প্লেইন SVG ইনপুট সমর্থিত। ফাইল প্রতি পাশে 10 MB এবং 4096 পিক্সেলের মধ্যে সীমাবদ্ধ। অ্যানিমেটেড ছবি সমর্থিত নয়। আপনার ব্রাউজারে SVG ইনপুট রাস্টারাইজ করা হয়; স্ক্রিপ্ট, বাহ্যিক রেফারেন্স, ছবি, স্টাইলশীট, ফিল্টার এবং অ্যানিমেশন সরানো হয়েছে এবং রেন্ডার হবে না। পাঠ্য উপলব্ধ স্থানীয় ফন্ট ব্যবহার করে। আপনার SVG এই বৈশিষ্ট্যগুলি ব্যবহার করে কিনা তা পূর্বরূপ দেখুন৷
ICO-তে 16×16, 32×32, এবং 48×48 PNG-সংকুচিত এন্ট্রি রয়েছে। ডাউনস্কেলিং মাল্টি-স্টেপ রিস্যাম্পলিং ব্যবহার করে, কিন্তু একটি বিশদ ফটো এখনও 16 পিক্সেলে বিশদ হারায় — সাধারণ চিহ্নগুলি সবচেয়ে ভাল কাজ করে। নির্বাচিত হলে ICO এবং PNG-তে স্বচ্ছতা সংরক্ষণ করা হয়; অ্যাপল টাচ আইকন একটি কঠিন পটভূমি ব্যবহার করে। SVG আউটপুট একটি PNG এম্বেড করে এবং এটি একটি ভেক্টর রূপান্তর নয়। আপনার আসল অপরিবর্তিত থাকে।
বহু-আকারের ICO (16/32/48), একটি 180×180 Apple টাচ আইকন এবং Android এর জন্য 192/512 PNG পাঠান৷ এগুলি সাধারণ ব্রাউজার এবং ডিভাইসের আকার, প্রতিটি প্ল্যাটফর্ম প্রতিটি ফাইল ব্যবহার করে এমন গ্যারান্টি নয়।
ICO ফলব্যাক এবং PNG বা SVG বিকল্পগুলি অন্তর্ভুক্ত করুন। HTML স্নিপেটটি অনুলিপি করুন, তারপরে আপনি যেখানে ফাইলগুলি হোস্ট করবেন তার সাথে মেলে পাথগুলি আপডেট করুন৷
অনেক আধুনিক ব্রাউজার SVG ফেভিকন সমর্থন করে। যেসব ব্রাউজার নেই তাদের জন্য ICO ফলব্যাক রাখুন। এই টুলটি SVG এর ভিতরে একটি 512×512 PNG এম্বেড করে; এটি আপনার লোগোকে ভেক্টর পাথগুলিতে ট্রেস করে না।
ব্রাউজার আক্রমনাত্মকভাবে ফেভিকন ক্যাশে করে। একটি হার্ড রিফ্রেশ চেষ্টা করুন বা ব্রাউজার ক্যাশে সাফ করুন. ফাইল পাথ চেক করুন, এবং ক্যাশে আইকনটি অব্যাহত থাকলে ফাইলের নাম বা সংস্করণ ক্যোয়ারী পরিবর্তন করুন।
Apple টাচ আইকনটি সবসময় আপনি এখানে বেছে নেওয়া Apple পটভূমির রঙে চ্যাপ্টা থাকে৷ ICO এবং অন্যান্য PNG ফাইল নির্বাচন করার সময় স্বচ্ছতা বজায় রাখে।
না। ম্যানিফেস্টে শুধুমাত্র আইকন এন্ট্রি রয়েছে। সেগুলিকে আপনার বিদ্যমান ম্যানিফেস্টে মার্জ করুন বা নাম, স্টার্ট URL এবং অন্যান্য PWA সেটিংস যোগ করুন যা আপনার সাইটের প্রয়োজন৷