Unlimited After Effects and Premiere Pro templates, stock video, royalty free music tracks & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

فشرده‌سازی تصویر 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

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

برای همه ی ما پیش آمده که تصویری داشتیم که روی نرم‌افزار ویرایش تصویر عالی به نظر میرسید، اما بروی تایم لاین فیسبوک که قرار گرفته، با دیدن فشرده سازی تصویری آشوبناک آن وحشت زده شدیم. در این آموزش سریع، به شما کمک میکنم تا بهترین کیفیت ممکن را در زمان آپلود کردن تصاویر خود کسب کنید.

رونمایی دستورالعمل‌های فیسبوک

فیسبوک این دستورالعمل‌ها را در اختیار ما قرار داده است:

facebook guidelines
راهنمای فیسبوک در مورد آپلود تصویر

خب حالا ببینیم چه چیزی جواب میدهد. با تصاویر معمولی شروع میکنیم.

تصاویر معمولی روی تایم لاین

فیسبوک پیشنهاد میکند که تصویر را در پهنای سایز 720px یا 960px یا 2048px آپلود کنیم تا بهترین نتیجه کسب شود. این تصویری است که میخواهم برای مقایسه ی خودمان استفاده کنم:

example picture
تصویر مثال برای استفاده در فیسبوک

من تصویر را در هر یک از پهناهای اشاره شده ذخیره کردم و آنها را آپلود کردم. سپس نسخه‌های فشرده شده فیسبوک را در کامپیوترم ذخیره کردم.

اولین چیزی که قابل توجه می باشد اختلاف در سایز فایل است. اگر بخواهیم یکی یکی آنها را بررسی کنیم در اعداد گم میشویم. برای پهنای وسطی که گرفتیم 960px ، فایلی که من با آن شروع کردم 523 کیلوبایت اندازه فایل داشت و تصویری که از فیسبوک ذخیره کردم 86.9 کیلوبایت سایز فایل داشت. پس به این نتیجه میرسیم که باید فشرده‌سازی زیادی رخ داده باشد.

در اینجا میتوانید همه ی سایزهای مختلف تصویر را در اسکیل 100% و بعد از آپلود در فیسبوک ببینید.

facebook compression comparison
مقایسه ای بر پهنای پیشنهاد شده برای استفاده در فیسبوک

میتوانیم نویز ایجاد شده بروی تمامی تصاویر را ببینیم، بخصوص در بالای پل که من هم به قصد نشان دادن این مساله به شما روی آن فوکوس کردم. در تصویر بزرگتر (بالا سمت چپ) کمترین نشان از فشرده سازی دیده میشود و اکثر افراد از این فاصله نزدیک به آن نگاه نمیکنند و کمتر قابل توجه است. بر خلاف تصویر با پهنای 720px که فشرده سازی بروی آن بیشتر از چیزی که انتظار میرود دیده میشود.

من از سایز فایل مشابهی با فرمت PNG بجای JPEG استفاده کردم و نتیجه ی مشابهی بدست آوردم، بنابراین وقت شما را با اونها تلف نمیکنم. قابل توجه هست که PNG سایز فایل بیشتری ایجاد میکند، بدین ترتیب فیسبوک بروی آن فشرده سازی زیادی انجام میدهد تا سایز آنرا کم کند. (در این مورد کمی جلوتر بیشتر توضیح میدهم) من اینطور حس کردم که تنها زمانی این کار اختلاف زیاد با تصاویر تایم لاین ایجاد میکند که تصویر شامل نوشته باشد، برای مثال وقتی که شما تصویری را آپلود میکنید که روی آن یک لوگو قرار دارد.

تصاویر کاور

این تصویری است که من میخواهم برای کاور فیسبوک از آن استفاده کنم:

example cover photo
نمونه‌ی من برای تصویر کاور

در صورتی که میخواستم این تصویر را با رزولوشن کامل (پهنای 7000px) آپلود کنم، این اتفاق رخ میدهد:

facebook cover with compression
کاور فیسبوک در حالیکه از تصویر با رزولوشن بالا استفاده شده است

اصلا خوب نیست.  فیسبوک پیشنهاد میکند که آنرا به سایز 851x315px تغییر دهید. پس بگذارید امتحان کنیم:

facebook cover with resized photo
کاور فیسبوک در حالیکه تغییر اندازه شده ، اما هنوز بیشتر از 100 کیلوبایت سایز فایل دارد.

بهتر شد، اما هنوز اندکی اعوجاج بخصوص در اطراف مرغ دریایی وجود دارد. سایز فایل تصویر 300 کیلوبایت است و فیسبوک پیشنهاد میکند که 100 کیلوبایت باشد، پس این بار من در ادوبی فتوشاپ به منوی File رفتم و گزینه Save For Web (کلیدهای Ctrl و Shift و Alt و S) را انتخاب کردم و کیفیت تصویر (Quality) را برای رسیدن به سایز کمتر از 100 کیلوبایت تنظیم کردم:

save for web
از فرمان Save For Web استفاده کنید تا سایز تصویر را زیر 100 کیلوبایت کنید
facebook cover under 100kb and resized
کاور در سایز 851x135px و ذخیره شده در سایز فایل زیر 100 کیلوبایت

همانطور که میبینید، این کار بهترین نتیجه را به ما میدهد. بعضی اوقات برای من اینطور به نظر میرسد که میتوانم با استفاده از تصویر PNG بجای JPEG نتیجه بهتری داشته باشم. اما همانطور که قبلا اشاره کردم، پائین آوردن سایز فایل کمتر از 100 کیلوبایت سخت تر میشود. بنابراین هر دو روش را امتحان کنید و ببینید چه چیزی برای شما جواب میدهد.

خلاصه

در اینجا چند نکته هست که باید به یاد داشته باشید:

گرفتن بهترین نتایج برای تصاویر تایم لاین:

  • یک تصویر بزرگ آپلود کنید
  • آن را در ماکزیمم کیفیت ذخیره کنید
  • برای تصاویر با نوشته (یا لوگو) از PNG استفاده کنید

گرفتن بهترین نتایج برای تصاویر کاور:

  • آن را تا سایز 851x315px تغییر اندازه دهید
  • از فرمان Save for Web استفاده کنید و سایز آن را تا 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.