منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t16040
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

حلّ مشكلة Optimize images
Mr King 31-03-2014 12:14 مساءً
السلام عليكم ورحمة الله

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

نصل إلى المشكل الثاني و هو 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
منتدى دعم PBBoard الرسمي

Copyright © 2009-2024 PBBoard® Solutions. All Rights Reserved