Cyber Monday Sale Save up to 40% off unlimited courses, tutorials and creative assets. Cyber Monday Sale! Save Now
Advertisement
  1. Photo & Video
  2. Post-Processing

ضغط الصور JPEG في فيسبوك : كيف تحصل على أفضل جودة للصورة على جدولك الزمني

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Arabic (العربية/عربي) translation by Maryam Abbas (you can also view the original English article)

لقد فعلنا كلنا ذلك، حملنا الصورة التي تبدو رائعة في برامج التحرير لدينا فقط لنتراجع رعباً  من الفوضى المضغوطة التي تجلس الآن على جدولنا الزمني في الفيسبوك. في هذا التلميح السريع، سوف اساعدك على الحصول على أفضل نتيجة ممكنة من الجودة عند تحميل الصور الخاصة بك.

فك رموز المبادئ التوجيهية

لقد أعطانا الفيسبوك هذه الإرشادات:

facebook guidelines
المبادئ التوجيهية لفيسبوك حول تحميل صورة

إذاً دعونا نرى ما يمكن عمله. سنبدأ مع الصورالنظاميه.

الصور النظاميه على الجدول الزمني

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

example picture
مثال الصورة  للاستخدام في الفيسبوك

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

أول شيء علينا ملاحظته هو الفرق في حجم الملف. إذا نظرت عبر كل واحد فإننا سوف نضيع في الأرقام، ولذلك خذ العرض المتوسط؛ 960 بيكسل، لقد كان الملف الذي  بدأت به 523 كيلو بايت  وكان الملف الذي حفظته مرة أخرى من الفيسبوك 86.9 كيلوبايت لذلك نعلم مسبقا أنه سيكون هناك ضغط شديد.

هنا جميع الأحجام الثلاثة على 100٪ بعد الفيسبوك:

facebook compression comparison
المقارنة بين حالات العرض الثلاثة المقترحة للاستخدام في الفيسبوك

يمكننا أن نلاحظ التصنع في جميع الصور الثلاث، وبخاصة حول الجزء العلوي من الجسر لذلك فقد ركزت على ذلك لاهداف  توضيحيه. الصورة الأكبر (أعلى اليسار) لديها اقل علامات الضغط الواضحة  ومعظم الناس لا يرغبون في النظر اليها عن قرب لذلك ستكون حتى أقل جداره بالملاحظة، على عكس 720 بيكسل التي تصبح كبيرة بقدر ما تقترب منها.

لقد حاولت بأحجام الملفات نفسها مع PNG بدلا من JPEG وحصلت على نتائج مماثلة، ولذا فإنني لن أزعجكم بها هنا. ومن الجدير بالذكر أن PNG يخلق ملف بحجم أكبر لذلك سيرغب الفيسبوك في خفض هذا (أكثر قليلا عن ذلك لاحقا). المرة الوحيدة التي وجدت فيها أن هذا يحدث فرقا حقيقيا مع صور الجدول الزمني هو إذا كانت تتضمن نصاً، مثل إذا كنت تحمل شيئا مع الشعار، على سبيل المثال.

صور الغلاف

هذه هي الصورة التي سوف استخدمها من أجل غلافي:

example cover photo
مثالي حول صورة الغلاف

اذا حاولت أن أحمل هذه بالدقة الكاملة (بعضها بعرض 7000 بيكسل)، هذا ما يحدث:

facebook cover with compression
غلاف فيسبوك مع صورة مستخدمة بالدقة الكاملة

ليس جيداً على الاطلاق. ينصح فيسبوك أولاً بتغيير الحجم الى 851x  315  لذلك دعنا نحاول ذلك:

facebook cover with resized photo
غلاف فيسبوك بصورة تغير حجمها ولكنه لا زال فوق 100 كيلوبايت

إنها أفضل، ولكن لايزال هناك الكثير من التشوه حول الطائر  puffin على نحو خاص. هذه الصورة لاتزال تقريباً 300 كيلو بايت برغم ذلك وفيسبوك يوصي بـ100 كيلو بايت لذلك هذه المرة،  استخدمت ملف>  للحفظ على الانترنت control-shift-alt-s ) في ادوب فوتوشوب و ضبطت الجودة للحصول على الصورة النهائية تحت 100 كيلو بايت:

save for web
استخدم الحفظ على ويب للحصول على صورتك تحت 100 كيلو بايت
facebook cover under 100kb and resized
غلاف عند 851x 135 ويحفظ تحت 100 كيلو بايت

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

الخلاصة

هنا بعض النقاط التي ينبغي أن نتذكرها:

الحصول على أفضل النتائج من أجل صور الجدول الزمني:

  • حمل بحجم كبير
  • احفظ بالجودة العظمى
  • استخدم PNG من أجل الصور التي تحتوي نص (شعارات)

الحصول على أفضل النتائج من أجل صور الغلاف:

  • غير الحجم الى 851x 315
  • استخدم الحفظ من أجل الانترنت وخفض الى مادون 100 كيلو بايت
  • جرب JPEG و PNG لترى أيهما يبدو الافضل

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.