

লোগো ট্রান্সপারেন্ট করুন
JPG ট্রান্সপারেন্ট হতে পারে না: ফরম্যাটটিতে আলফা চ্যানেল নেই, তাই JPG লোগো সবসময় তার সাদা বাক্সসহ আসে। ব্যাকগ্রাউন্ড রিমুভ করে PNG বা WebP হিসেবে সেভ করুন, এগুলো ট্রান্সপারেন্সি রাখে। ভেক্টর ফাইল (SVG, PDF, AI, EPS) থাকলে ওয়েব আর প্রিন্টে সেটাই ব্যবহার করুন, কারণ তা যেকোনো সাইজে শার্প থাকে। তারপর ব্যবহারের আগে কাটআউটটি গাঢ় ব্যাকগ্রাউন্ডে দেখে নিন।
ডেভেলপারদের জন্য: একটি API কলঅথবা ফাইল ছেড়ে দিন, ছবি পেস্ট করুন Ctrl/⌘+V বা
আমাদের সার্ভারে প্রসেস করা হয়। প্রিভিউ সঙ্গে সঙ্গেই মুছে ফেলা হয়।
ছবি নেই?
এগুলোর একটি চেষ্টা করুন:
এক নজরে
| যে ফরম্যাট ট্রান্সপারেন্সি রাখে | PNG আর WebP (lossy বা lossless)। JPG-তে আলফা চ্যানেল নেই। |
|---|---|
| ওয়েবের লোগো ও আইকনের জন্য সবচেয়ে ভালো | থাকলে SVG; এটি ঝাপসা না হয়ে যেকোনো সাইজে বড়-ছোট হয় |
| Google Search-এর জন্য ফেভিকন | স্কোয়ার (1:1), অন্তত 8 x 8 px; Google 48 x 48 px-এর চেয়ে বড় রাখার পরামর্শ দেয় |
| ওয়েব অ্যাপ আইকন | অন্তত একটি 192 x 192 px আর একটি 512 x 512 px আইকন (Chromium) |
| LinkedIn পেজের লোগো | 400 x 400 px প্রস্তাবিত, সর্বনিম্ন 268 x 268 px, PNG বা JPEG, সর্বোচ্চ 3 MB |
| Etsy শপ লোগো | 500 x 500 px প্রস্তাবিত |
কীভাবে করবেন
- পাওয়া সবচেয়ে বড় কপি দিয়ে শুরু করুনইমেইল সিগনেচারের লোগো প্রায়ই 200 px-এর কম চওড়া হয়। ব্র্যান্ড ফোল্ডার, প্রেস কিট, PDF বা সাইটের নিজস্ব ইমেজ ফাইলে আসলটি খুঁজুন। কাটআউট এমন ডিটেল যোগ করতে পারে না যা নেই, তাই 2000 px সোর্সে পরিষ্কার কিনারা আসে আর 150 px সোর্সে নরম, খাঁজকাটা কিনারা।
- ব্যাকগ্রাউন্ড রিমুভ করে ফাঁকগুলো দেখুনব্যাকগ্রাউন্ড রিমুভ করুন, তারপর O, A, B, e আর g-এর মতো বন্ধ আকারের অক্ষরে আর আইকন ও ওয়ার্ডমার্কের মাঝের ফাঁকে জুম করুন। ভেতরের ওই অংশগুলোও ট্রান্সপারেন্ট হতে হবে, নইলে স্লাইড বা হেডারের রং সেখান দিয়ে দেখা যাবে না। বাকি থাকা সাদা ধরতে প্রিভিউ গাঢ় ব্যাকগ্রাউন্ডে বদলে দিন।
- যেখানে ব্যবহার হবে সেই অনুযায়ী এক্সপোর্ট করুনস্লাইড, ডকুমেন্ট আর মার্চেন্ডাইজ মকআপের জন্য ট্রান্সপারেন্ট PNG ডাউনলোড করুন, ওয়েবসাইটের জন্য WebP, যা আকারে ছোট। ফেভিকন আর সোশ্যাল প্রোফাইলের জন্য স্কোয়ার ভার্সন বানান, চিহ্নের চারপাশে প্যাডিং রেখে যাতে গোল ক্রপে কেটে না যায়।
টিপস ও সাধারণ ভুল
- গাঢ় ব্যাকগ্রাউন্ডে সাদা হ্যালোসাদার ওপর সেভ করা লোগোর কিনারার পিক্সেল সাদার সঙ্গে মেশানো থাকে, তাই কাটআউটের পর নেভি বা কালোর ওপর ফ্যাকাশে আউটলাইন দেখায়। বড় সোর্স থেকে কেটে এটা ঠিক করুন, অথবা গাঢ় ব্যাকগ্রাউন্ডের জন্য লোগোর আলাদা হালকা ভার্সন (সাদা বা উল্টো রং) বানান। অনেক ব্র্যান্ড দুটোই দেয়।
- থাকলে SVG ব্যবহার করুনওয়েবসাইটের হেডার লোগোর জন্য MDN ভেক্টর ভার্সন থাকলে SVG-এর পরামর্শ দেয়, আর রাস্টার লোগোর জন্য lossless ফরম্যাট, কারণ ধারালো কিনারার চারপাশের ফ্রিঞ্জ খুব চোখে পড়ে। হাতে শুধু ফটো বা JPG থাকলে ট্রান্সপারেন্ট PNG বিকল্প।
- ফেভিকনে চিহ্ন লাগে, ওয়ার্ডমার্ক নয়ব্রাউজার ট্যাব আর সার্চ রেজাল্টে ফেভিকন খুব ছোট দেখায়। শুধু প্রতীক বা প্রথম অক্ষর রেখে ক্রপ করুন, স্কোয়ার রাখুন (Google 1:1 চায়), আর সলিড বা উচ্চ কনট্রাস্টের আকার দিন যাতে হালকা ও গাঢ় দুই ট্যাবেই বোঝা যায়।
- স্লাইড আর ডকুমেন্টPowerPoint-এর ওয়াইডস্ক্রিন স্লাইড 13.333 x 7.5 in (16:9)। লোগো JPG নয়, PNG হিসেবে ইনসার্ট করুন, যাতে স্লাইডের রং দেখা যায় আর রঙিন টেমপ্লেটে সাদা আয়তক্ষেত্র না আসে।
- মার্চেন্ডাইজ আর প্রিন্টপ্রিন্টার রাস্টার লোগো তার পিক্সেলের চেয়ে বেশি শার্প প্রিন্ট করতে পারে না। ভেক্টর ফাইল থাকলে সেটি পাঠান; মকআপ, স্টোর লিস্টিং আর দ্রুত প্রুফের জন্য ট্রান্সপারেন্ট PNG ব্যবহার করুন।
- সোশ্যাল সাইটে লেখাসহ লোগোFacebook বলে লোগো বা লেখা থাকা প্রোফাইল ছবি আর কভার ফটো PNG হিসেবে বেশি ভালো দেখাতে পারে। JPG-এর lossy কম্প্রেশন ধারালো কিনারা ঝাপসা করে আর ফ্রিঞ্জ তৈরি করে, যা লেখায় সবচেয়ে বেশি চোখে পড়ে।
প্রশ্ন
JPG লোগো কি ট্রান্সপারেন্ট করা যায়?
JPG হিসেবে নয়। JPG-তে আলফা চ্যানেল নেই, তাই সেভ করার সময় যেকোনো ট্রান্সপারেন্ট অংশ একটি রঙে ভরে যায়। ব্যাকগ্রাউন্ড রিমুভ করে বরং PNG বা WebP হিসেবে সেভ করুন।
গাঢ় ব্যাকগ্রাউন্ডে আমার ট্রান্সপারেন্ট লোগোর চারপাশে সাদা আউটলাইন কেন?
কিনারার পিক্সেলগুলো আসল সাদা ব্যাকগ্রাউন্ডের সঙ্গে মিশে ছিল। বড় সোর্স ফাইল থেকে আবার কাটুন, অথবা গাঢ় ব্যাকগ্রাউন্ডের জন্য বানানো লোগোর হালকা ভার্সন ব্যবহার করুন।
ওয়েবসাইটের লোগোর জন্য SVG না PNG?
ভেক্টর ফাইল থাকলে SVG: এটি ঝাপসা না হয়ে যেকোনো স্ক্রিনে বড়-ছোট হয় আর সাধারণত আকারে ছোট। শুধু রাস্টার ইমেজ থাকলে ট্রান্সপারেন্ট PNG বা WebP ব্যবহার করুন।
ফেভিকনের সাইজ কত হওয়া উচিত?
Google অন্তত 8 x 8 px-এর স্কোয়ার ফেভিকন চায় আর 48 x 48 px-এর চেয়ে বড় রাখার পরামর্শ দেয়। ইনস্টলযোগ্য ওয়েব অ্যাপের জন্য 192 x 192 px আর 512 x 512 px আইকন যোগ করুন।
LinkedIn কোম্পানি পেজে কোন সাইজের লোগো লাগে?
LinkedIn 400 x 400 px-এর পরামর্শ দেয়, সর্বনিম্ন 268 x 268 px, 3 MB-এর কম PNG বা JPEG হিসেবে।
ব্যাকগ্রাউন্ড রিমুভ করলে কি ব্র্যান্ডের রং বদলে যাবে?
না। শুধু ব্যাকগ্রাউন্ডের পিক্সেল ট্রান্সপারেন্ট হয়; লোগোর নিজের রং অপরিবর্তিত থাকে। কোনো রং ভুল দেখালে দেখে নিন এক্সপোর্টটি অন্য রঙের ওপর JPG হিসেবে ফ্ল্যাটেন হয়ে যায়নি তো।
নিজের ছবিতে চেষ্টা করুন
নতুন অ্যাকাউন্ট 50টি ফ্রি ক্রেডিট পায়। প্রতি ছবিতে ১ ক্রেডিট, কোনো সাবস্ক্রিপশন নেই, আর ক্রেডিটের মেয়াদ ফুরায় না।
ব্যাকগ্রাউন্ড সরানসূত্র
- MDN: Image file type and format guide
- Google Search Central: Define a favicon to show in search results
- web.dev: Add a web app manifest
- LinkedIn Help: Image specifications for your LinkedIn Pages and Career Pages
- Etsy Help: Requirements and best practices for images in your Etsy shop
- Microsoft Support: Change the size of your PowerPoint slides
- Facebook Help: Facebook Page profile picture and cover photo dimensions
২৩ অক্টোবর, ২০২৬ আপডেট