كيفية جعل صور المقالات Thumbnail في بلوجر واضحة ؟

لقد اطلعت على المدونة الخاصة بك و جودة الصور مثالية،

للتوضيح اكثر، على ما يبدو ان معالج الصور يقوم بتصغير الصور الخاصة بك حتى تصبح بنفس الحجم الذي ستشغله في الصفحة تماماً وذلك من اجل تحسين اداء الموقع وتسريع التصفح.

فال pest practice هو ان لا تضع الصور بكامل حجمها إذا كنت لن تعرض إلا جزء يسير منها، بل تضع الصور بالحجم الذي ستملأه فقط.

بتاريخ 5 دقائق مضت قال عمر قره محمد:

لقد اطلعت على المدونة الخاصة بك و جودة الصور مثالية،

للتوضيح اكثر، على ما يبدو ان معالج الصور يقوم بتصغير الصور الخاصة بك حتى تصبح بنفس الحجم الذي ستشغله في الصفحة تماماً وذلك من اجل تحسين اداء الموقع وتسريع التصفح.

فال pest practice هو ان لا تضع الصور بكامل حجمها إذا كنت لن تعرض إلا جزء يسير منها، بل تضع الصور بالحجم الذي ستملأه فقط.

إذا اطلعت علي الصور في الصفحة الرئيسية من المدونة ستجد أن الصور غير واضحة بينما عندما تدخل للمقالة ستجد أن الصور جودتها ممتازة 

بتاريخ 11 دقائق مضت قال مهند سليمان:

إذا اطلعت علي الصور في الصفحة الرئيسية من المدونة ستجد أن الصور غير واضحة بينما عندما تدخل للمقالة ستجد أن الصور جودتها ممتازة 

لاحظت المشكلة، إنها من الخادم الخاص بك، حيث يرسل صور صغيرة جداً (اصغر من المساحة التي تشغلها) ثم يتم تمطيطها لتشغل كامل المساحة، ولذلك تكون غير واضحة.

تأكد من انك تقوم بإرسال الطلب إلى الرابط الصحيح، حيث ان رابط الصور لديك ينتهي بـ :

/s72-w640-c-h358/business-gf45bc5937_1920.jpg

الصورة :

والمقطع :

/s72-w640-c-h358/

هو المسؤول عن قياسات الصورة، 

وإذا عدلت الرابط إلى :

/s400-w640-c-h358/business-gf45bc5937_1920.jpg

بتغير الـ s72 إلى s400 ستحصل على صورة بجودة افضل :

مع الاسف ليس لدي خبرة كافية في بلوغر حتى اخبرك كيف تعديل رابط الصورة.

حاول تنفيذ الخطوات التالية لتعديل رابط الصورة في بلوجر:

1. قم برفع الصورة بشكل طبيعي أثناء كتابة المقالة ومن ثم الضغط على "تحرير HTML".
2. البحث عن الرابط الذي يحتوي على "/s1600/" أو "/s220/" أو "/s400/" أو "/s72/" ، حيث تشير هذه الأرقام إلى حجم الصورة المراد عرضها.
3.  تغيير هذه الأرقام وفقًا للحجم الذي تريد استخدامه، على سبيل المثال يمكن استخدام "/s640/" أو "/s1024/" بدلاً من "/s400/" للحصول على صورة بجودة أعلى.
4.  حفظ التغييرات التي قمت بها وإغلاق نافذة "تحرير HTML".

وأيضًا تأكد من تغيير عرض الصورة ليصبح original size أو العرض الأصلي للصورة، والأفضل هو تغيير حجم الصورة قبل رفعها لتتناسب مع حجم القالب.

باستطاعتك استخدام أداة https://squoosh.app/editor لتعديل حجم الصور من خلال الضغط على resize وأيضًا ضغم حجم الصور لتحسين سرعة الموقع وبالتالي الـ SEO.

بتاريخ 20 ساعة قال Mustafa Suleiman:

حاول تنفيذ الخطوات التالية لتعديل رابط الصورة في بلوجر:

1. قم برفع الصورة بشكل طبيعي أثناء كتابة المقالة ومن ثم الضغط على "تحرير HTML".
2. البحث عن الرابط الذي يحتوي على "/s1600/" أو "/s220/" أو "/s400/" أو "/s72/" ، حيث تشير هذه الأرقام إلى حجم الصورة المراد عرضها.
3.  تغيير هذه الأرقام وفقًا للحجم الذي تريد استخدامه، على سبيل المثال يمكن استخدام "/s640/" أو "/s1024/" بدلاً من "/s400/" للحصول على صورة بجودة أعلى.
4.  حفظ التغييرات التي قمت بها وإغلاق نافذة "تحرير HTML".

وأيضًا تأكد من تغيير عرض الصورة ليصبح original size أو العرض الأصلي للصورة، والأفضل هو تغيير حجم الصورة قبل رفعها لتتناسب مع حجم القالب.

باستطاعتك استخدام أداة https://squoosh.app/editor لتعديل حجم الصور من خلال الضغط على resize وأيضًا ضغم حجم الصور لتحسين سرعة الموقع وبالتالي الـ SEO.

جزاك الله خيراً  ، تم حل المشكلة ♥