বেশিরভাগ গ্রেডিয়েন্ট টুল আপনাকে শুধু এক লাইন CSS ধরিয়ে দেয়। এই টুলটি আসলে গ্রেডিয়েন্টকে সত্যিকারের ক্যানভাসে আঁকে এবং আপনাকে ঠিক যে পিক্সেল সাইজ দরকার, সেই সাইজে তৈরি PNG ডাউনলোড করতে দেয় - ফোন ওয়ালপেপার, 1920x1080 ডেস্কটপ ব্যাকগ্রাউন্ড, স্কয়ার সোশ্যাল পোস্ট বা কাস্টম মাপ। কিছুই আপলোড হয় না: ইমেজটি সম্পূর্ণভাবে আপনার ডিভাইসেই আঁকা ও সেভ হয়, তাই আপনার রঙ ও ফাইল প্রাইভেট থাকে।
ফ্রি গ্রেডিয়েন্ট জেনারেটর
পুরোটাই আপনার ব্রাউজারে চলে - কিছু আপলোড নেই, সাইন-আপ নেই।
টাইপ
ইমেজ সাইজ
px
কালার স্টপ
প্রকৃত PNG সেভ করে এই মাপে 1920×1080 px
গ্রেডিয়েন্ট জেনারেটর কী?
গ্রেডিয়েন্ট জেনারেটর হলো এমন একটি টুল যা দুই বা তার বেশি রঙ মিশিয়ে একটি মসৃণ গ্রেডিয়েন্ট তৈরি করে এবং সেটাকে ডাউনলোডযোগ্য ইমেজ হিসেবে এক্সপোর্ট করে। আপনার রঙ ও স্টপ বেছে নিন, লিনিয়ার বা রেডিয়াল বেছে নিন, সাইজ ঠিক করুন, আর ওয়ালপেপার, ব্যাকগ্রাউন্ড, ব্যানার বা থাম্বনেইলের জন্য PNG হিসেবে সেভ করুন। সবকিছু আপনার ব্রাউজারেই চলে।
যেভাবে ব্যবহার করবেন
- 1লিনিয়ার বা রেডিয়াল বেছে নিন. লিনিয়ার আপনার নির্ধারিত কোণে একটি সরলরেখা বরাবর রঙ মেশায়; রেডিয়াল কেন্দ্র থেকে বৃত্তাকারে বাইরের দিকে রঙ ছড়িয়ে দেয়।
- 2আপনার রঙ ও স্টপ ঠিক করুন. রঙ বেছে নিতে একটি সোয়াচে ক্লিক করুন এবং স্টপ সরাতে এর স্লাইডার টেনে নিন। ৮টি পর্যন্ত স্টপ যোগ করুন বা কমিয়ে ২টি করুন, আর দ্রুত একটা আইডিয়া পেতে Randomize চাপুন।
- 3ইমেজের সাইজ বেছে নিন. একটি প্রিসেটে (ডেস্কটপ, ফোন, স্কয়ার, সোশ্যাল) ট্যাপ করুন বা পিক্সেলে কাস্টম প্রস্থ ও উচ্চতা টাইপ করুন। প্রিভিউ সাথে সাথে আপডেট হয়।
- 4PNG ডাউনলোড করুন. গ্রেডিয়েন্টটিকে পূর্ণ রেজোলিউশনে ইমেজ হিসেবে সেভ করতে Download PNG-তে ক্লিক করুন, অথবা কোডে একই গ্রেডিয়েন্ট আবার ব্যবহার করতে CSS কপি করুন।
কাদের জন্য
- ডিজাইনার ও কনটেন্ট ক্রিয়েটররা যাদের স্লাইড, থাম্বনেইল, ব্যানার বা স্টোরির জন্য Photoshop না খুলেই একটি পরিষ্কার গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ দরকার।
- ফোন ও ডেস্কটপ ব্যবহারকারীরা যারা তাদের স্ক্রিনের ঠিক রেজোলিউশনে একটি কাস্টম গ্রেডিয়েন্ট ওয়ালপেপার তৈরি করছেন।
- ডেভেলপাররা যাদের একটি হালকা গ্রেডিয়েন্ট PNG প্লেসহোল্ডার বা হিরো ইমেজ দরকার, সাথে কোডে সেটি পুনরায় তৈরি করার জন্য মিলে যাওয়া CSS।
- সোশ্যাল মিডিয়া ম্যানেজাররা যারা পোস্ট, স্টোরি ও কভার ইমেজের জন্য উপযুক্ত মাপে ব্র্যান্ড অনুযায়ী গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড এক্সপোর্ট করছেন।
সাধারণ প্রশ্ন
এই গ্রেডিয়েন্ট জেনারেটরটি কি ফ্রি?
হ্যাঁ - ১০০% ফ্রি, কোনো সাইন-আপ নেই, কোনো ওয়াটারমার্ক নেই এবং কোনো সীমা নেই। যত খুশি গ্রেডিয়েন্ট ইমেজ তৈরি ও ডাউনলোড করুন।
সার্ভারে কি কিছু আপলোড করা হয়?
না। ক্যানভাস ব্যবহার করে গ্রেডিয়েন্টটি সম্পূর্ণভাবে আপনার ব্রাউজারেই আঁকা ও সেভ হয়। কোনো রঙ, ইমেজ বা ব্যবহারের ডেটা কোথাও পাঠানো হয় না।
এটি কোন ইমেজ ফরম্যাটে এক্সপোর্ট করে?
এটি PNG এক্সপোর্ট করে, যা গ্রেডিয়েন্টকে কোনো কম্প্রেশন আর্টিফ্যাক্ট ছাড়াই একেবারে মসৃণ ও লসলেস রাখে। ফাইলটি আপনার নির্ধারিত সম্পূর্ণ পিক্সেল সাইজে সেভ হয়, ওয়ালপেপার, ব্যাকগ্রাউন্ড বা আপলোডের জন্য ব্যবহার করার জন্য প্রস্তুত।
গ্রেডিয়েন্ট ওয়ালপেপারের জন্য কী সাইজ বানানো উচিত?
আপনার স্ক্রিনের সাথে মিলিয়ে নিন। সাধারণ পছন্দ হলো বেশিরভাগ ডেস্কটপের জন্য 1920x1080, পোর্ট্রেট মোডে ফোনের জন্য 1080x1920, এবং স্কয়ার সোশ্যাল পোস্টের জন্য 1080x1080। আপনি ৮০০০ পিক্সেল পর্যন্ত যেকোনো কাস্টম প্রস্থ ও উচ্চতাও দিতে পারেন।
লিনিয়ার ও রেডিয়াল গ্রেডিয়েন্টের মধ্যে পার্থক্য কী?
লিনিয়ার গ্রেডিয়েন্ট আপনার বেছে নেওয়া কোণে একটি সরলরেখা বরাবর রঙ মেশায়, ফলে ইমেজ জুড়ে রঙ পরিবর্তিত হয়। রেডিয়াল গ্রেডিয়েন্ট একটি কেন্দ্রবিন্দু থেকে শুরু হয়ে বৃত্তাকারে বাইরের দিকে ছড়িয়ে পড়ে, ফলে রঙ মাঝখান থেকে প্রান্তের দিকে পরিবর্তিত হয়।
ইমেজের পাশাপাশি কি আমি CSS-ও পেতে পারি?
হ্যাঁ। ডাউনলোডযোগ্য PNG-এর পাশাপাশি, টুলটি মিলে যাওয়া background-image CSS-ও দেখায়। ইমেজ ফাইল ব্যবহার না করে ওয়েবসাইট বা অ্যাপে একই গ্রেডিয়েন্ট হুবহু তৈরি করতে এটি কপি করুন।
কালার স্টপ কীভাবে কাজ করে?
প্রতিটি স্টপ গ্রেডিয়েন্ট জুড়ে ০% থেকে ১০০%-এর মধ্যে একটি অবস্থানের সাথে একটি রঙ জোড়া লাগায়। পাশাপাশি থাকা স্টপগুলোর মধ্যে মিশ্রণটি মসৃণভাবে চলে। একই অবস্থানে দুটি স্টপ বসালে মসৃণ মিশ্রণের বদলে একটি তীক্ষ্ণ প্রান্ত তৈরি হয়, যা স্ট্রাইপ বা কালার-ব্লক ব্যাকগ্রাউন্ডের জন্য কাজে লাগে।