SVG থেকে ICO রূপান্তর Scalable Vector Graphics ↔ Icon বিনামূল্যে অনলাইন নিরাপদ
SVG ছবি নয়, ছবি আঁকার নির্দেশ। এখানে সেই নির্দেশ একবার চালানো হয়, আপনার বেছে নেওয়া মাপে, আর ফল ICO হিসেবে সংরক্ষিত হয়। আঁকা হয় এমন একটি ঘেরের ভিতরে যেখানে ফাইলের কিছুই চলতে পারে না, আর কিছুই আপলোড হয় না।
আপনার ফাইল রূপান্তর করুন
এখানে একটি SVG ছাড়ুন, বা একটি বেছে নিন।
আপনার ফাইল এই যন্ত্র ছেড়ে যায় না। সবটাই আপনার ব্রাউজারে চলে।
কিছুই আপলোড হয় না
ভেক্টর কোথায় আলাদা
SVG কোনো ছবি নয়; তা ছবি আঁকার নির্দেশের একটি সমষ্টি — এখানে এত ব্যাসার্ধের একটি বৃত্ত, এখান থেকে ওখানে একটি রেখা, এই আকৃতিটি ওই রঙে ভরা। তা ২০০১ সালে ওয়েবের মান হয়ে ওঠে, আর যেহেতু তা ফল নয়, আঁকাটিকেই জমা রাখে, সেহেতু যে ফাইল ষোলো পিক্সেলের একটি আইকন আঁকে, সেই একই ফাইল থেকে বিজ্ঞাপনের বড় ফলকও ছাপা যায়। PNG বা JPEG জমা রাখে ঠিক উল্টোটি: রঙিন বিন্দুর একটি সম্পূর্ণ জাল, কে তাদের এঁকেছিল তার কোনো স্মৃতি ছাড়াই। এই অসমতাই এই পাতার সবকিছু ঠিক করে দেয়। ভেক্টর থেকে র্যাস্টারে যাওয়া মানে নির্দেশগুলিকে বেছে নেওয়া মাপে এঁকে ফেলা; উল্টো দিকে যাওয়া মানে ছাঁদ-নকশা করা — একটি প্রোগ্রাম বিন্দুর জালের দিকে তাকিয়ে আন্দাজ করে কোন আকৃতিগুলি তা তৈরি করে থাকতে পারে।
কোথায় এদের দেখা পাবেন
লোগো, আইকন, মানচিত্র, নকশা আর লেখচিত্র বেঁচে থাকে SVG হয়ে, কারণ তাদের সব মাপে পাঠযোগ্য থাকতে হয় এবং প্রায়ই রং বদলাতে হয়। ফ্যাভিকন আর অ্যাপের আইকন এদের থেকেই বানানো হয়। উল্টো দিকটি সেই মুহূর্তের জন্য, যখন একটি ভেক্টরকে সমতল ছবি হতে হয়: এমন মেল প্রোগ্রাম যা SVG দেখায় না, সামাজিক মাধ্যমের পূর্বদর্শন, এমন দলিল যা আপনার চেয়ে পুরোনো সফটওয়্যারওয়ালা কেউ ছাপবে, কিংবা এমন ফর্ম যা কেবল আলোকচিত্রই নেয়।
প্রায়ই জিজ্ঞাসিত প্রশ্ন
আমি একটি আলোকচিত্রের ছাঁদ-নকশা করলাম আর ফল ভয়ানক হল। কেন?
কারণ ছাঁদ-নকশা আলোকচিত্রের জন্য কখনও ভাবাই হয়নি। তা কাজ করে একইরকম রঙের অঞ্চল খুঁজে বার করে প্রতিটির চারপাশে একটি রেখা টেনে; এটি সমতল চিত্রকলার সঙ্গে খাপ খায় — একটি লোগো, একটি ছাঁচ, একটি রেখাচিত্র — আর আলোকচিত্রে ব্যর্থ হয়, যেখানে প্রতিটি অঞ্চল ধীরে ধীরে পরেরটিতে মিশে যায়। নকশাকারীকে সীমানা বানাতে হয় সেখানে, যেখানে কোনো সীমানাই নেই; ফল হয় হয় পোস্টারের মতো সমতল ছোপ, নয়তো এমন ফাইল যাতে কয়েক হাজার ক্ষুদ্র আকৃতি। আলোকচিত্রের বেলায় র্যাস্টারই থাক।
আমার SVG অন্য প্রোগ্রামে আলাদা দেখায় কেন?
সাধারণত হরফের কারণে। যে SVG-তে লেখা আছে তা হরফকে নাম ধরে ডাকে এবং আশা করে যে যন্ত্র তা খুলছে তার কাছে সেই হরফ আছে; না থাকলে অন্য কিছু বসানো হয় আর বিন্যাস সরে যায়। নিরাময় হল রপ্তানির আগে লেখাকে রূপরেখায় বদলে নেওয়া: প্রতিটি অক্ষর একটি আকৃতি হয়ে যায় আর ফাইল সর্বত্র একইরকম দেখায় — দাম এই যে লেখা আর সম্পাদনা বা নির্বাচন করা যায় না। পরিশোধক আর মিশ্রণের ধরনের মতো উন্নত প্রভাব পার্থক্যের অন্য চেনা উৎস।
ফাইলের গুণমান কি কমে?
তা নির্ভর করে দুটি বিন্যাস কী ধরে রাখতে পারে তার উপর। একই জিনিস রাখে এমন বিন্যাসের মধ্যে রূপান্তর — PNG থেকে BMP, WAV থেকে FLAC — কিছুই হারায় না। জায়গা বাঁচাতে তথ্য ফেলে দেয় এমন বিন্যাসে, যেমন JPEG বা MP3-তে, রূপান্তর প্রতিবারই কিছুটা হারায়, আর ফিরিয়ে আনলেও তা ফিরে আসে না। যেখানে বাছাইয়ের সুযোগ আছে, এই পাতা সবচেয়ে ছোট ফাইল বানানোর চেয়ে মূল গুণমান ধরে রাখার দিকেই ঝোঁকে।
আমার ফাইল কি কোথাও আপলোড হয়?
না। রূপান্তর ঘটে আপনার নিজের যন্ত্রে, আপনার ব্রাউজারের ভিতরে; ফাইল সেখান থেকে কখনও বেরোয় না, আর এখানে এমন কোনো সার্ভারই নেই যা তা নিতে পারে। সেজন্যই বড় ফাইলকে আটকায় আপলোড নয়, আপনার নিজের স্মৃতি; আর সেজন্যই আপনি যা রূপান্তর করেন তার কিছুই কারও নথিতে আসতে পারে না — আমাদের নথিতেও নয়। তবে শব্দ ও চলচ্চিত্রের সরঞ্জামগুলি প্রথম ব্যবহারে তাদের রূপান্তর-এঞ্জিন এই সাইট থেকেই নামায় — প্রায় তিরিশ মেগাবাইট, একবারই; তারপরেও কাজ পুরোটাই আপনার যন্ত্রে হয়।
মানুষ কেন SVG থেকে ICO রূপান্তর করে
একটি ICO ফাইল হলো একটি আইকন। ব্রাউজারের ট্যাবে পাতার নামের পাশে, বুকমার্কের তালিকায়, একটি শর্টকাটে এবং Windows-এ একটি প্রোগ্রাম উইন্ডোর কোণে যে ছোট ছবিটি দেখা যায়, সেটিই। আপনি কোনো ওয়েবসাইট চালালে চান এমন একটি যা আপনার চিহ্ন বহন করে। আপনি কোনো প্রোগ্রাম বানালে তার এক্সিকিউটেবলের জন্য একটি দরকার। আর আপনার একটি লোগো থাকলে সেটি খুব সম্ভবত SVG ফরম্যাটের একটি ভেক্টর অঙ্কন। সে কারণেই মানুষ SVG থেকে ICO রূপান্তর করে: তাদের কাছে চিহ্নটির অঙ্কন আছে, আর তাদের সেই আইকন ফাইল দরকার যা ব্রাউজার ও অপারেটিং সিস্টেম এখনও নাম ধরে চায়।
একটি SVG ছবি নয়। এটি একটি ছবি আঁকার নির্দেশের সমষ্টি: এখানে একটি বৃত্ত আঁকো, ওখানে একটি বক্ররেখা, এই আকারটি ওই রঙে ভরো। এটি পিক্সেল নয়, নির্দেশ বলেই একটি SVG যেকোনো আকারে ঝাপসা না হয়ে দেখানো যায়। অন্যদিকে একটি আইকন হলো এক ফাইলে বাঁধা ছোট ছোট কয়েকটি ছবির গুচ্ছ, প্রতিটি একটি নির্দিষ্ট আকারের জন্য তৈরি। এই পাতা আপনার SVG-র নির্দেশ প্রতিটি আকারের জন্য একবার করে অনুসরণ করে এবং ফলগুলো একটি ICO ফাইলে প্যাক করে।
এই পাতা আপনার ব্রাউজারেই SVG থেকে ICO রূপান্তর করে। অঙ্কনটি একটি স্যান্ডবক্সে রেন্ডার হয় যেখানে ফাইলের কিছুই চলতে পারে না, এবং কিছুই আপলোড হয় না। নিচে পাবেন এটি কীভাবে কাজ করে, ফাইলে কোন আকারগুলো আছে, ছোট আইকন কেন বিশেষ সমস্যা এবং তার জন্য কী করবেন।
রূপান্তর কীভাবে কাজ করে
এক ফাইলে ছয়টি আকার
যে ICO বেরোয় তাতে এক ফাইলে ছয়টি আকার থাকে: 16, 32, 48, 64, 128 ও 256 পিক্সেল। প্রতিটি SVG থেকে নতুন করে আঁকা হয়, একটি থেকে আরেকটি ছোট করে নয়, তাই 16 পিক্সেলের সংস্করণ হলো 16 পিক্সেলে অনুসৃত নির্দেশ, বড়টির সংকুচিত প্রতিলিপি নয়। সবগুলো তাদের স্বচ্ছতা ধরে রাখে। অপারেটিং সিস্টেম বা ব্রাউজার তখন আইকন যেখানে দেখানো হচ্ছে সেখানে যে আকার মানায় সেটি বেছে নেয়।
একটি স্যান্ডবক্স যেখানে কিছুই চলতে পারে না
একটি SVG ফাইলে নীতিগতভাবে স্ক্রিপ্ট ও অন্য জিনিসের উল্লেখ থাকতে পারে। এটি যাতে কখনও ঝুঁকি না হয়, তাই অঙ্কনটি এমন একটি স্যান্ডবক্সে রেন্ডার হয় যেখানে ফাইলের কিছুই চলতে পারে না। কেবল আকারগুলো আঁকা হয়। এটি এমন ফাইলের ক্ষেত্রেও নিরাপদ যা আপনি এমন কোথাও থেকে নামিয়েছেন যাকে পুরোপুরি বিশ্বাস করেন না।
কেন নতুন করে আঁকা সংকুচিত করার চেয়ে ভালো
একটি বড় ছবিকে ছোট করলে খুঁটিনাটি একে অপরে মিশে যায় এবং রেখা ধূসর হয়ে ওঠে। ভেক্টর নির্দেশ থেকে লক্ষ্য আকারে নতুন করে আঁকলে প্রতিটি আকারের পক্ষে সম্ভব সবচেয়ে ধারালো ফল পাওয়া যায়, কারণ রেখাগুলো সরাসরি পিক্সেল গ্রিডে বসানো হয়।
কী রাখা হয়
ছয়টি আকার
আপনি পান 16, 32, 48, 64, 128 ও 256 পিক্সেল, যা আইকন সাধারণত যেখানে দেখানো হয় সেই জায়গাগুলো ঢাকে: ব্রাউজার ট্যাব, টাস্কবার, ডেস্কটপ শর্টকাট, ফাইল তালিকা এবং বড় প্রিভিউ।
স্বচ্ছতা
ছয়টি আকারেই স্বচ্ছতা রাখা হয়। SVG-র যেসব অংশে কোনো ভরাট নেই সেগুলো ICO-তেও এপার-ওপার দেখা যায়, তাই আইকন তার পেছনে যা-ই থাকুক তার রঙ নেয়।
চিহ্নের আকার
অঙ্কনটি যেমন আছে তেমনই থাকে, তার রঙ ও আকারসহ। SVG বর্গাকার না হলে প্রতিটি আইকনের বর্গে টানা ছাড়াই খাপ খাওয়ানো হয়।
SVG থেকে ICO রূপান্তরের আগে যা জানা উচিত
একটি আইকন একটি আলাদা অঙ্কন
একটি আইকন ছোট ছবি নয়, এটি একটি আলাদা অঙ্কন। সূক্ষ্ম রেখা বা ছোট লেখা যেকোনো কিছু 16 পিক্সেলে ঘেঁটে যায়, যত যত্ন করেই রেন্ডার করা হোক। একটি পোস্টারে চমৎকার দেখানো লোগো ফেভিকন হিসেবে পড়া অসম্ভব হতে পারে। ফল ঘোলাটে দেখালে সমাধান আরও ভালো রূপান্তর নয়, বরং আরও সরল একটি SVG।
সবচেয়ে ছোট আকারের কথা ভেবে নকশা করুন
সেরা আইকন তৈরি হয় সবচেয়ে ছোট আকারের কথা মাথায় রেখে: একটি সাহসী আকার, সীমিত সংখ্যক রঙ, কোনো চুলের মতো রেখা নয় এবং একটি অক্ষরের বেশি লেখা নয়। পারলে এই উদ্দেশ্যে আপনার লোগোর একটি সরলীকৃত সংস্করণ আলাদা SVG হিসেবে তৈরি করুন, তারপর সেটি দিয়ে SVG থেকে ICO রূপান্তর করুন।
অন্য জায়গা থেকে আসা ফন্ট ও ছবি মেলে না
SVG যে ফন্ট ও ছবি অন্য জায়গা থেকে টানে সেগুলো স্যান্ডবক্সে মেলে না। সার্ভার থেকে লোড করা ওয়েব ফন্টে সাজানো লেখা সিস্টেম ফন্টে ফিরে যায়, আর ফাইলের বাইরে থেকে জোড়া ছবি অনুপস্থিত থাকবে। সেরা ফলের জন্য লেখাকে আউটলাইনে রূপান্তর করুন এবং ছবিগুলো এমবেড করুন।
এখানে কীভাবে SVG থেকে ICO রূপান্তর করবেন
আপনার অঙ্কন যোগ করুন
SVG-টি পাতায় ফেলুন বা আপনার ডিভাইস থেকে বেছে নিন। এটি আপনার ব্রাউজারের ভেতরেই পড়া হয় এবং আপলোড হয় না।
রূপান্তর
বোতাম চাপুন। ছয়টি আকার একটির পর একটি আঁকা হয়, যাতে একটু সময় লাগে। শেষ না হওয়া পর্যন্ত পাতা খোলা রাখুন।
ডাউনলোড ও পরীক্ষা
ICO ডাউনলোড করুন এবং যেখানে ব্যবহার হবে সেখানে চেষ্টা করুন। একটি ওয়েবসাইটে এটি favicon.ico নামে রুট ফোল্ডারে রাখুন, বা পাতার head-এ তার লিংক দিন, তারপর ব্রাউজারের ট্যাব দেখুন। Windows-এ একটি শর্টকাটে এটি বরাদ্দ করে বিভিন্ন আকারে কেমন দেখায় তা দেখতে পারেন।
SVG ও ICO-র দিকে আরও নিবিড় দৃষ্টি
ভেক্টর আর বান্ডল
একটি SVG হলো একটিমাত্র অঙ্কন যা যেকোনো আকারে রেন্ডার করা যায়। একটি ICO হলো ভেতরে কয়েকটি ছবিসহ একটি কন্টেইনার, প্রতিটির নির্দিষ্ট আকার। যে সফটওয়্যার একটি আইকন দেখায় সে তার প্রয়োজনীয় আকারের সবচেয়ে কাছের ছবিটি বেছে নেয়, যা ঝাপসা স্কেলিং এড়ায়। SVG থেকে ICO রূপান্তর করা মানে কন্টেইনারটি যে আকারগুলো ধারণ করবে বলে প্রত্যাশিত সেই আকারে অঙ্কনটি রেন্ডার করা।
আইকন কোথায় ব্যবহৃত হয়
ব্রাউজার ট্যাবের জন্য ছোটতম আকার আর বুকমার্ক ও নতুন ট্যাব পাতার জন্য বড়গুলো ব্যবহার করে। Windows এগুলো ব্যবহার করে টাস্কবার, Start মেনু ও Explorer-এ। মোবাইল ডিভাইসে হোম স্ক্রিনের জন্য ছবির আকারের নিজস্ব সেট আছে, যা সাধারণত PNG ফাইল, ICO নয়। আপনি ফোনের জন্য একটি অ্যাপ আইকন তৈরি করলে প্ল্যাটফর্মের দাবি করা আকারে SVG থেকে PNG ভালো পথ।
আজকের ফেভিকন
আধুনিক ব্রাউজার ফেভিকন হিসেবে PNG এমনকি SVG-ও গ্রহণ করে, কিন্তু ICO এখনও সেই ফরম্যাট যা সর্বত্র কাজ করে, পুরোনো ব্রাউজার, কিছু ফিড রিডার এবং স্বয়ংক্রিয়ভাবে favicon.ico খোঁজা টুলসহ। একটি রাখা নিরাপদ পছন্দ।
বিস্তারিত সাধারণ পরিস্থিতি
একটি ওয়েবসাইটের ফেভিকন
SVG থেকে ICO রূপান্তর করুন, ফাইলটি আপনার সাইটের রুটে favicon.ico নামে সংরক্ষণ করুন এবং তার লিংক দিন। প্রতিটি ব্রাউজারের ট্যাব আপনার চিহ্ন বহন করবে, যা অনেক খোলা ট্যাবের মধ্যে পাতাটিকে চেনা যায় এমন করে তোলে।
একটি Windows প্রোগ্রামের আইকন
Windows-এর প্রোগ্রাম তাদের এক্সিকিউটেবল ও শর্টকাটে একটি আইকন বহন করে। এর জন্য ডেভেলপারদের একটি বহু-আকারের ICO দরকার। আপনি যে ছয়টি আকার পান তা সাধারণ প্রয়োজন মেটায়।
শর্টকাট আর ফোল্ডার
Windows-এ আপনি একটি শর্টকাট বা ফোল্ডারকে নিজের আইকন দিতে পারেন। আপনার লোগো থেকে তৈরি একটি ICO আপনার ডেস্কটপ বা প্রকল্পের ফোল্ডার চেনা সহজ করে।
ছোট ব্যবসার সাইট ও ব্লগ
একটি ফেভিকন এমন একটি ছোট খুঁটিনাটি যা সাইটকে সম্পূর্ণ মনে করায়। আপনার লোগো একটি SVG হলে এই রূপান্তর সেই ফাইল তৈরি করে যা সাইট নির্মাতারা আপনাকে আপলোড করতে বলে।
SVG থেকে ICO রূপান্তরের আগে ব্যবহারিক পরামর্শ
অঙ্কন সরল করুন
সূক্ষ্ম রেখা সরান, লেখা বাদ দিন বা একটি অক্ষর রাখুন, এবং সাহসী আকার ব্যবহার করুন। রূপান্তরের আগে আপনার অঙ্কন প্রোগ্রামে SVG-টি 16 পিক্সেলে দেখুন, ছোটতম আইকন কেমন হবে তা বুঝতে।
অঙ্কনটি বর্গাকার করুন
আইকন বর্গাকার। আপনার লোগো চওড়া হলে সামান্য মার্জিনসহ একটি বর্গাকার ক্যানভাসে বসান, যাতে তা কাটা না পড়ে এবং বর্গের ভেতরে ক্ষুদ্র না দেখায়।
কনট্রাস্ট দেখুন
ব্রাউজার ট্যাব হালকা বা গাঢ় হতে পারে। দুই পটভূমির বিপরীতেই জোরালো কনট্রাস্টের একটি চিহ্ন সহজে দেখা যায়। গাঢ় চিহ্নে একটি সরু সাদা রূপরেখা, বা একটি নিরেট রঙিন আকার, সাধারণত কাজ করে।
SVG রেখে দিন
SVG হলো মূল কপি। পরে আইকন বদলানোর সিদ্ধান্ত নিলে আবার SVG থেকে ICO রূপান্তর করতে আপনার সেটি লাগবে।
রূপান্তরের আগে মানুষ যা জিজ্ঞাসা করে
আমার আইকন 16 পিক্সেলে ঝাপসা দেখায় কেন?
কারণ 16 পিক্সেল খুবই কম। সূক্ষ্ম রেখা ও ছোট লেখা সেখানে ফোটানো যায় না। আরও ভালো রূপান্তর খোঁজার বদলে অঙ্কন সরল করুন।
ফাইলে কোন আকারগুলো আছে?
16, 32, 48, 64, 128 ও 256 পিক্সেল, প্রতিটি SVG থেকে নতুন করে আঁকা, সবগুলো স্বচ্ছতাসহ।
স্বচ্ছতা কি থাকবে?
হ্যাঁ। SVG-র একটি স্বচ্ছ পটভূমি ICO-র ছয়টি আকারেই স্বচ্ছ থাকে।
ফাইলটি কি ফেভিকন হিসেবে ব্যবহার করতে পারি?
হ্যাঁ। এর নাম দিন favicon.ico, আপনার সাইটের রুটে রাখুন, বা আপনার পাতাগুলোর head থেকে তার লিংক দিন।
আমার ফাইল কি আপলোড হয়?
না। রূপান্তর আপনার ব্রাউজারে চলে এবং ফাইল কখনও আপনার ডিভাইস ছাড়ে না।
একটি আইকন থেকে কি SVG বানাতে পারি?
হ্যাঁ, একটা পর্যন্ত। ICO থেকে SVG একটি আইকনকে আকারে ট্রেস করে, যদিও ছোট আকার কতটা উদ্ধার করা যায় তা সীমিত করে।
SVG থেকে ICO রূপান্তরের সময় বুদ্ধিমানের সঙ্গে বাছাই
ICO না PNG?
যে ফেভিকন সর্বত্র কাজ করে তার জন্য ICO বেছে নিন। ফোনের অ্যাপ আইকন এবং ওয়েব পাতার ছবির জন্য PNG সাধারণ ফরম্যাট। SVG থেকে PNG আপনাকে তা দেয়।
পুরো সেটের কথা ভাবুন
একটি ব্র্যান্ড তৈরি করলে আপনার লোগো PNG হিসেবে, একটি ফেভিকন ICO হিসেবে এবং ছাপার উপযোগী একটি সংস্করণ PDF হিসেবে লাগতে পারে। SVG থেকে PDF ছাপার জন্য অঙ্কনকে অঙ্কন হিসেবেই রাখে।
একটি আসল ট্যাবে পরীক্ষা করুন
আইকনটি একটি প্রকৃত ব্রাউজার ট্যাবে, হালকা ও গাঢ় দুটি থিমেই দেখুন। বেশির ভাগ মানুষ সেখানেই এর মুখোমুখি হবে।
রূপান্তরের পর ভালো ফল পাওয়া
ব্রাউজার ক্যাশ পরিষ্কার করুন
ব্রাউজার ফেভিকন অনেকক্ষণ ধরে রাখে। আইকন বদলানোর পরও পুরোনোটি দেখলে ক্যাশ পরিষ্কার করুন বা সাইটটি একটি প্রাইভেট উইন্ডোতে খুলুন।
সব আকার দেখুন
ICO ফাইল খোলে এমন কোনো টুল থাকলে প্রতিটি আকার দেখুন। 256 পিক্সেলে ঠিক থাকা একটি চিহ্ন 16-তে পড়া অসম্ভব হতে পারে, আর সেটাই বলে দেয় সরল করতে হবে কি না।
সঠিক নাম দিন
ব্রাউজার ডিফল্টভাবে সাইটের রুটে favicon.ico খোঁজে। ফাইলটির লিংক স্পষ্টভাবে না দিলে সেই নাম রাখুন।
সবচেয়ে ছোট আকারে টিকে থাকা একটি চিহ্ন নকশা করা
16 পিক্সেলের গ্রিড থেকে শুরু করুন
SVG থেকে ICO রূপান্তরের সময় ভালো ফল পাওয়ার সবচেয়ে নির্ভরযোগ্য উপায় হলো সবচেয়ে ছোট আকারের কথা ভেবে নকশা করা। ষোলো বাই ষোলো বর্গের একটি গ্রিড কল্পনা করুন এবং জিজ্ঞাসা করুন তাতে কী বসাতে পারেন। একটি বৃত্ত, একটি অক্ষর, একটি সরল গ্লিফ: হ্যাঁ। একটি স্বাক্ষর, মূলমন্ত্রসহ একটি প্রতীক: না। বড় আকারগুলো আপনি যা-ই আঁকুন ঠিকঠাক দেখাবে, তাই ছোটটিই সেই বাধা যার জন্য নকশা করতে হয়।
জোরালো আকার আর কম রঙ ব্যবহার করুন
পরিষ্কার কনট্রাস্টের দুই বা তিনটি রঙ অনেক রঙের গ্রেডিয়েন্টের চেয়ে ভালো পড়া যায়। বর্গের বেশির ভাগ ভরাট করা নিরেট আকার সরু রূপরেখার চেয়ে চেনা সহজ, কারণ প্রতিটি পিক্সেল চিহ্নের বেশি অংশ বহন করে।
একটু দম নেওয়ার জায়গা রাখুন
বর্গের কিনারা ছোঁয়া একটি চিহ্ন গুমোট দেখাতে পারে, আর কিছু সিস্টেম নিজস্ব গোলাকার প্রান্ত বা সীমানা যোগ করে। সবচেয়ে ছোট আকারে এক বা দুই পিক্সেলের মার্জিন আকারটি অক্ষত রাখে।
অন্য আইকনের পাশে দেখুন
সুপরিচিত সাইটের কয়েকটি ট্যাব খুলুন আর তুলনা করুন। দেখবেন সবচেয়ে ভালো কাজ করা আইকনগুলো খুব সরল। SVG থেকে ICO রূপান্তরের আগে সেই শৃঙ্খলা ধার নিন, আপনার ফল ট্যাবের ভিড়ে টিকে থাকবে।
গোপনীয়তা আর পরিচালনা
অঙ্কনের জন্য স্থানীয় রূপান্তর কেন গুরুত্বপূর্ণ
লোগো ও ব্র্যান্ড চিহ্ন প্রকাশের আগে গোপনীয় হতে পারে। অনেক অনলাইন কনভার্টার আপনার ফাইল সার্ভারে আপলোড করে, প্রক্রিয়া করে ও ফল ফেরত পাঠায়, আর কিছুক্ষণ একটি কপি এমন মেশিনে থাকে যা আপনার নিয়ন্ত্রণে নেই। এখানে আপনার নিজের ব্রাউজার কাজ করে, তাই অঙ্কনটি আপনার ডিভাইসেই থাকে।
আপনি চলে গেলে কী হয়
পাতা বন্ধ করলে রূপান্তরিত ফাইল ব্রাউজার থেকে মুছে যায়, তাই আগে ডাউনলোড করুন। আপনার অঙ্কনের কিছুই রাখা হয় না।
কিছু ভুল হলে
আইকন ফাঁকা বেরোয়
SVG-তে হয়তো আকার বা view box নেই। এটি একটি টেক্সট এডিটরে খুলে দেখুন তাতে width ও height বা একটি view box আছে কি না, অথবা আপনার অঙ্কন প্রোগ্রামে ঠিক করুন।
আইকন কাটা পড়ে
কিছু SVG-তে এমন উপাদান থাকে যা তাদের ঘোষিত এলাকার বাইরে বিস্তৃত। মূল ফাইলে view box সামঞ্জস্য করুন যাতে সবকিছু ভেতরে খাপ খায়।
পাতা জমে যায়
সবকিছু আপনার ডিভাইসে চলে। একটি কম্পিউটারে আবার চেষ্টা করুন, বা আরও সরল একটি অঙ্কন দিয়ে।
সম্পর্কিত টুল
একই পরিবারের টুল পাশের কাজগুলো ঢাকে। আপনার পছন্দের আকারে ছবির জন্য SVG থেকে PNG বা SVG থেকে JPG ব্যবহার করুন। যে নথি যেকোনো জুমে ধারালো থাকে তার জন্য SVG থেকে PDF অঙ্কনকে অঙ্কন হিসেবে রাখে। ছবি আবার আকারে ট্রেস করতে ICO থেকে SVG, PNG থেকে SVG ও JPG থেকে SVG কাজটি করে।
একটি কাজের উদাহরণ
ধরুন আপনি একটি ছোট ব্লগ শুরু করেছেন, আর আপনার লোগো একটি SVG: একটি সবুজ পাতা, তার নিচে ব্লগের নাম। আপনি এখানে SVG-টি ফেলে বোতাম চাপলেন। ICO আসে, আর ব্রাউজার ট্যাবে পাতাটি চেনা যায়, কিন্তু নিচের নামটি পড়া যায় না। আপনি আপনার অঙ্কন প্রোগ্রাম খুলে শুধু পাতাসহ একটি সংস্করণ বানান, আবার SVG থেকে ICO রূপান্তর করেন এবং নতুন ফাইলটি favicon.ico হিসেবে আপলোড করেন। ট্যাবে এখন একটি স্পষ্ট সবুজ পাতা দেখা যায়, আর পুরো লোগো পাতায় থাকে।
একটি সংক্ষিপ্ত চেকলিস্ট
রূপান্তরের আগে
অঙ্কন সরল করুন। বর্গাকার করুন। লেখাকে আউটলাইনে রূপান্তর করুন এবং ছবিগুলো এমবেড করুন।
রূপান্তরের সময়
ফাইল প্রস্তুত না হওয়া পর্যন্ত পাতায় থাকুন।
রূপান্তরের পর
ICO-টি একটি ব্রাউজার ট্যাবে ও একটি শর্টকাটে, হালকা ও গাঢ় থিমে পরীক্ষা করুন, এবং SVG রেখে দিন।
সাধারণ ভুল
পুরো লোগো ব্যবহার
লেখা ও সূক্ষ্ম খুঁটিনাটি 16 পিক্সেলে হারিয়ে যায়। একটি সরলীকৃত চিহ্ন ব্যবহার করুন।
ব্যস্ত অঙ্কন ঠিক করতে আরও ভালো রূপান্তর আশা করা
দোষ আকারে, টুলে নয়। SVG সরল করুন।
ক্যাশের কথা ভুলে যাওয়া
একটি পুরোনো ফেভিকন ব্রাউজারে আটকে থাকতে পারে। নতুনটি ব্যর্থ হয়েছে সিদ্ধান্ত নেওয়ার আগে ক্যাশ পরিষ্কার করুন।
আপনার অঙ্কন আপনার ডিভাইসেই থাকে
রূপান্তর স্থানীয়ভাবে ঘটে। আপনার অঙ্কন আপনার নিজের ব্রাউজার পড়ে, সেখানেই আঁকে এবং ICO হিসেবে ফেরত দেয়। কিছুই আপলোড হয় না, তাই কোনো কপি সার্ভারে যায় না এবং আর কেউ তা দেখতে পারে না। অপ্রকাশিত ব্র্যান্ড চিহ্নের জন্য SVG থেকে ICO রূপান্তরের এটাই নিরাপদ উপায়।
সারসংক্ষেপ
এখানে SVG থেকে ICO রূপান্তর করতে অঙ্কনটি ফেলুন এবং বোতাম চাপুন। একটি SVG ছবি নয়, ছবি আঁকার নির্দেশ, এবং এখানে সেই নির্দেশ প্রতিটি আকারের জন্য একবার করে অনুসরণ করা হয় ও ফলগুলো ICO হিসেবে সংরক্ষিত হয়। অঙ্কনটি একটি স্যান্ডবক্সে রেন্ডার হয় যেখানে ফাইলের কিছুই চলতে পারে না, এবং কিছুই আপলোড হয় না। ফাইলে ছয়টি আকার আছে: 16, 32, 48, 64, 128 ও 256 পিক্সেল, প্রতিটি SVG থেকে নতুন করে আঁকা, একটি থেকে আরেকটি ছোট করে নয়, এবং সবগুলো স্বচ্ছতাসহ। একটি আইকন ছোট ছবি নয়, এটি একটি আলাদা অঙ্কন: সূক্ষ্ম রেখা বা ছোট লেখা যেকোনো কিছু 16 পিক্সেলে ঘেঁটে যায়, যত যত্ন করেই রেন্ডার করা হোক। ফল ঘোলাটে দেখালে সমাধান আরও ভালো রূপান্তর নয়, বরং আরও সরল একটি SVG। অন্য জায়গা থেকে টানা ফন্ট ও ছবি মেলে না।