# المعاينة الحقيقية لإطار الصورة — CMS 1.5

## ما الذي تغير؟

في شاشة **Adjust image** لم تعد المعاينة تستخدم إطارًا عامًا ثابتًا. قبل فتح أدوات القص، يقوم الـCMS ببناء نسخة معاينة خاصة من الصفحة الحالية، ثم يحدد عنصر الصورة نفسه ويقرأ أبعاد الـFrame الفعلية من CSS والتصميم عند حجم الشاشة المحدد.

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

## حسب الجهاز

كل تعديل يستخدم مقاس Viewport مستقل:

- Desktop: 1366px
- Tablet: 834px
- Mobile: 390px

إذا تغير حجم أو نسبة Frame في Responsive CSS، ستتغير معاينة Adjustment تلقائيًا عند تعديل نفس الصورة للجهاز الآخر.

## مثال

إذا كانت الصورة الأصلية 2000×1300 ولكن مكانها داخل الصفحة هو Card بحجم 360×240، ستعرض شاشة Adjustment إطارًا بنسبة **3:2**، وليس بنسبة أبعاد الملف المرفوع.

إذا كان Hero على الجوال يتحول إلى Frame أطول من نسخة الكمبيوتر، فإن **Adjust mobile** سيعرض النسبة الخاصة بالجوال وليس نسبة Hero على Desktop.

## Template default

عند اختيار **Template default** في Fit / crop، يقرأ الـCMS قيمة `object-fit` أو `background-size` المستخدمة فعليًا في القالب ويستخدمها في المعاينة. ويمكن بعد ذلك اختيار Cover أو Contain أو Fill أو None يدويًا.

## موضع الصورة

يمكنك:

- السحب مباشرة فوق الـFrame.
- تحديد Horizontal position وVertical position.
- استخدام نقاط التركيز السريعة.
- تغيير Zoom من 50% إلى 300%.

كل ذلك يظهر داخل Frame مماثل للمكان الحقيقي للصورة قبل تطبيق التعديل على المسودة.

## إذا تعذر قياس Frame

في حالات نادرة جدًا، مثل عنصر مخفي بالكامل بواسطة JavaScript خاص بالقالب، يعرض الـCMS **Frame fallback** ويحتفظ بأدوات Adjustment بدل منع التعديل. عند توفر عنصر أو Parent قابل للقياس، يستخدمه النظام تلقائيًا.