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