|[ JPG - PNG - GIF - BMP ..||.. لنستخدم الأنسب في تصاميمنا و..|]

[(رونقة الحياة)]

اهلاً باعضاء مسومس المحترمين ..

نلاحظ الكثير من يصمم ويضع تصميمه في توقيعه او في موضوع مخصص له ... الخ
وقد لاحظتُ الكثير من الاخطاء في تلك التصاميم في صيغتها الغير مناسبة ..

اذاً دعونا نرى كيف نستخدم الصيغة المناسبة لتصميمٍ ما ..

اولاً .. انا لستُ محترفاً في مجال الفوتوشوب دششش .. لكن تعلمت قليلاً بالتجارب

{ من النوادر .. سورة الأحقاف .. انقر هنا .. المزيد هنا .. وهنا متجدد }

لنبدأ :


مثلاً قمنا بانشاء جديد في الفوتوشوب ابعاده 400x200 مع خلفية بيضاء
ووضعنا فيه دوائر بألوان قليلة .. حدود هذه الدوائر حادة .. اي لايوجد فيها اي تدرج او Blur

في هذه الحالة نستخدم اما الـ PNG .. او الـ GIF .. فقط لنرى النتيجة :

بصيغة PNG :

الحجم : 9.4 كيلو بايت

---------
بصيغة GIF باعلى جودة ربما :

الحجم : 4.6 كيلو بايت

.. مثل الحالة السابقة لانستخدم الـ Jpg او الـ Bmp في التصاميم .. لأن هناك انسب [ PNG - GIF ]
الصورة السابقة جعلت صيغتها Bmp وكان الحجم 234 كيلو بايت بعمق 24 بت


طيب .. مثلاً اضفنا الى نفس الصورة السابقة مؤثر Blur .. بدرجة كبيرة .. ماذا سيكون الانسب ؟
لنرى ..
صيغة PNG :

الحجم : 32 كيلوبايت

----
بصيغة GIF :

الحجم : 29 كيلوبايت

----
لاحظوا ان الحجم كبر بسبب ان الألوان زادت عندما وضعنا الـ Blur
في هذه الحالة الانسب هو JPG دون شك ... لنجرب :

بصيغة JPG بجودة مناسبة من مركز الرفع :

الحجم : 5 كيلوبايت ..

---
نستفيد من المثال السابق : انه اذا كان التصميم قليل الألوان ذو حدود حادة [ لايوجد اي blur ] .. نستخدم PNG او GIF
, واذا زادت الالوان وتعددت وهناك مؤثرات .. حينها نستخدم فقط JPG ..


نأتي لمثال آخر .. صورة مليئة بالألوان فيها blur وحركتات دشششششش ..
الابعاد 600x450 .. طبعاً مايناسب نستخدم PNG .. لأن الحجم سيكون كبيراً .. وكذلك لانستخدم GIF .. لأن
كثير من الألوان لن تظهر .. وستكون جودة التصميم سيئة ... Bmp هذا انسوه في مسألة التصاميم التي نعرضها
ما معانا اللا JPG ... سنرى الثلاث صيغ كي تقتنعوا بما اكتبه :

صيغة PNG - الحجم 430 كيلوبايت :
http://img5.imagebanana.com/img/qu37fq35/L.png

صيغة GIF - الحجم 115 كيلوبايت :
http://img5.imagebanana.com/img/tlmyints/L.gif

صيغة JPG - الحجم 82 كيلوبايت :
http://img5.imagebanana.com/img/3wv7x3nn/L.jpg

ماذا استفدتم من هذا المثال ؟ سأجيب
في الصور كثيرة الألوان مثل صور مُصورة من الكاميرا .. تواقيع ثابتة ملونة .. صور طبيعة .. الخ ..
نستخدم فقط JPG بنقاء 8 حيث اني وجدت انه الافضل .. ولاننسى نختار Optimized ..

لانستخدم PNG او GIF في الصور الثابتة كثيرة الالوان ..
وكما لاحظنا .. الـ PNG حجمه كبير في هذه الحالة .. والـ GIF سيء الجودة كذلك

الامر اصبح واضحاً ..
الـ PNG نستخدمه في [ صور قليلة الألوان + صور من دون خلفية عالية الجودة ]
الـ GIF نستخدمه في [ الصور المتحركة + الصور قليلة الالوان ]
الـ JPG نستخدمه في [ الصور كثيرة الألوان ]

وكما ذكرت سابقاً .. سبب كتابتي لهذا الموضوع هو اني لاحظت الكثير من يخطئ
البعض يضع صور من حلقة انمي بصيغة PNG .. والبعض يضع صور بالكاميرا بصيغة PNG والآخر GIF
الخ .. حبيت اوضح لكم ..

اذا كان من يريد ان يشرح اكثر من جِهتِه .. فليتفضل ^.^

هذا الموضوع بالكامل وُضِع في ولـِ MsOmS فقط !


* ملاحظة إضافية : أفضل طريقة لحفظ الصورة بالـ Jpg.. نضغط على Alt+Ctrl+Shift+S ثم كما في " الصورة "