Favicon পিক্সেল এডিটর
পিক্সেল বাই পিক্সেল একটি স্পষ্ট favicon আঁকুন – 16×16 থেকে 64×64 পর্যন্ত – অথবা ইমপোর্ট করা ছবি ঠিকঠাক করুন, তারপর এক ক্লিকেই এটিকে সম্পূর্ণ favicon প্যাকেজে রূপান্তর করুন।
কিবোর্ড শর্টকাট ও টিপস
- Bপেনসিল
- Eইরেজার
- Gফিল বাকেট
- Iআইড্রপার
- Lলাইন
- Rআয়তক্ষেত্র
- Oউপবৃত্ত
- Mইমেজ সরান (চারপাশে ঘুরে আসে)
- Xপ্রাইমারি ও সেকেন্ডারি রং অদলবদল করুন
- #/গ্রিড টগল করুন
- Ctrl+Zআনডু
- Ctrl+YCtrl+Shift+Zরিডু
- +-0জুম ইন, আউট, ফিট
- Shiftসোজা রেখা, নিখুঁত বর্গ ও বৃত্ত
- ←→ছবি সরান (Move টুল)
- Escবর্তমান আকৃতি বাতিল করুন
ডান-ক্লিক করলে সেকেন্ডারি রং দিয়ে আঁকা হয়। টাচ স্ক্রিনে দ্বিতীয় আঙুল দিয়ে বর্তমান স্ট্রোক বাতিল হয়।
কীভাবে একটি ভালো 16×16 favicon আঁকবেন
favicon সাধারণত মাত্র 16 বা 32 পিক্সেলে দেখানো হয়, তাই প্রতিটি পিক্সেলই গুরুত্বপূর্ণ। পিক্সেল গ্রিডে হাতে আঁকলে আপনি ধারালো প্রান্ত ও পূর্ণ নিয়ন্ত্রণ পান – যা স্বয়ংক্রিয়ভাবে ছোট করা লোগোতে প্রায় পাওয়া যায় না।
16×16 ক্যানভাস দিয়ে শুরু করুন এবং ডিজাইন সহজ রাখুন: একটি গাঢ় অক্ষর, একটি সরল প্রতীক বা আপনার লোগোর সবচেয়ে চেনা অংশ। জোরালো কনট্রাস্ট ব্যবহার করুন, যাতে আইকনটি হালকা ও গাঢ় উভয় ব্রাউজার ট্যাবেই পড়া যায়, আর আঁকার সময় লাইভ প্রিভিউ দেখে নিন।
ফলাফলে সন্তুষ্ট হলে "এটি থেকে favicon তৈরি করুন" ক্লিক করুন। জেনারেটর পিক্সেল স্পষ্ট রাখে এবং আপনার ড্রয়িং থেকে favicon.ico, PNG আইকন, Apple touch আইকন ও Android আইকন তৈরি করে।
স্পষ্ট পিক্সেল-আর্ট favicon-এর টিপস
- দুই থেকে চারটি রং ব্যবহার করুন – খুব বেশি শেড ছোট আকারে নয়েজে পরিণত হয়।
- ১ পিক্সেলের মার্জিন রাখুন অথবা পুরো বর্গ ভরাট করুন; যে আকৃতি শুধু কিছু প্রান্ত ছোঁয় তা এড়িয়ে চলুন।
- অনুভূমিক ও উল্লম্ব রেখা বেছে নিন; ডায়াগোনাল রেখা ৪৫ ডিগ্রিতে সবচেয়ে ভালো দেখায়।
- সিমেট্রিক আইকনের জন্য মিরর মোড এবং স্বচ্ছ অংশের জন্য ট্রান্সপারেন্ট রং ব্যবহার করুন।
- আইকন বিস্তারিত হলে 32×32 বা 48×48-এ আঁকুন – হাই-রেজোলিউশন স্ক্রিনে বড় সাইজ ব্যবহৃত হয়।