فشرده سازی تصویر JPEG فیسبوک
سطح آموزش: مقدماتی
برای همه ی ما پیش آمده که تصویری داشتیم که روی نرم‌افزار ویرایش تصویر، عالی به نظر میرسید، اما بروی تایم لاین فیسبوک که قرار گرفته، با دیدن فشرده سازی تصویر آشوبناک آن وحشت زده شدیم. در این آموزش سریع، به شما کمک میکنم تا بهترین کیفیت ممکن را در زمان آپلود کردن تصاویر خود کسب کنید.
رونمایی دستورالعمل‌های فیسبوک
فیسبوک این دستورالعمل‌ها را در اختیار ما قرار داده است:
راهنمای فیسبوک در مورد آپلود تصویر
خب حالا ببینیم چه چیزی جواب میدهد. با تصاویر معمولی شروع میکنیم.
تصاویر معمولی روی تایم لاین
فیسبوک پیشنهاد میکند که تصویر را در پهنای سایز ۷۲۰px یا ۹۶۰px یا ۲۰۴۸px آپلود کنیم تا بهترین نتیجه کسب شود. این تصویری است که میخواهم برای مقایسه ی خودمان استفاده کنم:
تصویر مثال برای استفاده در فیسبوک
من تصویر را در هر یک از پهناهای اشاره شده ذخیره کردم و آنها را آپلود کردم. سپس نسخه‌های فشرده شده فیسبوک را در کامپیوترم ذخیره کردم.
اولین چیزی که قابل توجه می باشد اختلاف در سایز فایل است. اگر بخواهیم یکی یکی آنها را بررسی کنیم در اعداد گم میشویم. برای پهنای وسطی که گرفتیم ۹۶۰px ، فایلی که من با آن شروع کردم ۵۲۳ کیلوبایت اندازه فایل داشت و تصویری که از فیسبوک ذخیره کردم ۸۶.۹ کیلوبایت سایز فایل داشت. پس به این نتیجه میرسیم که باید فشرده‌سازی زیادی رخ داده باشد.
در اینجا میتوانید همه ی سایزهای مختلف تصویر را در اسکیل ۱۰۰% و بعد از آپلود در فیسبوک ببینید.
مقایسه ای بر پهنای پیشنهاد شده برای استفاده در فیسبوک
میتوانیم نویز ایجاد شده بروی تمامی تصاویر را ببینیم، بخصوص در بالای پل که من هم به قصد نشان دادن این مساله به شما روی آن فوکوس کردم. در تصویر بزرگتر (بالا سمت چپ) کمترین نشان از فشرده سازی دیده میشود و اکثر افراد از این فاصله نزدیک به آن نگاه نمیکنند و کمتر قابل توجه است. بر خلاف تصویر با پهنای ۷۲۰px که فشرده سازی بروی آن بیشتر از چیزی که انتظار میرود دیده میشود.
من از سایز فایل مشابهی با فرمت PNG بجای JPEG استفاده کردم و نتیجه ی مشابهی بدست آوردم، بنابراین وقت شما را با اونها تلف نمیکنم. قابل توجه هست که PNG سایز فایل بیشتری ایجاد میکند، بدین ترتیب فیسبوک بروی آن فشرده سازی زیادی انجام میدهد تا سایز آنرا کم کند. (در این مورد کمی جلوتر بیشتر توضیح میدهم) من اینطور حس کردم که تنها زمانی این کار اختلاف زیاد با تصاویر تایم لاین ایجاد میکند که تصویر شامل نوشته باشد، برای مثال وقتی که شما تصویری را آپلود میکنید که روی آن یک لوگو قرار دارد.
تصاویر کاور
این تصویری است که من میخواهم برای کاور فیسبوک از آن استفاده کنم:
نمونه‌ی من برای تصویر کاور
در صورتی که میخواستم این تصویر را با رزولوشن کامل (پهنای ۷۰۰۰px) آپلود کنم، این اتفاق رخ میدهد:
کاور فیسبوک در حالیکه از تصویر با رزولوشن بالا استفاده شده است
اصلا خوب نیست. فیسبوک پیشنهاد میکند که آنرا به سایز ۸۵۱x315px تغییر دهید. پس بگذارید امتحان کنیم:
کاور فیسبوک در حالیکه تغییر اندازه شده ، اما هنوز بیشتر از ۱۰۰ کیلوبایت سایز فایل دارد.
بهتر شد، اما هنوز اندکی اعوجاج بخصوص در اطراف مرغ دریایی وجود دارد. سایز فایل تصویر ۳۰۰ کیلوبایت است و فیسبوک پیشنهاد میکند که ۱۰۰ کیلوبایت باشد، پس این بار من در ادوبی فتوشاپ به منوی File رفتم و گزینه Save For Web (کلیدهای Ctrl و Shift و Alt و S) را انتخاب کردم و کیفیت تصویر (Quality) را برای رسیدن به سایز کمتر از ۱۰۰ کیلوبایت تنظیم کردم:
از فرمان Save For Web استفاده کنید تا سایز تصویر را زیر ۱۰۰ کیلوبایت کنید
کاور در سایز ۸۵۱x135px و ذخیره شده در سایز فایل زیر ۱۰۰ کیلوبایت
همانطور که میبینید، این کار بهترین نتیجه را به ما میدهد. بعضی اوقات برای من اینطور به نظر میرسد که میتوانم با استفاده از تصویر PNG بجای JPEG نتیجه بهتری داشته باشم. اما همانطور که قبلا اشاره کردم، پائین آوردن سایز فایل کمتر از ۱۰۰ کیلوبایت سخت تر میشود. بنابراین هر دو روش را امتحان کنید و ببینید چه چیزی برای شما جواب میدهد.
خلاصه
در اینجا چند نکته هست که باید به یاد داشته باشید:
گرفتن بهترین نتایج برای تصاویر تایم لاین:
- یک تصویر بزرگ آپلود کنید
- آن را در ماکزیمم کیفیت ذخیره کنید
- برای تصاویر با نوشته (یا لوگو) از PNG استفاده کنید
گرفتن بهترین نتایج برای تصاویر کاور:
- آن را تا سایز ۸۵۱x315px تغییر اندازه دهید
- از فرمان Save for Web استفاده کنید و سایز آن را تا ۱۰۰ کیلوبایت کم کنید
- از فرمت های JPEG و PNG استفاده کنید تا ببینید کدامیک بهترین ظاهر را در اختیارتان میگذارد.
هیچ تصویری در فیسبوک بدون فشرده سازی نخواهد بود، مگر اینکه فیسبوک رویه خودش را تغییر بدهد. اما ما میتوانیم با اندکی تغییرات، ظاهر بسیار بهتری را بدست بیاوریم.
دیدگاه خود را مطرح کنید