أحاول التأكد من عدم تغيير حجم صورة “عمودية” عند نشرها… أريد أن يتم احتساب العرض بالكامل… كيف أفعل ذلك…؟
قدم الصفحة ربما سيقوم شخص ما بالتحقق منها على وجه التحديد، وإلا فقم باللعب بأي ميزة متصفح لديك لفحص الصفحة، وأضف object-fit contain/fill وما إلى ذلك، أو بعض الهوامش، ربما aspect-ratio وما إلى ذلك مع أي عنصر تعمل عليه وستكتشف الأمر أنا متأكد ![]()
مثل هذا
وبالطبع نهج السوق إذا كان لديك بضعة دولارات أو بيتكوين لتقديمها لا يمكن تجاهله ![]()
يمكنك البحث عن image في إعدادات الموقع واللعب بها. لكنني أعتقد أنك لن تحصل على ما أظن أنك تبحث عنه. بالتأكيد، يمكن القيام بأشياء غريبة ورائعة باستخدام الإضافات والقوالب، ولكن بناءً على ما لدينا، لدي شعور بأن الأمر ليس بهذه السهولة، أو حتى ممكنًا.
لكنني كنت مخطئًا من قبل. مرتين ![]()
قد يساعد مكون السمة Theme component هذا أيضًا. فقط ضع في اعتبارك أنه لا يزال في المرحلة التجريبية. ولكنه مستخدم أيضًا هنا في Meta على بعض السمات Theme
لقد جربت هذا - ليس هذا. - ما زلت أبحث عن حل.
هل تحققت من إعدادات الصورة الأخرى كما اقترح جاغستر؟ خاصةً max image width
لقد فعلت - التغيير إلى 1200 لا يحدث فرقًا… الطريقة الوحيدة التي وجدتها لتغييره هي عن طريق التغيير في الصورة الفعلية.
أريد فقط أن تأخذ “صورة عمودية” العرض الكامل للمنشور.
هذا المكون غير مستقر حيث حتى مع تثبيت أحدث إصدار من discourse، فإنه يحول كل شيء إلى الجانب الأيسر (بدون مسافة بادئة) - مما أدى إلى تعطل سمة الاختبار الخاصة بي.
ربما تتجاوز هذه الصور أقصى ارتفاع للصورة قبل أقصى عرض للصورة؟
بشكل عام، أحب أن تكون الصور محدودة الحجم. على الشاشات الصغيرة، مثل جهازي اللوحي، وإلا فإن الصورة ستكون أكبر من شاشتي.
غريب. يجب أن تتكيف الأجهزة اللوحية بغض النظر عما يقترحه الموقع. يعمل جهاز iPad على هذا النحو على أي حال، وأعتقد أن أحدها… كان سامسونج. لكن كل الهواتف يمكنها ذلك.
على أي حال. التعامل مع الصور هو أحد نقاط الضعف في Discourse. فوضى مروعة.
يبدو أن الأمر بسيط… الصورة عند نشرها كصورة طولية يجب أن تشغل العرض الكامل لحاوية عرض المنشور… (إذا لم يكن ذلك افتراضيًا ولكن بطريقة سهلة لإعداد ذلك).
أعتقد أن الجميع يثقون في الإضاءة هنا.
إذا كان max image height أعلى من شاشتي، فلن يتناسب مع الشاشة بدون تمرير. لماذا يجب على الجهاز اللوحي تغيير حجم الصورة داخل المنشور؟
مع القيمة الافتراضية يبدو الأمر هكذا:
يمكنني رؤية الصورة بأكملها دون تمرير.
أبعاد الشاشة المختلفة هي شيء يجب أخذه في الاعتبار عند تغيير max image height
لأن الهواتف المحمولة أكثر سهولة في الاستخدام من أجهزة الكمبيوتر المكتبية؟
نعم، هذا خطر مع النسخة التجريبية. أما بالنسبة للمساحة، فيمكنك إضافة مكون مخصص لتعزيزه وإضافة تجاوزات وإضافة مساحة وما إلى ذلك.
عندما تمتلك منتدى للتصوير الفوتوغرافي، فإن الصور هي الملك، وليس الأمر وكأنهم ينشرون جميع الصور بشكل عمودي، ولكن عندما يفعلون ذلك، فإنهم لا يمانعون في الجزء الذي يحتاجون فيه إلى التمرير.
إذًا، هل تريد تمديد صورة إلى العرض الكامل، حتى عندما يكون حجم الصورة الأصلي أصغر من عرض الصفحة؟
لا أوصي بذلك، لأنك ستفقد الجودة على الأرجح، ولكن:
هل جربت مزيجًا من ضبط إعدادات max image height و max image width على قيمة عالية و استخدام CSS لتعيين:
.cooked img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
width: 100%;
max-width: 100%;
}
يبدو أن هذا يفعل ما تصفه من جهتي.
لن يعرض منتدى التصوير الصور الصغيرة، على ما أعتقد. مرة أخرى، لا أعرف، لكنني أعتقد أن المشكلة هي التصغير التلقائي. جميع الصور تبدو بحجم 800 × شيء ما، ثم ستكون هناك مساحة فارغة حتى لو كان يمكن عرض شيء بحجم 1500 × شيء ما.
لكنني أعتقد أن هذه هي المشكلة الأساسية فقط مع أجهزة الكمبيوتر المكتبية، لأن الهواتف المحمولة تميل إلى تخمين ما يمكن للمستخدم أو لا يمكنه فعله.
نادراً ما ينشر المصورون صورًا “صغيرة”… العملية بسيطة:
1) تحميل الصورة
إذا كانت الصورة أصغر من عرض أبعاد المنشور:
حافظ على النسبة وقم بتمديد العرض ليأخذ أبعاد عرض المنشور بالكامل.
إذا كانت الصورة متساوية أو أكبر:
حافظ على نسبة الصورة ولكن خذ أبعاد عرض المنشور بالكامل.




