17 يوليو 2014

مدون محترف دروس بلوجر نصائح للمدونين Google كيفية تحسين جودة الصور على مدونات بلوجر

كيفية تحسين جودة الصور على مدونات بلوجر

كيف تقوم بتحسين الصور و تجعلها ذات جودة عالية على مدونات بلوجر او الموقع الخاص بك

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


نصائح لتحسين جودة الصورة في المدونة


لا تستخدم الصور الباهتة التي هي منقطة للغاية

اعتمد على عرض و طول واحد للصورة الاولى و محاولة تغيير حجم الصور الخاصة بك باستخدام أي برنامج تحرير الصور ومن ثم تحميله على موقع الويب الخاص بك او المدونة .

تأكد من أن الصورة يجب ان تكون بصيغة PNG، JPEG و ان لا يكون حجمها كبير


كيفية تحسين جودة الصورة في المدونة


تسجيل الدخول إلى حساب Blogger الخاص بك
تذهب إلى قالب >> تحرير HTML.
ابحث عن الوسم</head>و اضف الكود التالي فوقه

<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
  // change the dimension variable below to be the pixel size you want
  var dimension = 90;
  // this identifies the PopularPosts1 div element, finds each image in it, and resizes it
  $('#PopularPosts1, #somethinghere, #related-posts').find('img').each(function(n, image){
    var image = $(image);
    image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
    image.attr('width',dimension);
    image.attr('height',dimension);
  });
});
//]]></script>

 الآن لتحسين جودة الصورة لديك لإضافة معرف DIV أو Class DIV بحيث يمكن جلب جميع الصور فيها وتحسين جودتها وفقا لذلك. واضاف لدينا أكثر من المعرفات المشتركة و الفئات. ومع ذلك، يمكنك اضافة اي شيء على حسب الاضافات في مدونتك ببساطة عن طريق استبدال # somethinghere من التعليمات البرمجية في الاعلى .

ونحن نأمل أن تكون هذه التدوينة قد ساعدت بعض مستخدمينا في تحسين جودة الصورة في مدوناتهم ،

PopularPosts1  معناها اخر المواضع او المشاركات الشعبية
related-posts  معناها المشاركات الاخيرة او مواضيع ذات صلة


يمكنك رؤية هذا الموضوع قد يفيدك ايضا : حل مشكلة تغير الوان الصور بعد رفعها إلى بلوجر

في امان الله 
مدونة مدون محترف 

مواضيع ذات صلة
كيفية تحسين جودة الصور على مدونات بلوجر
4 / 5
بواسطة

هناك 6 تعليقات :

  1. اضافة رائعة احسنت اخى ننتظر المزيد من التفوق والتقدم

    ردحذف
  2. شكرا اضافة رائعة ننظر المزيد =q

    ردحذف
    الردود
    1. شكرا لك اخي مرورك الاكثر من رائع =r

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

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

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r