আপনার নিজের ফ্যাভিকন আইকন তৈরির 3 টি উপায়

2024 লেখক: Gilbert Ryder | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-31 09:01

একটি ফেভিকন হল আপনার ব্রাউজারে আপনার অ্যাড্রেস বারের পাশে সেই ছোট্ট ছবি। এটিই আপনার সাইটকে বুকমার্ক ট্যাবে আলাদা করে রাখে এবং ব্র্যান্ড সচেতনতা বাড়াতে ব্যবহার করা যেতে পারে। যদি আপনার কোন সাইট থাকে কিন্তু কখনোই ফেভিকন তৈরির কথা বিবেচনা না করেন, তাহলে আপনার সিদ্ধান্ত পুনর্বিবেচনা করা উচিত। ক্রমবর্ধমানভাবে, সফ্টওয়্যার ডেভেলপাররা তাদের অ্যাপ্লিকেশনের বিভিন্ন দিক যেমন ফ্যাবিকন ব্যবহার করছে, যেমন ট্যাবলেটে হোম স্ক্রিন আইকন। সৌভাগ্যবশত, একটি ফেভিকন ডিজাইন করা, তৈরি করা এবং বাস্তবায়ন করা এমন কিছু যা প্রায় কেউই করতে পারে যদি তারা সঠিক পদক্ষেপগুলি অনুসরণ করে।

ধাপ

পদ্ধতি 3 এর 1: আপনার ফেভিকন ডিজাইন করা

ধাপ 1. একটি ফেভিকন তৈরি করুন যা আপনার ওয়েবসাইটের প্রতিনিধিত্ব করে।

আপনার ওয়েবসাইটের ধরণটি আপনার ফেভিকনের চেহারা নির্ধারণ করা উচিত। এমন কিছু ডিজাইন করার চেষ্টা করুন যা আপনার ব্র্যান্ড ইমেজ মেনে চলবে এবং যা মানুষের কাছে স্বীকৃত এবং স্মরণীয় হয়ে থাকবে। আপনার ফেভিকন প্রথম জিনিস হবে যা লোকেরা তাদের ব্রাউজারে ট্যাবগুলির দিকে তাকালে এবং মানুষের বুকমার্কগুলিতেও প্রদর্শিত হবে।

• উদাহরণস্বরূপ, যদি আপনার কোন খাবারের ওয়েবসাইট থাকে, তাহলে একটি ফেভিকন বেছে নিন যার ফল বা সবজি আছে নকশা হিসাবে এটি আরও স্মরণীয় করে তুলতে পারে।
• আপনার ওয়েবসাইট যদি কোন ল ফার্ম বা ইনভেস্টমেন্ট কোম্পানির হয়ে থাকে, তাহলে একটি traditionalতিহ্যবাহী এবং মসৃণ ফেভিকন সবচেয়ে ভালো।
• যদি আপনার ওয়েবসাইটটি তরুণদের প্রতি লক্ষ্য করা হয়, তাহলে একটি কৌতুকপূর্ণ এবং রঙিন ফেভিকন তৈরির চেষ্টা করুন।

পদক্ষেপ 2. আপনি স্বচ্ছ পটভূমি চান কিনা তা সিদ্ধান্ত নিন।

যদি আপনি একটি পটভূমি মনোনীত না করেন, তাহলে এটি সাদা রঙে পূর্ণ হবে, যা আপনার ব্র্যান্ডকে মেনে চলতে পারে না। একটি স্বচ্ছ পটভূমি ব্যক্তির ব্রাউজারের রঙ গ্রহণ করবে এবং কিছু ক্ষেত্রে আরও সুশৃঙ্খল দেখাবে। অন্যান্য ক্ষেত্রে, পটভূমির জন্য একটি রঙ থাকলে অগ্রভাগের অক্ষর বা গ্রাফিক্স পপ হয়ে যাবে। আপনার নকশার জন্য কোনটি সেরা হবে তা সিদ্ধান্ত নিন এবং এটি তৈরি করার সময় এটি মনে রাখবেন।

সবচেয়ে মৌলিক ফ্যাভিকন একটি 16x16 বর্গ এবং একটি পটভূমি রঙ আছে।

ধাপ a. এমন একটি ফেভিকন তৈরি করুন যা পড়া সহজ।

যেহেতু আপনি যে ফেভিকন ইমেজটি ব্যবহার করবেন তা ছোট, তাই আপনার ভিজিটরদের বিভ্রান্ত না করেই আপনি আপনার ব্র্যান্ডটি পেতে পারেন। একটি ফেভিকন যা পড়া কঠিন, একটি নেতিবাচক ছাপ ফেলে এবং আপনি যে কাজটি দিতে পারেন তার মান সম্পর্কে দর্শকের মনে প্রশ্ন তৈরি করতে পারে। 16x16 বা 32x32 পিক্সেল পর্যন্ত সঙ্কুচিত হলে অত্যধিক জটিল ছবি এবং লোগো ভাল দেখায় না।

• যদি আপনার বিদ্যমান লোগোটি খুব জটিল হয়, তাহলে আপনি এটিকে সহজ করার জন্য কৌশল ব্যবহার করতে পারেন, তাই এটি ফেভিকন আকারে স্বীকৃত হতে পারে। পুরো কোম্পানির নাম দেখানোর পরিবর্তে আদ্যক্ষর ব্যবহার করুন, অথবা একটি ছবি ব্যবহারের পরিবর্তে একটি সাধারণ আইকন ডিজাইন করুন।
• আপনার যদি ইতিমধ্যেই একটি সহজ লোগো থাকে, তাহলে আপনি ছবিটি সঙ্কুচিত করে আপনার ফেভিকন হিসেবে সেট করতে পারেন। একটি আইকন ফাইলে রূপান্তর করার আগে আপনাকে এটি পরিবর্তন করতে হতে পারে।
• আপনি এমন একটি বস্তুর ছবিও ব্যবহার করতে পারেন যা আপনার সাইটের সামগ্রিক থিম বর্ণনা করে।

ধাপ 4. একটি নান্দনিকভাবে আনন্দদায়ক ফেভিকন তৈরি করুন।

আপনার ফেভিকনের গঠনকে এর ফর্ম বলা হয়। ফ্যাভিকনগুলি সাধারণত বৃত্ত বা বর্গের মতো আকার ধারণ করে। যখন আপনি আপনার ফ্যাভিকন ডিজাইন করেন, তখন এটি সাধারণভাবে ভাল হয় যদি এটি এই মৌলিক ফর্মগুলির মধ্যে একটিতে ফিট করতে সক্ষম হয় কারণ ফ্রি-ফর্ম আকারগুলি প্রায়ই 16x16 পিক্সেলগুলিতে ঘোলাটে বা বিভ্রান্ত হতে পারে। আপনার ডিজাইনের আরেকটি গুরুত্বপূর্ণ দিক হল নান্দনিক unityক্য। নান্দনিক unityক্য আপনার ফেভিকনের বিভিন্ন উপাদানের বিবরণ এবং মাপ এবং আপনার ফেভিকন কীভাবে ভারসাম্যপূর্ণ তা অন্তর্ভুক্ত করে। বিবরণ যত বেশি ইউনিফর্ম হবে, আপনার ফেভিকন তত বেশি একত্রিত হবে। উদাহরণস্বরূপ, আপনার ফেভিকনের মধ্যে বিভিন্ন ফন্টের ধরন বা মাপ ব্যবহার করা চোখকে আনন্দদায়ক নয় এবং আপনার ফেভিকনকে বিভ্রান্ত বা অগোছালো দেখাতে পারে।

• নান্দনিক unityক্যের আরেকটি উদাহরণ হল আপনার ফেভিকনের সমস্ত আকৃতি জুড়ে গোলাকার কোণ বজায় রাখা।
• ফর্ম পরিবর্তিত আইকনের একটি ভাল উদাহরণ হল গুগলের ফেভিকন। এটি একটি বর্গ থেকে একটি বৃত্তে পরিবর্তিত হয়েছে।

ধাপ 5. আপনার ব্র্যান্ডের সাথে একত্রিত হওয়া রঙগুলি ব্যবহার করুন।

যখন আপনি আপনার ফেভিকন তৈরি করেন, তখন আপনার এটি 8 বিট (256 রঙ) বা 24 বিট (16.7 মিলিয়ন রঙ) রঙের গভীরতায় তৈরি করা উচিত, কারণ এটি আধুনিক ব্রাউজারে কাজ করবে। নিশ্চিত করুন যে আপনি যে রংগুলি চয়ন করেন তা আপনার ওয়েবসাইটে অন্য কোথাও পাওয়া যেতে পারে বা আপনার ব্র্যান্ডের সাথে কোনওভাবে যুক্ত থাকে। আপনার ওয়েবসাইট, লোগো বা অ্যাপ্লিকেশনে নেই এমন রঙের একটি ফেভিকন স্মরণীয় হবে না এবং লোকেরা আপনার ব্র্যান্ডের সাথে আইকনটি যুক্ত করতে পারবে না।

• ফেভিকন রঙের কিছু সৃজনশীল ব্যবহারগুলির মধ্যে রয়েছে গিটহাব যা আপনার সিস্টেমের অবস্থা এবং ট্রেলোর উপর নির্ভর করে রঙ পরিবর্তন করে, যা আপনার পটভূমির রঙের উপর নির্ভর করে পরিবর্তিত হয়।
• ফেভিকনগুলিতে ব্যবহৃত সবচেয়ে সাধারণ রং হল লাল এবং নীল।

পদক্ষেপ 6. একটি ফেভিকন ডিজাইন করার সময় আপনার শ্রোতাদের বিবেচনা করুন।

আপনার ব্র্যান্ড চিহ্নিত করা ছাড়াও, আপনার ফেভিকনকে আপনার দর্শকদের কাছে আকর্ষণীয় দেখাতে হবে। বিভিন্ন রুচি, রুচি এবং সামাজিক মানসম্পন্ন ব্যক্তিরা বিভিন্ন দৃষ্টিকোণ থেকে বিভিন্ন আইকনোলজি দেখবে। আমাদের সমাজের মধ্যে সাংস্কৃতিক পার্থক্য বিদ্যমান এবং আপনি যে দর্শকদের আকৃষ্ট করার চেষ্টা করছেন তাদের বিভ্রান্ত বা তাড়িয়ে দিতে পারে।

উদাহরণস্বরূপ, ম্যাক ওএস এক্স একটি স্ট্যাম্প ব্যবহার করে যা মেইলের জন্য একটি সার্বজনীন প্রতীক। একটি মেইলবক্স ব্যবহার করা ততটা কার্যকর হবে না কারণ বিশ্বের বিভিন্ন স্থানে মেলবক্সের তারতম্য রয়েছে।

ধাপ 7. বন্ধু এবং সহকর্মীদের মতামত পান।

যদিও এটি অবিশ্বাস্যভাবে গ্রাফিক্যালি নিবিড় নয়, একটি ফেভিকন আপনার ব্র্যান্ডের একটি গুরুত্বপূর্ণ অংশ। উদাহরণস্বরূপ, টুইটার, জিমেইল, ফেসবুক বা উইকিহোর মতো আপনার পছন্দের ওয়েবসাইটগুলি সম্পর্কে চিন্তা করুন এবং আপনি ব্র্যান্ডের সাথে ফেভিকনকে কতটা যুক্ত করেন। আপনার যদি ডিজাইনের জন্য ভাল চোখ না থাকে, অথবা আপনার সাইটের জন্য আপনার কোন ধরনের ডিজাইন হওয়া উচিত তা নিয়ে আপনি স্টাম্পড হন, এমন বন্ধুদের সাথে পরামর্শ করুন যাদের ডিজাইনের প্রতি নজর আছে বা যারা গ্রাফিক ডিজাইনে কাজ করে।

• আপনার বন্ধুদের নেটওয়ার্কে জিজ্ঞাসা করুন যে কেউ বিনামূল্যে নকশা পরামর্শ দিতে পারে কিনা।
• বৃহত্তর কোম্পানিগুলির অভ্যন্তরীণ গ্রাফিক ডিজাইনার রয়েছে যা ফেভিকন ইমেজ তৈরি করতে পারে।

3 এর 2 পদ্ধতি: আপনার ফেভিকন তৈরি করা

ধাপ 1. আপনার ফেভিকন তৈরি করতে ফটো এডিটিং সফটওয়্যার ব্যবহার করুন।

আপনি আপনার ফেভিকনের জন্য ছবি তৈরি করতে অ্যাডোব ফটোশপ বা ইলাস্ট্রেটরের মত ফটো এডিটিং সফটওয়্যার ব্যবহার করতে পারেন। এই সফ্টওয়্যার অ্যাপ্লিকেশনগুলি আপনাকে সঠিক ফর্ম্যাটে চিত্রটির আকার পরিবর্তন এবং রপ্তানি করতে দেয়। কিছু সফটওয়্যার আপনাকে হাত দিয়ে আপনার ফেভিকন তৈরি করতে দেয়।

• ফেভিকন নির্দিষ্ট সম্পাদনা প্রোগ্রাম রয়েছে যা আপনি অনলাইনে খুঁজে পেতে পারেন।
• একটি সার্চ ইঞ্জিন ব্যবহার করুন এবং "ফেভিকন এডিটর" টাইপ করুন।
• আপনার ক্যানভাসের আকার 512x512 পিক্সেল করুন কারণ এই সংখ্যাটি সবচেয়ে বেশি প্রযোজ্য ফ্যাভিকন আকারে ভেঙে যায় এবং এখনও কার্যকরভাবে সম্পাদনা করার জন্য যথেষ্ট বড়।
• অন্যান্য জনপ্রিয় ফটো এডিটিং সফটওয়্যারের মধ্যে রয়েছে GIMP, PhotoScape, এবং Paint. NET।
• এই সফ্টওয়্যারটি ব্যবহার করার সময়, আপনি.ico ফাইলগুলি সরাসরি সম্পাদনা করতে পারবেন না, তবে আপনি.png,.jpg, বা-g.webp" />

ধাপ 2. আপনার ফেভিকনের আকার পরিবর্তন করুন এবং সংরক্ষণ করুন।

32x32 px হল উইন্ডোজ ডেস্কটপ আইটেমের আকার যখন 16x16 px আপনার ব্রাউজারের ট্যাবে ফেভিকনের আকার। আপনি আপনার ফ্যাভিকনকে আরও বড় আকারে তৈরি করার পরে, এর আকার হ্রাস করা গুরুত্বপূর্ণ যাতে আপনি দেখতে পারেন এটি মানুষের ব্রাউজারে কেমন দেখাবে। যদি এটি অপঠিত বা নান্দনিকভাবে আনন্দদায়ক না হয়, তাহলে আপনার মূল নকশাটি শুরু করুন। আপনার ওয়েবসাইট বা অ্যাপ্লিকেশনটি সম্ভবত যে প্ল্যাটফর্মগুলিতে ব্যবহার করা হবে সেগুলি সম্পর্কে চিন্তা করুন এবং তারপরে আপনার সমস্ত ঘাঁটি কভার করার জন্য একটি ফেভিকন তৈরি করুন।

• এটি লক্ষ করা গুরুত্বপূর্ণ যে বিভিন্ন হার্ডওয়্যার এবং সফ্টওয়্যার বিভিন্ন ফেভিকন আকার ব্যবহার করে।
• কিছু অন্যান্য ফ্যাভিকন সাইজের মধ্যে রয়েছে স্ট্যান্ডার্ড আইওএস হোম স্ক্রিনের জন্য 57x57px, আইপ্যাডের জন্য 72x72px, গুগল টিভির জন্য 96x96px, ক্রোম ওয়েব স্টোরের জন্য 128x128px এবং অপেরা স্পিড ডায়ালের জন্য 195x195px।
• আপনি যদি আপনার সমস্ত ঘাঁটি কভার করতে চান তবে আপনি এই প্রতিটি আকারে আপনার ফেভিকনের সংস্করণ তৈরি করতে পারেন।
• আপনার ফেভিকনের পৃথক সংস্করণ সংরক্ষণ করুন, যাতে আপনি আপনার কাজটি হারাবেন না।

ধাপ 3. একটি কনভার্টার ব্যবহার করে আপনার ফাইল একত্রিত করুন।

. Ico ফাইলগুলির সবচেয়ে বড় বিষয় হল আপনি এটি তৈরি করতে একাধিক ফাইল একত্রিত করতে পারেন। এটি দরকারী কারণ বিভিন্ন ব্রাউজার এবং সফ্টওয়্যার একটি ভিন্ন আকারের ফেভিকন চাইবে। আপনার ফেভিকনটি বিভিন্ন প্ল্যাটফর্ম জুড়ে ভাল দেখাচ্ছে তা নিশ্চিত করতে, একটি অনলাইন রূপান্তরকারী ব্যবহার করে আপনার ফাইলগুলি রূপান্তর করুন। এটি করার জন্য বিনামূল্যে অনলাইন অ্যাপ্লিকেশন খুঁজে পেতে আপনার প্রিয় সার্চ ইঞ্জিনে "আইকন কনভার্টার" টাইপ করুন। একীভূত ফাইলটি "favicon.ico" হিসাবে সংরক্ষণ করুন।

• আপনি GIMP- এর মতো একটি প্রোগ্রাম ব্যবহার করতে পারেন যার একটি বিল্ট ইন ফিচার আছে, অথবা ICO FORMAT নামে একটি প্লাগইন অ্যাডোব ফটোশপে ডাউনলোড করতে পারেন।
• একটি নতুন ফোল্ডার তৈরি করুন যাতে আপনি নতুন ফেভিকন সংরক্ষণ করতে পারেন বা কাজ চলছে।
• সার্চ ইঞ্জিনে ".ico কনভার্টার" বা "ফেভিকন জেনারেটর" টাইপ করুন যাতে আপনি বিভিন্ন টুল ব্যবহার করতে পারেন।

3 এর পদ্ধতি 3: আপনার ফেভিকন বাস্তবায়ন

ধাপ 1. যদি আপনি ওয়েবসাইট সম্পাদক ব্যবহার করেন তবে আপনার ফেভিকন আপলোড করুন।

অনেক ওয়েবসাইট সম্পাদক একটি অন্তর্নির্মিত ফর্ম নিয়ে আসে যা আপনাকে স্বয়ংক্রিয়ভাবে আপনার ওয়েবসাইটে আপনার ফেভিকন আপলোড করতে দেয়। আপনি যদি এমন একটি ওয়েবসাইট সম্পাদক ব্যবহার করেন যা এটি অন্তর্নির্মিত, আপনার ওয়েবসাইটের সেটিংস মেনুতে "আপলোড ফ্যাভিকন" বা "অ্যাড ফেভিকন" বলার বিকল্পগুলি সন্ধান করুন। আপনার favicon.ico ফাইলটি নির্বাচন করুন এবং আপনার সাইটে আপলোড করুন।

আপনি যদি আপনার ওয়েবসাইট এডিটরে আপনার ফেভিকন আপলোড করার জায়গা খুঁজে না পান, তাহলে আপনাকে এটি ম্যানুয়ালি করতে হবে।

পদক্ষেপ 2. ফাইলটি আপনার সাইটের রুট ডিরেক্টরিতে আপলোড করুন।

যদি আপনার ওয়েবসাইট ফাইল ট্রান্সফার প্রোটোকল বা FTP সমর্থন করে, তাহলে আপনি আপনার FTP ক্লায়েন্ট ব্যবহার করে আপনার নতুন favicon.icon ফাইলটি আপনার রুট (ইনডেক্স) ডিরেক্টরিতে আপলোড করতে পারেন। যদি না হয়, তাহলে আপনাকে আপনার ওয়েব হোস্ট পৃষ্ঠায় যেতে হবে এবং ছবিটি ম্যানুয়ালি আপলোড করতে হবে। আপনার নতুন ফাইলের সাথে বিদ্যমান favicon.ico ফাইলটি প্রতিস্থাপন করতে ভুলবেন না।

ধাপ 3. আপনার হেডারে ফাইল যোগ করুন।

এমন জায়গা খুঁজুন যেখানে আপনি আপনার সাইটের জন্য পিএইচপি এবং সিএসএস ফাইলগুলি অ্যাক্সেস করতে পারেন। আপনার সাইটের header.php ফাইলে যান এবং এডিট করুন। ট্যাগ টাইপের নিচে,"

• এটি আপনার সাইটকে আপনার ফেভিকনের সাথে সংযুক্ত করবে।

  যেহেতু আপনি পিএইচপি ব্যবহার করছেন, তার মানে হল যে যে কোনো সাইট যেগুলো আপনার হেডার ফাইল ব্যবহার করে সেগুলোতে এখন একই ফেভিকন থাকবে।

  

  ধাপ 4. আপনার ব্রাউজার রিফ্রেশ করুন।

  ফ্যাভিকন আপলোড করা হয়ে গেলে আপনি অ্যাড্রেস বারের পাশে আপনার নতুন ছবি দেখতে ব্রাউজার রিফ্রেশ করতে পারেন। আপনার আপডেট করা ফেভিকনের একটি ছবিতে সরাসরি যেতে, "https://www.yourdomain.com/favicon.ico" টাইপ করুন।

  • যদি আপনার ফেভিকন প্রাথমিকভাবে উপস্থিত না হয়, তাহলে আপনাকে আপনার ব্রাউজারের ক্যাশে পুনরায় সেট করতে হতে পারে।
  • আপনার ক্যাশে সাফ করতে, আপনার ব্রাউজারের সেটিংসে যান এবং আপনার অস্থায়ী ইন্টারনেট ফাইল, কুকি এবং ইতিহাস মুছে দিন।