تدوير زوايا الصورة

نصف قطر الزاوية

تتشابه أنظمة التشغيل ومتاجر التطبيقات وأنظمة تصميم واجهة المستخدم جميعًا في استخدام الزوايا المستديرة، سواء أكان ذلك عبر أيقونات نظام iOS أو بطاقات Material أو مكونات Tailwind الحديثة. بمجرد رفع أي صورة، يقوم هذا الأداة بتجعل الزوايا الأربع مستديرة وفق نصف القطر الذي حددته، ثم تُصدّر الصورة بصيغة PNG ذات زوايا شفافة، ويمكنك اختيار تطبيق نصف قطر مختلف لكل زاوية حسب الحاجة للحصول على مظهر يشبه ملصقات التذاكر أو فقاعات الكلام.

كيفية تدوير زوايا الصورة

  1. 1

    قم بتحميل صورة

    JPG، PNG أو WebP.

  2. 2

    اختر نصف قطرًا

    بالبكسلات أو كنسبة مئوية من الجانب الأقصر.

  3. 3

    اختياري: نصف قطر مختلف لكل ركن

    دوّر الزوايا العلوية فقط (بطاقة)، أو بشكل غير متماثل (تذكرة).

  4. 4

    اختر الخلفية

    شفاف (PNG) أو بلون واحد إذا تم حفظ الملف بصيغة JPG.

  5. 5

    التصدير

    تحافظ صيغة PNG على الزوايا المستديرة؛ بينما تُسطح صيغة JPG اللون وفقًا لللون الذي حددته.

خيارات نصف القطر للأشكال الشائعة في واجهة المستخدم

إعدادات نصف القطر

الشكل نصف القطر
بطاقة واجهة بسيطة 4–8 بكسل
بطاقة Material Design 4 بكسل (أو 8 بكسل في M3)
أيقونة تطبيق iOS 22.37% من الضلع (الـ“squircle“)
أيقونة تطبيق macOS 18.75% من الضلع
فقاعة قصة إنستغرام 12–16 بكسل
صورة رمزية مدوّرة 50% من الضلع القصير (دائرية كاملة)
شريط تذكرة غير متماثل، تدوير زاوية أو زاويتين فقط
جانب ذيل فقاعة الدردشة زاوية صغيرة وبقية الزوايا أكبر

مشكلة الـsquircle

أيقونات iOS ليست مستطيلات مستديرة بسيطة؛ بل تستخدم “قطعًا ناقصًا فائقًا” (superellipse) أنعم رياضيًا عند الانتقال. أما الـsquircles الحقيقية فهي خارج نطاق ما يمكن لـ CSS border-radius أو قناع ألفا بسيط رسمه؛ وتقرّبها هذه الأداة بمستطيل مستدير من رتبة عالية يبدو غير قابل للتمييز عند أحجام الأيقونات المعتادة.

سلوك الشفافية

  • مخرج PNG هو الافتراضي، تتحول الزوايا المستديرة إلى بكسلات شفافة. مفيد لأيقونات التطبيقات وبطاقات الواجهة وأي مكان تحتاج فيه إلى تركيب الصورة على خلفية متنوعة.
  • مخرج JPG لا يمكن أن يكون شفافًا. تُملأ الزوايا المستديرة بلون تختاره، مما يجعل الصورة تبدو مؤطَّرة.

نصف قطر مختلف لكل ركن

مظهر فقاعة الدردشة: دوّر ثلاث زوايا بـ 12 بكسل واترك واحدة عند 0 بكسل (الزاوية التي يرتبط بها “الذيل”). شريط تذكرة: زاويتان حادتان وزاويتان مستديرتان. أنصاف الأقطار غير المتماثلة طريقة سريعة للإيحاء بأن الصورة متصلة بشيء آخر.

مكافحة التداخل البصري

تُرسم منحنيات الزوايا باستخدام تقنية العينة الفائقة (4x)، مما يجعلها تبدو واضحة وناعمة حتى عند أحجام عرض معتادة؛ سواء أثناء الطباعة أو عند التكبير الشديد، يبقى نصف القطر ناعمًا بشكل واضح.

الأسئلة الشائعة

تستخدم شركة أبل دائرة مربعة الشكل، حيث يبلغ انحناء زواياها حوالي 22.37٪ من طول جانب أيقونة. على لوحة مقاس 1024 × 1024 بكسل، يعادل هذا القيمة نصف قطر زاوية فعّال قدره حوالي 229 بكسل، رغم أن الحسابات الدقيقة تختلف قليلاً عن تلك الخاصة بالمستطيل المستدير العادي.

نعم، يتم تطبيق نصف القطر على كل ركن بغض النظر عن نسبة أبعاد الصورة؛ وفي النسب المتطرفة (كالعرض الكبير جدًا أو الارتفاع العالي جدًا)، يؤدي تحديد نصف القطر بنسبة 50٪ من الجانب الأقصر إلى تشكيل هيكل على شكل كبسولة.

لا، تنسيق JPG لا يدعم الشفافية. إما أن تتصدير الملف بصيغة PNG للحفاظ على قيم ألفا المستديرة، أو أن تحدد لون خلفية للملف JPG بحيث تملأ الزوايا بهذا اللون.

نعم، هذه الأداة تضيف فقط قناع ألفا دون تعديل حجم الصورة؛ فإذا كنت ترغب في دمج خاصية التكبير والتصغير مع تغيير الحجم، فقم أولًا بتطبيق أداة تعديل الحجم.

أدوات ذات صلة

الأداة متاحة بلغات أخرى