একটি ফেভিকন তৈরি করা [বন্ধ]

Question 1

বন্ধ এই প্রশ্নটি স্ট্যাক ওভারফ্লো নির্দেশিকাগুলি পূরণ করে না । এটি বর্তমানে উত্তর গ্রহণ করছে না।

এই প্রশ্নটি উন্নত করতে চান? প্রশ্ন আপডেট করুন তাই এটা -বিষয়ে স্ট্যাক ওভারফ্লো জন্য।

3 বছর আগে বন্ধ ।

আমি কীভাবে আমার ওয়েবসাইটের জন্য একটি ফ্যাভিকন তৈরি করতে পারি?

Question 2

ফেভিকন সম্পর্কে অনুসন্ধান করে, আমি আবিষ্কার করেছি যে সমস্ত ব্রাউজার এবং ডিভাইসে আমার 10 টিরও বেশি ফাইলের কাজ করতে হবে :(

আমি হতাশ হয়ে আমার নিজস্ব ফেভিকন জেনারেটর তৈরি করেছি, যা এই সমস্ত ফাইল এবং তাদের প্রত্যেকের জন্য সঠিক এইচটিএমএল শিরোনাম তৈরি করে: ফেভিকনাইট.কম

আপনি এটা উপভোগ করেন.

Question 3

আপনার যদি ইতিমধ্যে কোনও লোগো চিত্র থাকে যা আপনি ফ্যাভিকনে রূপান্তর করতে চান তবে আপনি http://www.favicomatic.com/ ব্যবহার করে এটিকে রূপান্তর করতে পারেন । এটি খাস্তা ফ্যাভিকন তৈরি করে এবং এগুলি তৈরি করার পরে আমার এডিট করতে হয়নি। এটি 16x16 এবং 32x32 এ ফ্যাভিকন উত্পন্ন করবে এবং তাদের উদ্ধৃতি দিতে: "প্রত্যেক অভিহিত আকার, স্যার!" সাইটটি কিছু পিএনজিতে স্বচ্ছতার উপস্থিতিকে সমর্থন / সংরক্ষণ করে। এছাড়াও, তাদের সাইটটি দুর্দান্ত দেখায় এবং ব্যবহার করা সহজ।

উদাহরণস্বরূপ এখানে একটি স্ট্যাকওভারফ্লো লোগো রয়েছে: এখানে চিত্র বর্ণনা লিখুন

এখানে উত্পন্ন কয়েকটি ফেভিকন রয়েছে:

এখানে চিত্র বর্ণনা লিখুন

তারা প্রয়োজনীয় এইচটিএমএল জেনারেট করে:

<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
<meta name="application-name" content="&nbsp;"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />

আমি প্রথম 20 বা আরও গুগল ফলাফল দেখেছি এবং এটি এখন পর্যন্ত সেরা।

Question 4

জিআইএমপি এটির জন্য একটি ভাল প্রোগ্রাম। চিত্রটি কেবল পিএনজি হিসাবে সংরক্ষণ করুন, তারপরে যুক্ত করুন

 <link rel="SHORTCUT ICON" HREF="/favicon.png">

উপর <HEAD>আপনার পৃষ্ঠার অধ্যায়।

Question 5

আপনি একটি আইকন ফাইল তৈরি করুন যা 16x16 বা 32x32 বা 64x64। এটিকে নাম দিন ফেভিকন.ইকো এবং এটি আপনার ওয়েবসাইট সর্বজনীন ফোল্ডারের মূলের মধ্যে রাখুন।

এমন ওয়েবসাইট রয়েছে যা অন্যান্য গ্রাফিক ফর্ম্যাটগুলিকে আপনার জন্য .ico রূপান্তর করবে। অর্থাত্ http://tools.dynamicdrive.com/favicon/

Question 6

সেরা অনলাইন ফেভিকন সরঞ্জামগুলির মধ্যে একটি হ'ল ফ্যাভিকনজেনারেটর ডটকম । দ্রুত, আধুনিক ডিজাইন, কোনও ফ্লাফ নেই।

Question 7

আপনি ফাইল .ico তৈরি করতে চান, তাহলে আপনি ব্যবহার করতে পারেন গিম্পের ফ্যাবিকনগুলি তৈরি করুন। আধুনিক ব্রাউজারগুলি সাধারণ চিত্র ফাইলগুলি ব্যবহার করতে পারে তবে মূলত আমি মনে করি এটি কেবল .ico ফাইল ছিল। এটি ফটোশপের অনুরূপ একটি মুক্ত উত্স চিত্র সম্পাদক image ডান আকারের একটি চিত্র তৈরি করুন এবং সম্পাদনা করুন (32 x 32 বলুন) এক স্তরে ফ্ল্যাট করুন (আপনি যদি একই ফাইলে একাধিক আইকন না চান) এবং আইকো হিসাবে সংরক্ষণ করুন। এটি এটিকে সঠিকভাবে ফর্ম্যাট করবে, তারপরে <link rel="SHORTCUT ICON" HREF="/favicon.ico">আপনার ওয়েবপৃষ্ঠায় এটি ব্যবহার করতে স্টেফানো ব্যবহার করুন।

Question 8

আমি আইকন প্লাগইন সহ ওপেন সোর্স পেইন্ট.টোন প্রোগ্রামটি ব্যবহার করি ।

তারপরে আপনি .ico ফাইলটিতে এম্বেড থাকা বিভিন্ন আকারের সাথে .ico ফর্ম্যাটে একটি চিত্র তৈরি এবং সংরক্ষণ করতে পারেন।

Question 9

ফেভিকন তৈরি করার সময়, আপনি নিম্নলিখিত বিষয়গুলি বিবেচনায় নিতে চান:

সমর্থিত প্ল্যাটফর্ম দশ বছর আগে, আপনি কেবল ডেস্কটপ ব্রাউজারগুলিকে সমর্থন করতে চেয়েছিলেন এবং এর সমাধানটি ছিল ক্লাসিক favicon.icoছবি উত্পন্ন করা । আজকাল, আপনি আইওএস (এবং আইওএস সাফারি) এবং অ্যান্ড্রয়েড (এবং অ্যান্ড্রয়েড ক্রোম) সমর্থন করতে চান। হতে পারে উইন্ডোজ 10 (এবং এজ) এবং নতুন ম্যাক বুক প্রো টাচ বারও (ম্যাকস সাফারি)। আপনি কেবলমাত্র একটি একক "এক আকারের সমস্ত ফিট করে" চিত্র ব্যবহার করতে পারবেন না।
ডিজাইন আপনি একাধিক প্ল্যাটফর্ম সমর্থন করার সাথে সাথেই আপনি একাধিক নকশা নির্দেশিকাগুলির মুখোমুখি হচ্ছেন। উদাহরণস্বরূপ, গুগল অ্যান্ড্রয়েডে নিজস্ব নেটিভ অ্যাপ্লিকেশনগুলির জন্য স্বচ্ছ আইকন ব্যবহার করছে, যখন আইওএস আইকনগুলি একেবারেই স্বচ্ছ হতে পারে না। আপনি কেবল "একক ডিজাইন সব ফিট করে" পদ্ধতির ব্যবহার করতে পারবেন না।
উত্পন্ন আইকন এবং এইচটিএমএল কোড দুই বা তিন বছরের জন্য, রেফারেন্সটি সমস্ত কেস কভার করার জন্য যথাসম্ভব অনেকগুলি আইকন তৈরি করা হয়েছে। আমি ভীত আমি এই প্রবণতাটি নিজেই তৈরি করেছিলাম: - / সমস্যাটি হ'ল আপনি 20-কিছু লাইন বা এইচটিএমএল দিয়ে শেষ করেছেন, যা অনেক বেশি is একটি সন্তোষজনক প্রযুক্তিগত সমাধান পেতে, আপনাকে উত্পন্ন আইকন / এইচটিএমএল এবং সমর্থিত প্ল্যাটফর্মগুলির পরিমাণের ভারসাম্য বজায় রাখতে হবে।

যথারীতি আপনি নিজেই এই সমস্ত সম্পদ তৈরি করতে পারেন। আপনার খুব, খুব নির্দিষ্ট প্রয়োজন এবং একটি বাজেট না থাকলে এটি অবশ্যই যাওয়ার উপায় নয়।

বেশিরভাগ লোকের পক্ষে সঠিক উপায় হ'ল একটি ফ্যাভিকন জেনারেটর ব্যবহার করা যা আপনাকে সমস্ত আইকনগুলির চেহারা নির্ধারণ করতে দেয় এবং সমস্ত বিবরণের যত্ন নিতে পারে। একমাত্র এটি যা রিয়েল ফ্যাভিকন জেনারেটর । সম্পূর্ণ প্রকাশ: আমি এই সাইটের লেখক।

Question 10

এবং আপনি যদি এসপ নেট ব্যবহার করছেন তবে আপনার পৃষ্ঠায় ফেভিকন প্রয়োগ করার জন্য এই উপায়টি ব্যবহার করে দেখুন:

<link runat="server" rel="shortcut icon" href="~/favicon.ico" type="image/x-icon" />
<link runat="server" rel="icon" href="~/favicon.ico" type="image/ico" />

তবে আপনি এখানে আরও তথ্য পেতে পারেন: http://doctype.com/

Question 11

আমি ফটোশপ ব্যবহার করে আমার ফ্যাভিকনগুলি 16 x 16 বা 32 x 32 তৈরি করি। আমি তখন এটি জিআইএফ হিসাবে সংরক্ষণ করি এবং আমি জিফকে আইকোতে রূপান্তর করতে ইরফানভিউ ব্যবহার করি ।