optimization-images

بهینه سازی تصاویر با نرم افزار فتوشاپ برای وب

بهینه سازی تصاویر با نرم افزار فتوشاپ برای وب – در این آموزش به همراه شما قصد داریم به بررسی راه حلی بپردازیم که توسط آن می توانید تصاویری که قصد استفاده در وب دارید را بهینه سازی نموده و با استفاده از نرم افزار فتوشاپ حجم چشمگیری از آن را کاهش دهید.
شاید شما نیز یک وب سایت داشته باشید و قصد دارید تصاویری را برای مطالب نوشته شده در وب سایت خود قرار دهید. شاید مسئله حجم زیاد عکس ها و تصاویر شما را آزار می دهد!
یکی از بزرگتیرین مشکلاتی که حجم بالای تصاویر ایجاد خواهند نمود، این است که باعث کند شدن سرعت بارگذاری صفحه مطلبتان خواهد شد و در برخی موارد نیز تعدد بالای تصاویر فضای بالایی را از حجم هاست میزبانی کننده وب شما اشغال می نماید. استفاده از این تصاویر ضروری است و حتما می دانید که نمیتوان به مقدار بسیار زیادی از حجم این تصاویر کم نمود. در این آموزش به همراه شما قصد داریم به بررسی را ه حلی بپردازم که توسط آن می توانید تصاویری که قصد استفاده در وب دارید را بهینه نموده و حجم چشمگیری از آن را کاهش دهید تا هر نوع مشکل احتمالی برای وب شما به حداقل ممکن برسد.
در ابتدا تصویر مورد نظر خود را توسط برنامه محبوب و کاربردی فتوشاپ باز کنید.
سپس از سربرگ File گزینه Save for Web را انتخاب کنید.
بهینه سازی تصاویر با نرم افزار فتوشاپ برای وب

البته کلید میانبری نیز برای انتخاب این گزینه در نظر گرفته شده است. شما میتوانید با استفاده از کلید ترکیبی Alt+Shift+Ctrl+S این کار را به سادگی انجام دهید. حال پنجره زیر که برای عملیات ذخیره سازی استفاده می شود باز خواهد شد.

بهینه سازی تصاویر با نرم افزار فتوشاپ برای وب

گزینه های پر کاربرد در ذخیره سازی تصویر وب عبارتند از
۱- کادر انتخاب فرمت تصویر:
با کلیک بر روی این کادر فرمت های ذخیره سازی تصویر برای شما نمایش داده خواهد شد. بهترین و بهینه ترین فرمت تصویر فرمت JEPG میباشد. در این آموزش ما بهینه کردن تصویر با این فرمت را مد نظر قرار داده ایم.
۲- Quality: با کلیک بر روی فلش کوچک کناری این گزینه نوار تنظیم کیفیت در اختیار شما قرار خواهد گرفت که میتوانید درصد کیفیت تصویر را انتخاب کنید. اگر قصد کم کردن حجم تصویر برای وب را دارید، بهترین در صد انتخابی بین ۶۰ تا ۷۵ میباشد. البته کیفیت ۷۵ تصویر بهتری را در اختیار شما قرار خواهد داد. دقت کنید که انتخاب کیفیت پایین شاید تصویر بهینه تری در اختیار شما قرار دهد، اما کیفیت بصورت چشمگیری کاسته خواهد شد. بطوری که تصویر زیر حجم و وضوح تصویر انتخابی را در حالت اصلی و حالت تنظیم شده ۷۵ بصورت مقایسه ای و در یک پنجره نمایش می دهد.

بهینه سازی تصاویر با نرم افزار فتوشاپ برای وب

راه دیگر تنظیم کیفیت تایپ درصد دلخواه در کادر Quality میباشد.
۳- کادر پیش نمایش: در این کادر پیش نمایشی از تصویر به شما اراده خواهد شد. در زیر این کادر حجم تصویر درج میگردد.
شما قادر خواهید بود تا نمایش تصویر در حالت اصلی و بهینه شده را در این کادر مشاهده نمایید. برای این کار کافیست از گزینه های قرار داده شده در بالای کادر پیش نمایش تصویر استفاده کنید.
۴- این گزینه ها عبارتند از:
Original: با انتخاب این گزینه تصویر در حالت اصلی (بدون بهینه سازی) نمایش داده خواهد شد.
Optimize: با انتخاب این گزینه تصویر پس از بهینه شدن (با انتخاب درجه کیفیت) نمایش داده میشود.
۲UP: از این گزینه برای نمایش تصویر اصلی و تصویر بهینه شده در بالا و پایین هم استفاده میشود. تصویر اصلی در بالا و تصویر بهینه شده در پایین قرار خواهند گرفت.
۴UP: از این گزینه برای نمایش تصویر در چهار کیفیت متفاوت بهینه شده استفاده میگردد. بالاترین تصویر، تصویر اصلی و به ترتیب تا پایین ترین تصویر از کیفیت تصویر کاسته و بهینه تر میگردد.
در نهایت بواسطه گزینه های توضیح داده شده در بالا، تصویر خود را به مقدار لازم بهینه نموده و با کلیک بر روی دکمه Save که در پایین این کادر قرار دارد (۵) اقدام به ذخیره سازی تصویر بهینه شده در محل دلخواه خود کنید.
امیدوارم این آموزش مورد توجه شما عزیزان قرار گرفته باشد.

منبع: دوران دات نت

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.