স্ট্যান্ডার্ড আয়তাকার ছবি (JPG, PNG, WebP) পিক্সেল কার্টেসিয়ান গ্রিডে রাখে। ওয়েবপেজে CSS border-radius দিয়ে ভিজুয়াল রাউন্ডিং যায়, কিন্তু CSS আসল ফাইল বদলায় না—ইমেইল, Notion, Figma, স্লাইড বা PDF-এ পেস্ট করলে আবার তীক্ষ্ণ ৯০-ডিগ্রি কোণা ফিরে আসে।
আমাদের Round Image Corners টুল হার্ডওয়্যার-অ্যাকসিলারেটেড CanvasRenderingContext2D.arcTo() ক্লিপিং পাথ দিয়ে মসৃণ অ্যান্টি-অ্যালিয়াসড কার্ভ সরাসরি আলফা চ্যানেলে বেক করে:
| কর্নার রেডিয়াস | কার্যকর জ্যামিতি | সেরা ব্যবহার | প্রস্তাবিত এক্সপোর্ট |
|---|---|---|---|
| ৮% – ১৬% Radius | হালকা UI কার্ড সফটনিং | অ্যাপ স্টোর স্ক্রিনশট, SaaS ব্লগ, Notion এমবেড | PNGবাWebP (স্বচ্ছ) |
| ২৪% – ৩৫% Radius | স্কুইর্কল / আধুনিক অ্যাপ আইকন | iOS-স্টাইল ব্যাজ, থাম্বনেইল, সোশ্যাল কার্ড | PNG (৩২-বিট RGBA) |
| ১০০% Radius (৫০% হাফ-ডাইমেনশন) | নিখুঁত বৃত্ত বা পিল ক্যাপসুল | প্রোফাইল অ্যাভাটার, Discord/Slack আইকন, ইমেইল সিগনেচার | PNG (স্বচ্ছ) |
অসমমিত ৪-কোণা (TL/TR only) |
উপরের গোল ট্যাব বা মোডাল হেডার | ইমেইল হিরো ব্যানার, কার্ড হেডার, UI মকআপ | PNGবাJPG (ম্যাট ফিলসহ) |
অ্যাভাটার পূর্ণ বৃত্তে গোল করার আগে বাড়তি ব্যাকগ্রাউন্ড কাটতে চাইলে আগে আমাদের Crop Image টুলে সাবজেক্টকে 1:1 স্কয়ারে ফ্রেম করুন।