تدوير زوايا الصورة
الأصل: x
تتشابه أنظمة التشغيل ومتاجر التطبيقات وأنظمة تصميم واجهة المستخدم جميعًا في استخدام الزوايا المستديرة، سواء أكان ذلك عبر أيقونات نظام iOS أو بطاقات Material أو مكونات Tailwind الحديثة. بمجرد رفع أي صورة، يقوم هذا الأداة بتجعل الزوايا الأربع مستديرة وفق نصف القطر الذي حددته، ثم تُصدّر الصورة بصيغة PNG ذات زوايا شفافة، ويمكنك اختيار تطبيق نصف قطر مختلف لكل زاوية حسب الحاجة للحصول على مظهر يشبه ملصقات التذاكر أو فقاعات الكلام.
كيفية تدوير زوايا الصورة
-
1
قم بتحميل صورة
JPG، PNG أو WebP.
-
2
اختر نصف قطرًا
بالبكسلات أو كنسبة مئوية من الجانب الأقصر.
-
3
اختياري: نصف قطر مختلف لكل ركن
دوّر الزوايا العلوية فقط (بطاقة)، أو بشكل غير متماثل (تذكرة).
-
4
اختر الخلفية
شفاف (PNG) أو بلون واحد إذا تم حفظ الملف بصيغة JPG.
-
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 بحيث تملأ الزوايا بهذا اللون.
نعم، هذه الأداة تضيف فقط قناع ألفا دون تعديل حجم الصورة؛ فإذا كنت ترغب في دمج خاصية التكبير والتصغير مع تغيير الحجم، فقم أولًا بتطبيق أداة تعديل الحجم.
أدوات ذات صلة
منتقي ألوان Material Design
تصفح لوحة ألوان Material Design وانسخ أي درجة (من 50 إلى A700) بصيغة HEX أو RGB أو HSL بنقرة واحدة.
محول ARW إلى JPG
حول صور سوني ARW RAW إلى JPG. احصل على صورة JPEG قابلة للمشاركة ومتوافقة عالميا من ملف RAW الخاص بكاميرتك دون فتح Lightroom.
مُحوّل من ICO إلى PNG
افحص الصور داخل ملف ICO، واختر مقاسًا واحدًا واحفظه في متصفحك كملف PNG شفاف بأبعاده الأصلية.
ضغط PNG
أعد ترميز ما يصل إلى 10 ملفات PNG ثابتة أو قلّل دقة RGB أو غيّر الحجم محليًا، ثم قارن الحجم الفعلي قبل التنزيل.
منشئ قوائم التصنيف إلى مستويات
أنشئ قائمة تصنيف خاصة من نصوص وصور محلية، وخصص المستويات ورتب بالسحب أو لوحة المفاتيح، ثم صدّر JSON أو PNG أو SVG.
تمويه الوجوه في الصور عبر الإنترنت
ارسم مستطيلات فوق الوجوه أو التفاصيل الحساسة، ثم موّهها أو بكسلها أو غطّها بالأسود. تعمل الأداة في متصفحك وتُنزّل النتيجة بصيغة JPEG.
الأداة متاحة بلغات أخرى
- Bo tròn góc ảnh [VI]
- Bild med rundade hörn [SV]
- Bild mit abgerundeten Ecken [DE]
- รูปภาพมุมที่โค้งมน [TH]
- Coins arrondis d'image [FR]
- Cantinhos Arredondados da Imagem [PT]
- Sudut Membulat pada Gambar [ID]
- 画像の角を丸めます [JA]
- Esquinas Redondeadas de Imagen [ES]
- Afgeronde hoeken van de afbeelding [NL]
- Zaokrąglone rogi obrazu [PL]
- 이미지 모서리 둥글게 [KO]
- Изображение с закруглёнными углами [RU]
- Görüntü Köşelerini Yuvarlatma [TR]
- 图像圆角 [ZH]
- Image Rounded Corners [EN]
- Immagini con angoli arrotondati [IT]