حلّ مشكلة Optimize images

السلام عليكم ورحمة الله استكمالا لدورة تحسين أداء وسرعة المنتدى نصل إلى المشكل الثاني و هو Optimize images كلّ ما عل ..


موضوع مغلق


31-03-2014 12:14 مساء
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3208
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 3
يتابعهم : 2
يتابعونه : 29
قوة السمعة : 18610
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
السلام عليكم ورحمة الله

استكمالا لدورة تحسين أداء وسرعة المنتدى

نصل إلى المشكل الثاني و هو Optimize images

كلّ ما علينا فعله هو تحميل الصور التي تمّ ضغطها ونقوم باستبدالها بالصور الموجودة عندنا في الاستضافة
ثمّ نستبدل الصيغ الضرورية

نضغط على optimized version (الموجودة بجانب رابط كلّ صورة )

MjAwNjY4MQ3636opt_img1

بعد أن تنبثق نافذة جديدة سنجد الصورة المضغوطة التي يجب رفعها الى الاستضافة
لتحميلها ، نضغط على الصورة بيمين الفأرة ثمّ نختار save as ...
MjM0ODg5MQ7979opt_img2

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

MTQxNTY1MQ5353opt_img3

ثمّ نحفظ الصورة على الكمبيوتر

NDk2NjE4MQ4343opt_img4

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

MTQyNTQxMQ6868opt_img5
أو عن طريق برنامج ال FTP (وهو الاختيار الأفضل)


لم ننتهي بعد لأنّه توجد مشكلة صغيرة ولكنّها تتطلّب بعض العمل،
توجد بعض الصور بصيغة gif ولكن الصور المضغوطة التي قمنا بتحميلها، جميعها بصيغة png

لن نستطيع تغيير الصيغة بالفوتوشوب لأنّ تلك الصور يزيد حجمها عند تغيير صيغتها
الحلّ الوحيد هو استبدال الصيغة في ورقة css و في القوالب

نذهب إلى .: لوحة الادارة - الاستايلات و القوالب - التحكم بالاستايلات - تحرير css متقدّم (أمام الاستايل الذي نستخدمه افتراضي)

ثمّ نضغط على الأزرار ctrl و F (في لوحة المفاتيح، نضغط عليهما في نفس الوقت)
وفي خانة البحث نكتب اسم الصورة (1)
بعد أن ظهرت النتيجة ، نقوم باستبدال صيغة الصورة (2) و نتأكّد إذا كانت توجد صورة أخرى بنفس الاسم و الصيغة بالضغط على استكمال البحث (3)

Mzc5NTQxopt_img6

بعد أن نستبدل صيغ جميع الصور التي لدينا نحفظ العمل، "حفظ وإعادة تحميل"

بعض الصور الأخرى موجود في القوالب، لذلك وجب البحث عنها في القوالب واستبدال صيغتها
نذهب إلى : الاستايلات و القوالب - البحث بالقوالب
في خانة البحث نكتب اسم الصورة ونضغط "البحث"

MTA3MzAyMQ1010opt_img7

بعد أن تظهر القوالب الموجودة فيها الصورة نضغط "تحرير" أمام كلّ قالب،

MTU1NzIwMQ6666opt_img8

ونبحث عن اسم الصورة و نقوم بتغيير صيغتها كما فعلنا في ورقة CSS

عند الانتهاء من جميع الصور نقوم بإعادة الفحص لنتأكّد أنّنا لم ننسى أيّ صورة

انتهى 805681

قبل استبدال الصور
MzY4MjAyMQ3333after_cache

بعد استبدال الصور

MzY1ODkyMQ3838after_opt_img


 


 
 


31-03-2014 03:46 مساء
مشاهدة مشاركة منفردة [1]
Dzkhalwi
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 24-08-2013
رقم العضوية : 4130
المشاركات : 222
الدولة : الجزائر
الجنس : ذكر
تاريخ الميلاد : 9-1-1992
يتابعهم : 2
يتابعونه : 15
قوة السمعة : 1880
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 Online 
look/images/icons/i1.gif حلّ مشكلة Optimize images
السلام عليكم
برك الله فيك ع الشرح 
أحلى تقييم ^^

31-03-2014 03:52 مساء
مشاهدة مشاركة منفردة [2]
elhanafy
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 02-03-2014
رقم العضوية : 5067
المشاركات : 102
الدولة : مصر
الجنس : ذكر
تاريخ الميلاد : 15-10-1988
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 200
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif حلّ مشكلة Optimize images
انتظر اخي الكريم نهاية الدروس كامله

لتطبيقها ان شاء الله

اعانك الله وسدد خطاك

01-04-2014 11:41 مساء
مشاهدة مشاركة منفردة [3]
frksh.net
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 22-10-2012
رقم العضوية : 2524
المشاركات : 258
الدولة : المنصوره
الجنس : ذكر
تاريخ الميلاد : 18-2-1989
الدعوات : 2
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif حلّ مشكلة Optimize images
الله يرضى عليك

وجزاك الله كل خير

02-04-2014 04:15 مساء
مشاهدة مشاركة منفردة [4]
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3208
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 3
يتابعهم : 2
يتابعونه : 29
قوة السمعة : 18610
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif حلّ مشكلة Optimize images
شكرا على مروركم العطر إخواني الأفاضل

بالتوفيق للجميع 805681

 

27-09-2014 02:10 صباحا
مشاهدة مشاركة منفردة [5]
dev4soft.com
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-09-2014
رقم العضوية : 5676
المشاركات : 49
الجنس : ذكر
تاريخ الميلاد : 4-1-1994
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif حلّ مشكلة Optimize images

مشكووور والله يعطيك الف عافية


27-09-2014 02:14 مساء
مشاهدة مشاركة منفردة [6]
ziadmasry
عضـو متميز
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 17
المشاركات : 736
الدولة : مصر الحبيبة
الجنس : ذكر
تاريخ الميلاد : 7-9-1963
يتابعهم : 2
يتابعونه : 2
قوة السمعة : 983
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif حلّ مشكلة Optimize images
مشكور اخي كينج دائما تبذل جهد كبير لخدمة المنتدي العربي



الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 12:50 صباحا