کم کردن سایز تصاویر برای ایمیل کردن و به اشتراک گذاری
در این مطلب میخواهیم کم کردن سایز تصاویر برای ایمیل کردن و به اشتراک گذاری آنلاین در هر کدام از رسانه های اجتماعی را آموزش دهیم. این کار را به راحتی و با تنظیمات Image Size در فتوشاپ انجام می دهیم. باید بدانید که تغییر سایز برای فضای وب با تغییر سایز برای چاپ عکس متفاوت است. برای چاپ، اغلب نیازی به تغییر تعداد پیکسل های موجود در تصویر نیست، بلکه این رزولوشن است که در کیفیت نسخه ی چاپی تعیین کننده است.
اما برای ارسال ایمیل و یا به اشتراک گذاری یک تصویر تقریبا همیشه لازم است که سایز عکس را کم کنیم. برای کم کردن سایز تصاویر باید به دو مورد توجه کنیم. یک این که ابعادی که برای عکس تعیین می کنیم به گونه ای باشد که در صفحه نمایشِ کسی که عکس را می بیند به راحتی نشان داده شود و نیازی به پیمایش عکس یا بزرگ نمایی آن نداشته باشد؛ دو این که سایز نهایی فایل تصویر بر اساس مگابایت به اندازه ی باشد که برای ارسال یا بارگذاری آن مشکلی نداشته باشیم. خوشبختانه (همانطور که در این آموزش خواهید دید) تنظیم کردن درست مورد اول که اندازه ی ابعاد پیکسلی است، باعث تنظیم شدن مورد دوم که حجم فایل است می شود.
در انتها نیز نحوه ی ذخیره کردن تصویر را آموزش می دهیم. برای شروع کار می توانید تصویر دلخواه خود را در فتوشاپ باز کنید. در اینجا از تصویری که از Adobe Stock دانلود کرده ایم استفاده می کنیم (برای استفاده از سایت ادوبی استوک باید وی پی ان داشته باشید و برای دانلود تصاویر اصلی، باید هزینه را به دلار پرداخت کنید)
در این صفحه میخوانید:
کپی کردن عکس قبل از تغییر سایز آن
از آنجایی که که تغییر اندازه تصویر برای ایمیل یا وب، در واقع به این معنی است که پیکسل ها را حذف می کنیم، بهتر است که قبل از تغییر سایز تصویر از نسخه ی اصلی کپی بگیریم. برای کپی کردن عکس، از منوی Image در نوار منوی اصلی، Duplicate را انتخاب کنید:
در پنجره ی Dublicate Image به نسخه ی کپی یک اسم جدید بدهید و یا همان اسم نسخه ی اصلی را که انتهای آن کلمه ی copy آورده شده تایید کنید. اگر عکس شما بیشتر از یک لایه دارد گزینه ی Duplicate Merged Layers Only را تیک بزنید:
وقتی OK را بزنید تا این پنجره بسته شود، نسخه ی کپی در یک فایل مجزا باز می شود. برای تشخیص اینکه داخل کدام فایل هستید، به Tab های بالای صفحه نگاه کنید؛ نام هر فایلی که داخل آن هستید هایلایت است:
پنجره ی تنظیمات Image Size
برای تغییر اندازه تصویر، به منوی Image برگردید و این بار Image Size را انتخاب کنید:
با این کار پنجره ی تنظیمات Image Size باز می شود که در Photoshop CC در سمت چپ این پنجره یک صفحه پیش نمایش کوچک تصویر را نشان می دهد و در سمت راست گزینه های تنظیمات دیده می شود:
ایجاد صفحه ی پیش نمایش بزرگ تر
برای این که صفحه ی پیش نمایش بزرگ تری داشته باشید باید پنجره ی Image Size را بزرگتر کنید. برای این کار کافیست این پنجره را به سمت چپ بالای صفحه و سپس دسته ی پایین سمت راست را به سمت بیرون پنجره بکشید. پس از اینکه اندازه ی پنجره را تغییر دادید، داخل صفحه ی پیش نمایش کلیک کنید و آن را Drag کنید تا در مرکز پنجره قرار بگیرد.
مشاهده ی سایز فعلی تصویر
اندازه ی تصویر فعلی را می توانید بالای ستون سمت راست در پنجره ی Image Size با دو مقیاس پیکسل و مگابایت ببینید. عددی که کنار Image Size نوشته شده سایز را با مقیاس مگابایت (که با M نشان داده می شود) و عددی که کنار Dimensions نوشته شده سایز را با مقیاس پیکسل (px) نشان می دهد.
این تصویر در حالت فعلی ۶۳.۳ مگابایت از حافظه را به خود اختصاص داده است و همچنین دارای عرض ۵۷۶۰ پیکسل و ارتفاع ۳۸۴۰ پیکسل است. هر دوی این مقادیر نشان می دهند که این عکس برای ایمیل کردن و به اشتراک گذاری بسیار بزرگ است. در نتیجه به سراغ آموزش کم کردن سایز تصاویر می رویم:
تغییر مقیاس اندازه گیری ابعاد
اگر ابعاد با مقیاسی غیر از پیکسل نشان داده شده اند، روی فلش کوچک کنار کلمه ی Dimensions کلیک کنید تا لیست مقیاس هایی که می توانید از بین آن ها انتخاب کنید باز شود. سپس Pixels را انتخاب کنید:
تفاوت Resizing و Resampling
قبل از آنکه تغییر اندازه ی یک عکس را یاد بگیرید، بهتر است تفاوت Resizing و Resampling را بدانید.
Resizing به چه معناست؟
Resizing به معنای تغییر تعداد پیکسل ها و یا تغییر اندازه ی فایل نیست! بلکه فقط به معنی تغییر اندازه ی نسخه ی چاپی عکس است. اندازه ی نسخه ی چاپی عکس از طریق تغییر میزان وضوح (Resolution) است.
Resampling به چه معناست؟
بر خلاف Resizing، Resampling به معنی تغییر تعداد پیکسل هاست. به اضافه کردن پیکسل به عکس Upsampling و به حذف کردن پیکسل ها Downsampling می گویند. شاید به ندرت لازم باشد که برای به اشتراک گذاری یک عکس آن را Upsampling کنید و ممکن است هرگز پیش نیاید! اما اغلب اوقات لازم است که عکس را Downsampling کنید. همانطور که خواهید دید، با Downsampling کردن یک عکس برای کوچک تر کردن ارتفاع و عرض آن، در واقع سایز فایل را کوچک تر می کنیم.
نحوه ی Resample کردن یک تصویر برای کم کردن سایز تصاویر
حالا که تفاوت Resizing و Resampling را می دانید، می خواهیم به سراغ نحوه ی Resample کردن عکس که باعث بهینه سازی سایز عکس برای به اشتراک گذاری می شود برویم.
مرحله ی ۱: روشن کردن گزینه ی Resample
در پنجره ی Image Size، برای این که می خواهیم تعداد پیکسل ها را تغییر دهیم، باید گزینه ی Resample را تیک بزنید ( این گزینه درست پایین Resolution است).
مرحله ی ۲: تغییر دادن اندازه ی عرض (Width) و ارتفاع (Height)
بعد از اینکه Resample را روشن کردید، بررسی کنید که مقیاس اندازه های ارتفاع و عرض Pixels باشد.
سپس اندازه ی ارتفاع و عرض را به اندازه های مد نظر خود تغییر دهید. دقت کنید که زمانی که ارتفاع و عرض لینک باشند (علامت مربوط به constrain aspect ratio که در سمت چپ ابعاد است روشن باشد)، اندازه ی هر کدام را که تغییر دهید، دیگری به طور خودکار به همان مقدار تغییر خواهد کرد.
چه مقادیری برای ارتفاع و عرض مناسب اند؟
یک سوال مهم در کم کردن سایز تصاویر این است که بهترین اندازه برای ارتفاع و عرض که برای به اشتراک گذاری عکس مناسب باشد، چه قدر است؟ بیشتر رسانه های اجتماعی سایز های پیشنهادی خود را دارند که با یک سرچ سریع در گوگل در مورد برنامه ی مورد نظر خود، می توانید این اندازه ها را پیدا کنید.
برای ایمیل کردن عکس، اندازه ی آن بستگی به صفحه نمایشی دارد که کسی که ایمیل شما را دریافت می کند از آن استفاده می کند. با اینکه صفحه نمایش های با رزولوشن ۴K و ۵K در حال افزایش هستند، ولی رایج ترین رزولوشن صفحه نمایش هنوز هم ۱۹۲۰×۱۰۸۰ است که اصولا با نام ۱۰۸۰p شناخته می شود. حالت ایده آل این است که تصویر کاملا روی صفحه نمایش قرار بگیرد بدون اینکه نیاز به بزرگ نمایی و یا پیمایش عکس باشد. بنابر اگر رایج ترین رزولوشن صفحه نمایش را در نظر بگیریم (که ۱۹۲۰×۱۰۸۰ است)، عرض عکس شما از ۱۹۲۰ پیکسل و ارتفاع آن از ۱۰۸۰ پیکسل نباید بیشتر باشد.
تغییر دادن مقدار عرض و ارتفاع
در این عکس، مقدار عرض را از ۵۷۶۰ پیکسل به ۱۹۲۰ پیکسل تغییر می دهیم. با این کار فتوشاپ اندازه ی ارتفاع را به طور خودکار به همان نسبت کم می کند و از ۳۸۴۰ پیکسل به ۱۲۸۰ پیکسل می رساند.
مشاهده ی سایز جدید تصویر
ابعاد تصویر را با مقیاس پیکسل می توانید در قسمت Dimensions بالای پنجره ی Image Size ببینید. اما نکته ی مهم تر این است که عدد کنار Image Size نشان می دهد که با تغییر تعداد پیکسل، سایز فایل عکس نیز از ۶۳.۳ مگابایت به ۷.۰۳ مگایابت کم شده است. البته این عدد سایز نهایی فایل نیست! این عدد نشان دهنده ی مقداری از فضای حافظه است که این عکس به خود اختصاص داده و تا زمانی که عکس را به عنوان یک فایل JPEG و یا هر فرمت دیگری ذخیره نکنید سایز واقعی فایل را نمی توانید ببینید (نحوه ی ذخیره کردن عکس را میتوانید در پایان آموزش ببینید) . سایز واقعی عکس بعد از ذخیره شدن، از سایزی که در این پنجره می بینید نیز کم تر است.
مشاهده ی ابعاد جدید بر اساس درصد
اگر مایلید که ابعاد جدید عکس خود را به جای پیکسل بر اساس درصد ببینید، روی فلش کوچک کنار کلمه ی Dimensions کلیک کنید و Percent را از لیست انتخاب کنید:
و حالا می بینیم که عرض و ارتفاع تصویر به ۳۳.۳۳% از اندازه ی اولیه ی آن کاهش یافته:
کم تر کردن ابعاد پیکسلی
قبل تر آموختیم که اگر بخواهیم عکس ارسالی روی صفحه نمایش استاندارد ۱۰۸۰p جای بگیرد، نباید عرض را بیشتر از ۱۹۲۰ پیکسل و ارتفاع را بیشتر از ۱۰۸۰ پیکسل تنظیم کنیم. در مورد این عکس، عرض را تا ۱۹۲۰ پیکسل کم کردیم؛ اما به دلیل نسبت ابعاد در این عکس، ارتفاع به ۱۲۸۰ پیکسل رسید که این ارتفاع برای نمایشگر ۱۰۸۰p زیاد است. در نتیجه در ادامه به راه حلی برای این مشکل اشاره می کنیم.
غیر فعال کردن اتصال عرض و ارتفاع (Unlinking)
یک راه حل برای بر طرف کردن مشکل بالا غیر فعال کردن اتصال عرض و ارتفاع است. اما همانطور که در ادامه خواهید دید، این راه حل مناسبی نیست و تاثیر منفی در نتیجه می گذارد.
از آنجایی که به طور پیش عرض و ارتفاع به هم متصلند، روی آیکون لینک که سمت چپ ابعاد است کلیک می کنیم و آن را خاموش می کنیم. سپس عرض را که ۱۹۲۰ پیکسل است تغییر نمی دهیم اما ارتفاع را به ۱۰۸۰ پیکسل تغییر می دهیم:
همانطور که می بینید، با غیر فعال کردن اتصال عرض و ارتفاع، نسبت ابعاد تصویر به هم ریخته و همانطور در تصویر پیش نمایش می بینید، تصویر به صورت افقی کشیده شده است. در نتیجه Unlinking عرض و ارتفاع نمی تواند راه حل مناسبی باشد!
فعال کردن دوباره ی اتصال عرض و ارتفاع (Relinking)
حالا به سراغ راه حل درست می رویم و با کلیک کردن روی آیکون لینک، اتصال عرض و ارتفاع را دوباره فعال می کنیم. این کار سایز عکس را به سایز اولیه ی عکس بر می گرداند:
برای اینکه ابعاد عکس برای نمایش بر روی صفحه نمایش ۱۰۸۰p مناسب باشد، ارتفاع را روی ۱۰۸۰ پیکسل تنظیم می کنیم. این کار باعث می شود عرض به طور خودکار روی ۱۶۲۰ پیکسل تنظیم شود. با این کار هر کسی که عکس در یک صفحه نمایش ۱۰۸۰p باز کند، عکس کامل را بدون نیاز به بزرگ نمایی و یا پیمایش می تواند ببیند:
مشاهده ی سایز جدید تصویر
حالا اگر در پنجره ی Image Size به قسمت Dimensions نگاه کنید، می بینید که اندازه ی عرض و ارتفاع تقریبا ۲۸% از اندازه های اولیه است و اندازه ی تصویر در حافظه هم به ۵ مگابایت رسیده است که بهتر از اندازه ی اصلی است:
مرحله ی ۳: انتخاب روش Interpolation
آخرین و مهم ترین گزینه ی تنظیمات برای Resample کردن عکس، انتخاب روش Interpolation است. این گزینه کنار کلمه ی Resample است که در حالت پیش فرض روی Automatic قرار دارد.
Image Interpolation چیست؟
زمانی که یک عکس را Resample می کنیم، فتوشاپ تعداد پیکسل ها را کم یا زیاد می کند. به روشی که فتوشاپ برای این کار استفاده می کند، Interpolation Method می گویند. روش های مختلفی برای این کار وجود دارد که می توانیم از بین آن ها انتتخاب کنیم . برای دیدن لیست روش ها روی گزینه آن کلیک کنید. بعضی از این روش ها برای Upsampling مناسبند و بعضی برای Downsampling.
کدام روش Interpolation را انتخاب کنیم؟
با انتخاب هر یک از روش ها نتیجه ی متفاوتی خواهیم داشت. بعضی از روش ها باعث Sharp شدن تصویر و بعضی باعث Soft شدن تصویر می شوند. انتخاب یک روش اشتباه می تواند تاثیر منفی در نتیجه ی Resample کردن عکس داشته باشد. اگر نمی دانستید که کدام روش بهتر است، حالت Automatically را تغییر ندهید. با این کار فتوشاپ به طور خودکار بهترین روش را انتخاب می کند که برای مثال برای Downsample کردن عکس، حالت Bicubic Sharper را انتخاب می کند:
بهترین روش برای Downsampling کدام است؟
از آنجایی که فتوشاپ برای Downsampling روش Bicubic Sharper را انتخاب می کند، اگر فقط به دنبال راحت ترین راه برای نتیجه ی خوب هستید، حالت Automatically را تغییر ندهید. اما اگر می خواهید بهترین نتیجه را داشته باشید، انتخاب بهتری هم دارید!
هنگام Downsampling عکس، برای داشتن بهترین نتیجه، حالت (Bicubic (smooth gradients را انتخاب کنید. این روش بهترین و تمیز ترین نتیجه را به شما می دهد. البته توجه کنید که با انتخاب این گزینه باید مقدار Sharpness تصویر خود را افزایش دهید. در نتیجه اگر با این کار مشکلی ندارید و می خواهید حرفه ای ترین نتیجه را داشته باشید روش Bicubic را انتخاب کنید:
آیا رزولوشن در سایز عکس تاثیری دارد؟
یکی از گزینه هایی که در این آموزش به آن نپرداخته ایم، رزولوشن است که گزینه ی آن زیر تنظیمات عرض و ارتفاع قرار دارد. دلیل این که به سراغ آن نرفته ایم این است که رزولوشن یک عکس فقط زمانی که می خواهیم یک عکس را پرینت بگیریم اهمیت دارد و بر وضوح نسخه ی چاپی عکس تاثیر می گذارد. رزولوشن هیچ تاثیری بر ابعاد پیکسلی و سایز فایل عکس ندارد! بنابر این وقتی که در حال کم کردن سایز تصاویر برای ایمیل کردن یا هرگونه اشتراک گذاری و یا مشاهده ی عکس در صفحه نمایش هستید، رزولوشن را نادیده بگیرید.
مرحله ی ۴: کلیک روی OK و تمام کردن کار Resampling
پس از این که ابعاد پیکسلی و روش Interpolation را انتخاب کردید، روی OK کلیک کنید تا پنجره ی Image Size بسته شود و عکس Resample شود:
مرحله ۵: ذخیره کردن تصویر به عنوان یک فایل JPEG
برای ذخیره کردن عکس نهایی، به منوی File در نوار منوی اصلی بروید و گزینه ی Save As را انتخاب کنید:
در پنجره ی Save As، نوع فایل یعنی Format را JPEG انتخاب کنید. به عکس خود یک اسم بدهید ( که در اینجا “Tourists-small.jpg” گذاشته ایم) و جایی که میخواهید عکس در آن جا ذخیره شود را انتخاب کنید. سپس روی Save کلیک کنید:
و در آخر در پنجره ی تنظیمات JPEG گزینه ی Quality را روی Maximum و برای Format Option ، گزینه ی Baseline Optimized را انتخاب کنید. اگر دقت کنید زیر کلمه ی Preview سایز نهایی عکس خود را می بینید که در این عکس ۱.۰ مگابایت است و به این معنی است که برای ایمیل کردن و یا به اشتراک گذاری آن مشکلی نخواهیم داشت. روی OK کلیک کنید تا عکس با فرمت JPEG ذخیره و پنجره بسته شود:
همانطور که دیدیم کم کردن سایز تصاویر به همین راحتی است! حالا می توانید سایز هر عکسی را که بخواهید تغییر دهید و آن را برای ایمیل کردن و به اشتراک گذاری آماده کنید. اگر این مطلب برایتان مفید بوده با دوستان خود به اشتراک بگذارید.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیری
دیدگاهتان را بنویسید