Wix এর জন্য ফেভিকন
Wix সেটিংস > ওয়েবসাইট তথ্য > ফেভিকনের অধীনে সাইট ড্যাশবোর্ডে আপনার ফেভিকন সঞ্চয় করে এবং প্রতিটি প্রকাশিত পৃষ্ঠায় স্বয়ংক্রিয়ভাবে এটিকে ইনজেক্ট করে। একটি বর্গাকার PNG আপলোড করুন কমপক্ষে 100×100 পিক্সেল — 512×512 খাস্তা প্রদর্শনের জন্য আদর্শ৷ PWA এবং apple-touch-icon সমর্থনের জন্য, উন্নত ব্যবহারকারীরা Wix ভেলোর মাধ্যমে কাস্টম কোড যোগ করতে পারেন। আপনার লোগো বা ব্র্যান্ড চিহ্ন থেকে আপলোড করার জন্য প্রস্তুত PNG তৈরি করতে favicon generator ব্যবহার করুন৷
আপনার ফেভিকন হল একটি Wix সাইটে সবচেয়ে দৃশ্যমান ব্র্যান্ড উপাদানগুলির মধ্যে একটি — এটি ব্রাউজার ট্যাব, বুকমার্ক বার এবং ঠিকানা বার ইতিহাসে প্রদর্শিত হয়৷ একটি তীক্ষ্ণ, স্বীকৃত ফেভিকন দর্শকদের সনাক্ত করতে এবং দ্রুত আপনার Wix সাইটে ফিরে আসতে সাহায্য করে। একবার আপনি ছবিটি আপলোড করলে Wix স্বয়ংক্রিয়ভাবে ফেভিকন ইনজেকশন পরিচালনা করে, তাই প্রয়োজনীয় প্রচেষ্টা ন্যূনতম।
আপনার Wix ফেভিকন যোগ করতে বা পরিবর্তন করতে, আপনার Wix ড্যাশবোর্ডে লগ ইন করুন এবং সেটিংস > ওয়েবসাইট তথ্যে নেভিগেট করুন৷ ফেভিকন বিভাগে স্ক্রোল করুন (কখনও কখনও আপনার Wix সংস্করণের উপর নির্ভর করে সাইট আইকন বা ট্যাব ফেভিকন লেবেল করা হয়)। মিডিয়া ম্যানেজার খুলতে আপলোড এলাকা বা বিদ্যমান আইকন থাম্বনেইলে ক্লিক করুন। আপনার স্কোয়ার PNG আপলোড করুন এবং নিশ্চিত করুন।
Wix 100×100 পিক্সেলের ন্যূনতম ফেভিকন আকারের সুপারিশ করে, কিন্তু এটি একটি তল, লক্ষ্য নয়। তীক্ষ্ণ ফলাফলের জন্য, 512×512 আপলোড করুন। Wix ট্যাব ডিসপ্লের জন্য ইমেজকে নিচের দিকে স্কেল করে এবং বড় উৎস থেকে শুরু করার মানে হল ছোট আকারে কম মানের ক্ষতি। favicon generator সেকেন্ডের মধ্যে যেকোনো লোগো থেকে একটি নিখুঁত 512×512 PNG রপ্তানি করে।
Wix ফ্যাভিকন আপলোডের জন্য PNG ফর্ম্যাট হল সেরা পছন্দ৷ এটি স্বচ্ছতা সমর্থন করে, যা নিশ্চিত করে যে আপনার আইকনটি রঙিন বা সাদা ব্যাকগ্রাউন্ড বক্স ছাড়াই হালকা এবং গাঢ় ব্রাউজার থিমের বিপরীতে পরিষ্কার দেখায়। ICO ফাইলের প্রয়োজন নেই — Wix আপনার PNG রূপান্তর করে এবং সঠিক MIME প্রকারের সাথে পরিবেশন করে।
Wix স্টুডিও (Wix-এর পেশাদার স্তর) সেটিংস > ওয়েবসাইট তথ্যের অধীনে একই স্থানে ফ্যাভিকন সেটিং স্থাপন করে। আপনার যদি SVG ফ্যাভিকন বা apple-touch-icon ট্যাগের প্রয়োজন হয় তবে স্টুডিও `<head>` বিভাগে আরও উন্নত কাস্টম কোড ইনজেকশনের অনুমতি দেয়। Wix স্টুডিও প্রকল্পে হেড স্ক্রিপ্ট যোগ করতে সেটিংস > কাস্টম কোডে নেভিগেট করুন।
Wix ড্যাশবোর্ডে আপনার ফেভিকন আপলোড করার পরে, পরিবর্তনটি লাইভ হওয়ার জন্য আপনাকে অবশ্যই আপনার সাইটটি পুনরায় প্রকাশ করতে হবে৷ সম্পাদকের উপরের ডানদিকের কোণায় প্রকাশ করুন ক্লিক করুন। Wix আপনার কাস্টম ডোমেনের সমস্ত পৃষ্ঠা জুড়ে নতুন ফেভিকন প্রচার করে৷ ড্যাশবোর্ডে সংরক্ষিত পরিবর্তনগুলি কিন্তু প্রকাশিত হয়নি দর্শকদের কাছে দৃশ্যমান নয়৷
Wix স্বয়ংক্রিয়ভাবে `<link rel='icon'>` ট্যাগ ইনজেকশন পরিচালনা করে — আপনাকে কোনো কোড যোগ করতে হবে না। Wix আপনার আপলোড করা ফেভিকনকে প্রয়োজনীয় মাত্রায় আকার পরিবর্তন করে iOS হোম-স্ক্রীন সংরক্ষণের জন্য একটি মৌলিক apple-touch-icon এন্ট্রিও ইনজেক্ট করে। একটি কাস্টম 180×180 apple-touch-icon (ফ্যাভিকন থেকে ভিন্ন), Wix ভেলো কাস্টম কোড ইনজেকশন ব্যবহার করুন।
আপনি যখন একটি আলফা চ্যানেলের সাথে একটি PNG আপলোড করেন তখন স্বচ্ছ ব্যাকগ্রাউন্ডগুলি Wix দ্বারা সংরক্ষিত হয়৷ যদি আপনার আইকনের একটি কঠিন ব্যাকগ্রাউন্ড থাকে, তাহলে এটি ডার্ক-মোড ব্রাউজার ট্যাবে একটি রঙিন বাক্স দেখাবে। আপলোড করার আগে কোন ব্যাকগ্রাউন্ড ফিল ছাড়াই আপনার লোগো রপ্তানি করুন। আপনি favicon tester ব্যবহার করে স্বচ্ছতা সঠিকভাবে কাজ করছে তা যাচাই করতে পারেন যা হালকা এবং অন্ধকার উভয় পটভূমিতে আইকন রেন্ডার করে।
Wix Velo (Wix-এর মধ্যে JavaScript ডেভেলপমেন্ট প্ল্যাটফর্ম) উন্নত ফেভিকন কাস্টমাইজেশনের অনুমতি দেয়। Velo এর `wixLocation` এবং পৃষ্ঠা ইভেন্ট ব্যবহার করে, আপনি গতিশীলভাবে প্রতি পৃষ্ঠায় বিভিন্ন ফ্যাভিকন লিঙ্ক ট্যাগ ইনজেক্ট করতে পারেন। এটি পণ্য-নির্দিষ্ট ব্র্যান্ডিং সহ ই-কমার্স সাইটগুলির জন্য বা বহু-বিভাগের সাইটগুলির জন্য দরকারী যেখানে প্রতিটি বিভাগ একটি আলাদা আইকন ব্যবহার করে৷
আপনি যদি একটি Wix টেমপ্লেট ব্যবহার করেন যা Wix নেটিভ ফ্যাভিকন সমর্থন চালু করার আগে তৈরি করা হয়েছিল, তাহলে ফ্যাভিকন সেটিংস অন্য জায়গায় উপস্থিত হতে পারে বা একেবারেই উপস্থিত নাও হতে পারে। এই ক্ষেত্রে, Wix-এর কাস্টম কোড ইনজেকশন ব্যবহার করুন: সেটিংস > কাস্টম কোড > কোড যোগ করুন > প্রতিটি পৃষ্ঠার `<head>`-এ কোড রাখুন, এবং আপনার হোস্ট করা ফেভিকনে একটি লিঙ্ক সহ ম্যানুয়ালি `<link rel='icon' href='URL'>` ট্যাগ যোগ করুন।
Wix ADI (কৃত্রিম ডিজাইন ইন্টেলিজেন্স) সাইটগুলি আপনার ব্র্যান্ড সম্পদ থেকে স্বয়ংক্রিয়ভাবে একটি ফেভিকন সেট করে যদি আপনি সেটআপ উইজার্ডের সময় সেগুলি প্রদান করেন৷ আপনি সেটিংস > ওয়েবসাইট তথ্য > ফেভিকন পাথ ব্যবহার করে যে কোনো সময় ADI-নির্বাচিত ফেভিকনকে ওভাররাইড করতে পারেন। এডিআই-উত্পাদিত ফেভিকনগুলি প্রায়শই কম-রেজোলিউশনের লোগো হয় — সেগুলিকে উদ্দেশ্য-নির্মিত আইকন দিয়ে প্রতিস্থাপন করার পরামর্শ দেওয়া হয়।
আপনার Wix ফেভিকন প্রকাশ করার পরে, কোনো স্থানীয় ব্রাউজার ক্যাশে ছাড়াই আপডেট করা আইকন দেখতে একটি ব্যক্তিগত/ছদ্মবেশী ব্রাউজার উইন্ডোতে আপনার লাইভ ডোমেন খুলুন। যদি পুরানো ফেভিকনটি একটি দিন পরেও সাধারণ ব্রাউজিংয়ে দেখায়, তবে এটি সম্ভবত Wix সমস্যাটির পরিবর্তে ব্রাউজার ক্যাশে। একটি হার্ড রিফ্রেশ (Ctrl+Shift+R বা Cmd+Shift+R) ব্রাউজারকে ক্যাশ করা আইকন বাতিল করতে বাধ্য করে।
যে সকল ব্যবসার জন্য PWA তাদের Wix সাইটে সমর্থন ইনস্টল করতে চায় — একটি পূর্ণ-আকারের অ্যাপ আইকন এবং একটি স্প্ল্যাশ স্ক্রীন সহ একটি মোবাইল হোম স্ক্রিনে সাইটটি যুক্ত করা — Wix এর সীমিত স্থানীয় PWA ক্ষমতা রয়েছে৷ 192×192 এবং 512×512 PNG আইকন ধারণকারী একটি বাহ্যিকভাবে হোস্ট করা site.webmanifest ফাইলের দিকে নির্দেশ করে একটি `<link rel='manifest'>` ট্যাগ যোগ করতে Wix-এর কাস্টম কোড ইনজেকশন ব্যবহার করুন। সম্পূর্ণ ম্যানিফেস্ট সেটআপের জন্য web app manifest guide দেখুন।
এটি কিভাবে কাজ করে
- 1
একটি 512×512 PNG ফেভিকন তৈরি করুন
উত্স হিসাবে আপনার লোগো বা ব্র্যান্ড চিহ্ন সহ [favicon generator](tool:favicon-generator) ব্যবহার করুন৷ প্যাকেজ থেকে 512×512 PNG ডাউনলোড করুন — এটি Wix এর জন্য সঠিক মাপ।
- 2
সেটিংস > ওয়েবসাইটের তথ্য খুলুন
আপনার Wix ড্যাশবোর্ডে (এডিটর নয়), সেটিংস > ওয়েবসাইটের তথ্যে নেভিগেট করুন এবং ফেভিকন বিভাগটি খুঁজতে নিচে স্ক্রোল করুন।
- 3
আপনার PNG আপলোড করুন
আপলোড এলাকা বা বিদ্যমান ফেভিকন থাম্বনেইলে ক্লিক করুন, Wix মিডিয়া ম্যানেজার বা আপনার ডিভাইস থেকে আপনার 512×512 PNG নির্বাচন করুন এবং নিশ্চিত করুন৷ সেটিংস সংরক্ষণ করুন।
- 4
আপনার সাইট প্রকাশ করুন
Wix সম্পাদকের পাবলিশ বোতামে ক্লিক করুন। Wix আপনার লাইভ কাস্টম ডোমেনের সমস্ত পৃষ্ঠা জুড়ে আপডেট করা ফেভিকন ট্যাগ ইনজেক্ট করে।
- 5
একটি ছদ্মবেশী উইন্ডোতে যাচাই করুন
একটি ব্যক্তিগত/ছদ্মবেশী ব্রাউজার উইন্ডোতে আপনার লাইভ ডোমেন খুলুন। নতুন ফেভিকন ট্যাবে উপস্থিত হওয়া উচিত। দ্রুত বাহ্যিক চেকের জন্য [favicon tester](utility:favicon-tester) ব্যবহার করুন।
এখনই চেষ্টা করুন
একটি Wix-প্রস্তুত ফেভিকন তৈরি করুন৷
ফেভিকন জেনারেটরসাধারণ প্রশ্ন
Wix-এ ফ্যাভিকন সেটিং কোথায়?+
সেটিংস > ওয়েবসাইট তথ্য > ফেভিকন (আপনার Wix সংস্করণ বা টেমপ্লেটের উপর নির্ভর করে সঠিক লেবেলটি 'ট্যাব ফেভিকন' বা 'সাইট আইকন' হতে পারে)। একটি বর্গাকার PNG আপলোড করুন, সংরক্ষণ করুন এবং আপনার লাইভ সাইটে এটি প্রয়োগ করতে প্রকাশ করুন ক্লিক করুন৷
আমার Wix ফেভিকনের আকার কি হওয়া উচিত?+
Wix-এর জন্য ন্যূনতম 100×100 পিক্সেল প্রয়োজন কিন্তু 512×512 PNG দৃঢ়ভাবে সুপারিশ করা হয়। একটি বৃহত্তর উত্স থেকে শুরু করে Wix 32×32 (ট্যাব আকার) এ দৃশ্যমান মানের ক্ষতি ছাড়াই নমুনা কমাতে পারে তা নিশ্চিত করে৷
কেন আমার Wix ফেভিকন এখনও পুরানো আইকন দেখাচ্ছে?+
নিশ্চিত করুন যে আপনি নতুন ফেভিকন আপলোড করার পরে প্রকাশ ক্লিক করেছেন — সংরক্ষিত পরিবর্তনগুলি প্রকাশিত না হওয়া পর্যন্ত লাইভ পুশ করা হয় না। তারপর আপনার ব্রাউজারের স্থানীয় ফেভিকন ক্যাশে বাইপাস করতে একটি ব্যক্তিগত/ছদ্মবেশী উইন্ডোতে আপনার সাইট খুলুন।
আমি কি Wix-এ SVG ফ্যাভিকন ব্যবহার করতে পারি?+
নেটিভ সেটিংস প্যানেলের মাধ্যমে নয় - এটি শুধুমাত্র রাস্টার ফর্ম্যাটগুলি গ্রহণ করে৷ SVG ব্যবহার করতে, সেটিংস > কাস্টম কোড > হেড কোডে একটি কাস্টম কোড `<link rel='icon' type='image/svg+xml' href='URL'>` যোগ করুন এবং বাহ্যিকভাবে SVG হোস্ট করুন।
Wix কি স্বয়ংক্রিয়ভাবে একটি apple-touch-icon যোগ করে?+
আপনার আপলোড করা ফেভিকন ইমেজ থেকে Wix একটি মৌলিক apple-touch-icon ইনজেক্ট করে। একটি কাস্টম 180×180 apple-touch-icon (ট্যাব ফ্যাভিকন থেকে পৃথক) এর জন্য, Wix ভেলো বা সেটিংস > কাস্টম কোডের মাধ্যমে ম্যানুয়ালি লিঙ্ক ট্যাগটি ইনজেক্ট করুন৷
আমার Wix ফেভিকন এখনও ডিফল্ট Wix আইকন দেখায় — আমি কী করব?+
সেটিংস > ওয়েবসাইটের তথ্যে আপনার নতুন ফেভিকন সংরক্ষণ করুন, তারপর সম্পাদকে প্রকাশ করুন ক্লিক করুন। সাইটটি আপনার কাস্টম ডোমেনে প্রকাশিত হয়েছে কিনা পরীক্ষা করুন (শুধু Wix সাবডোমেন প্রিভিউ নয়)। আপনার ব্রাউজার ক্যাশে সাফ করুন এবং একটি ছদ্মবেশী উইন্ডোতে চেষ্টা করুন৷
আমি কি বিভিন্ন Wix পৃষ্ঠায় বিভিন্ন ফেভিকন পেতে পারি?+
হ্যাঁ, Wix Velo ব্যবহার করে। প্রতি পৃষ্ঠায় একটি কাস্টম কোড ইনজেকশন যোগ করুন, অথবা বর্তমান পৃষ্ঠার পথের উপর ভিত্তি করে `<link rel='icon'>` উপাদানকে গতিশীলভাবে আপডেট করতে Velo-এর পৃষ্ঠা-প্রস্তুত ইভেন্ট ব্যবহার করুন।