আমি একটি নিয়মিত ফ্যাভিকন এবং আইফোন / আইপ্যাড / বন্ধুত্বপূর্ণ ফেভিকন উভয় হিসাবে একটি একক চিত্র ব্যবহার করতে চাই।
এটা কি সম্ভব? কোনও আইপ্যাড-বান্ধব 72x72 পিএনজি স্কেল যদি নিয়মিত ব্রাউজার ফেভিকন হিসাবে যুক্ত হয়? বা আমাকে কি আলাদা 16x16 বা 32x32 চিত্র ব্যবহার করতে হবে?
উত্তর:
আই আই এর জন্য, মাইক্রোসফ্ট ফেভিকন.ইকো ফাইলটিতে প্যাক করা 16x16, 32x32 এবং 48x48 প্রস্তাব দেয় ।
আইওএসের জন্য, অ্যাপল আইওএস 8 চলমান সর্বশেষ ডিভাইসের জন্য সর্বাধিক 180x180 সুনির্দিষ্ট ফাইলের নাম এবং রেজোলিউশনের প্রস্তাব দেয় ।
অ্যান্ড্রয়েড ক্রোম প্রাথমিকভাবে একটি ম্যানিফেস্ট ব্যবহার করে এবং অ্যাপল টাচ আইকন উপর নির্ভর করে।
উইন্ডোজ 8.0 এ আইই 10 এর জন্য পিএনজি ছবি এবং একটি ব্যাকগ্রাউন্ড কালার এবং উইন্ডোজ 8.1 এবং 10 এ আইই 11 এর জন্য ডেডিকেটেড এক্সএমএল ফাইল ঘোষণা করা বেশ কয়েকটি পিএনজি ছবি গ্রহণ করেbrowserconfig.xml ।
ম্যাক ওএস এক্স এল ক্যাপিটেনের সাফারি পিনযুক্ত ট্যাবগুলির জন্য একটি এসভিজি আইকন প্রবর্তন করে ।
অন্যান্য বেশ কয়েকটি প্ল্যাটফর্মের মত বিভিন্ন রেজুলেশন সঙ্গে PNG ফাইল জন্য চেহারা গুগল টিভির জন্য 96x96 ছবি বা অপেরা কোস্ট জন্য 228x228 ছবি ।
সম্পূর্ণ রেফারেন্সের জন্য এই ফ্যাভিকন ছবিগুলির তালিকাটি দেখুন ।
টিএলডিআর: এই ফেভিকন জেনারেটর একবারে এই সমস্ত ফাইল তৈরি করতে পারে। জেনারেটরটি ওয়ার্ডপ্রেস প্লাগইন হিসাবে প্রয়োগ করা যেতে পারে । সম্পূর্ণ প্রকাশ: আমি এই সাইটের লেখক।
আমি এখানে তালিকাবদ্ধ কোনও আপ টু ডেট তথ্য দেখতে পাচ্ছি না, সুতরাং এখানে যায়:
এই প্রশ্নের এখনই উত্তর দিতে, আপনি যদি আপনার আইকনটি সর্বত্র দুর্দান্ত দেখতে চান তবে 2 টি ফ্যাভিকন এটি করবে না। নীচের মাপ দেখুন:
16 এক্স 16 - ব্রাউজারগুলির জন্য স্ট্যান্ডার্ড আকার
24 x 24 -
আইই 9 ইউজার ইন্টারফেসের জন্য সাইটের আকার 32 x 32 - IE নতুন পৃষ্ঠা ট্যাব, উইন্ডোজ 7+ টাস্কবার বোতাম, সাফারি পঠন তালিকার সাইডবার
48 x 48 - উইন্ডোজ সাইট
57 এক্স 57 - আইপড স্পর্শ , আইফোন 3 জি
60 এক্স 60 - আইফোনটি iOS7
64 x 64 পর্যন্ত স্পর্শ করে - উইন্ডোজ সাইট, হাইডিপিআই / রেটিনা
70 x 70 এ সাফারি রিডার তালিকার সাইডবার - উইন 8.1 মেট্রো টাইল
72 এক্স 72 - আইওডিয়া 66 x
76 পর্যন্ত আইপ্যাড টাচ - iOS7
96 x 96 - গুগলটিভি
114 x 114 - আইফোন রেটিনা টা iOS6
120 এক্স 120 পর্যন্ত স্পর্শ করে - আইফোন রেটিনা টাচ আইওএস 7
128 এক্স 128 - ক্রোম ওয়েব স্টোর অ্যাপ্লিকেশন, অ্যান্ড্রয়েড
144 এক্স 144 - আইএন 10 মেট্রো টাইল পিনযুক্ত সাইটের জন্য, আইপিড রেটিনা আইওএস 6 পর্যন্ত
150 এক্স 150 - উইন 8.1 মেট্রো টাইল
152 x 152 - আইপ্যাড রেটিনা টাচ
আইওএস 7 196 x 196 - অ্যান্ড্রয়েড ক্রোম
310 এক্স 150 - উইন 8.1 প্রশস্ত মেট্রো টাইল
310 এক্স 310 - উইন 8.1 মেট্রো টাইল
আমি / কিভাবে ব্রাউজারগুলি বড় আইকনগুলি স্কেল করে তা নিশ্চিত নই, তবে ডাব্লু 3 সি নিম্নলিখিত 1 টি প্রস্তাব করে :
আপনি যে চিত্রটি চয়ন করেছেন তার ফর্ম্যাটটি অবশ্যই 8-বিট বা 24-বিট রঙ ব্যবহার করে 16x16 পিক্সেল বা 32x32 পিক্সেল হতে হবে। চিত্রটির ফর্ম্যাটটি অবশ্যই পিএনজি (একটি ডাব্লু 3 সি স্ট্যান্ডার্ড), জিআইএফ, বা আইসিওর একটি হতে হবে।
1 w3c.org: কীভাবে আপনার সাইটে একটি ফ্যাভিকন যুক্ত করবেন (বিকাশের খসড়া) ।
[current year]তখনও কেন আমার মধ্যে নরকের কিছু বুলিশিট সীমাবদ্ধতা মোকাবেলা করা দরকার যখন আপনি কেবল সিএসএসের সাহায্যে করতে পারেন এমন জিনিসগুলি যথেষ্ট আশ্চর্যজনক এবং আমি আপনার উত্তর প্রায় মিস করেছি। আমি তখন যা চাই তা কেবল ব্যবহার করব এবং যদি কিছু এটি সমর্থন না করে তবে এটি স্ট্যান্ডার্ড অনুযায়ী তাদের সমস্যা।
আসলে, আপনার ফ্যাভিকনটি সমস্ত ব্রাউজারগুলিতে সঠিকভাবে কাজ করতে আপনাকে সঠিক মাপ এবং ফর্ম্যাটে 10 টিরও বেশি ফাইল যুক্ত করতে হবে।
আমার বন্ধু এবং আমি ঠিক এর জন্য একটি অ্যাপ তৈরি করেছি! আপনি এটি খুঁজে পেতে পারেন ফেভিকনাইট.কম এ
আমরা এটি করেছি, যাতে লোকেরা এই সমস্ত চিত্র এবং সঠিক ট্যাগ হাতে তৈরি করতে না পারে, সেগুলি তৈরি করে আমাকে প্রচুর বিরক্ত করত!
আপনি করতে পারেন একই ফাইলের মধ্যে আইকন একাধিক মাপ আছে। আমি নিয়মিত ফ্যাভিকন ( .icoফাইল) তৈরি করি যা 48, 32 এবং 16 পিক্সেল। আপনি যে কোনও আকারের ইমেজ যুক্ত করতে পারেন। প্রশ্ন হচ্ছে, আইফোন কি কোনও icoফাইল ব্যবহার করবে ?
icoস্বচ্ছতাও সমর্থন করে, তবে আমি নিশ্চিত নই যে এটি পিএনজির মতো একটি আলফা চ্যানেল কিনা; সম্ভবত এটি জিআইএফের মতো যেখানে এটি চালু বা এটি বন্ধ।
.icoফাইলের মধ্যে এই জাতীয় চিত্র অন্তর্ভুক্ত করতে জিম্প ব্যবহার করতে পারেন ।
ফ্যাভিকনের উইকিপিডিয়া নিবন্ধ অনুসারে , ইন্টারনেট এক্সপ্লোরার জন্য কেবল আইসিও ফর্ম্যাটকে সমর্থন করে।
আমি দুটি পৃথক আইকন সঙ্গে লাঠি হবে।
ফেভিকনটি 16x16 বা 32x32 হতে হবে না। আপনি 80x80 বা 100x100 এর একটি ফেভিকন তৈরি করতে পারেন, কেবল উভয় মান একই আকারের তা নিশ্চিত করুন এবং স্পষ্টতই এটি খুব বড় বা খুব ছোট করে তুলবেন না, যুক্তিসঙ্গত আকার চয়ন করুন।
আমি ভীত প্রতিটি রেজোলিউশনের জন্য আপনার পৃথক ফাইলের প্রয়োজন হবে। প্রচারাভিযান মনিটরে একটি দুর্দান্ত নিবন্ধ রয়েছে যা তারা প্রতিটি আইওএস ডিভাইসের জন্য কীভাবে তাদের আইকনগুলি তৈরি এবং কার্যকর করেছে তা বর্ণনা করে:
http://www.campaignmonitor.com/blog/post/3234/designing-campaign-monitor-ios-icons/
আমি যেমন শিখেছি, সেগুলির বেশ কয়েকটি সমাধানের মধ্যে কেউই পারফেক্ট নয়। ফ্যাভিকন জেনারেটর ব্যবহার করা প্রকৃতপক্ষে একটি ভাল সমাধান তবে তাদের সংখ্যা অপ্রতিরোধ্য এবং এটি চয়ন করা শক্ত। আমি এটি যুক্ত করতে চাই না আপনি যদি নিজের ওয়েবসাইটটি পিডাব্লুএ সক্ষম করতে চান তবে গুগল ডেভস দ্বারা বর্ণিত হিসাবে আপনাকে একটি 512x512 আইকনও সরবরাহ করতে হবে :
একটি 192px এবং 512px সংস্করণ সহ আইকনগুলি
আমি সেই মানদণ্ডটি প্রয়োগ করে অনেক ফ্যাভিকন জেনারেটরের সাথে দেখা করি নি ( ফায়ারবেস করে , তবে এটি অনেক কিছুই করে না)। সুতরাং সমাধানটি অবশ্যই অন্যান্য অনেকগুলি সমাধানের মিশ্রণ হতে পারে।
আমি জানি না, আজ 2020 এর সূচনাতে যদি 16x16, 32x32 এখনও প্রাসঙ্গিক সরবরাহ করে। আমি অনুমান করি এটি এখনও কিছু নির্দিষ্ট প্রসঙ্গে যেমন উদাহরণস্বরূপ, যদি আপনার ব্যবহারকারীরা এখনও কোনও কারণে আইই ব্যবহার করেন (এটি কিছু বেসরকারী সংস্থাগুলিতে ঘটে যা কিছু কারণে নতুন ব্রাউজারে স্থানান্তরিত হয় না)