5.0 امتیاز از 5 - 1 رای

آموزش کاهش حجم عکس برای استفاده در وب

آموزش کاهش حجم عکس برای استفاده در وب

کاهش حجم تصاویر برای استفاده در وب

یکی از فاکتورهای مهمی که در طراحی وبسایت و البته محتوای وبسایت حتماً باید رعایت بشه استفاده از تصاویر بهینه شده و فشرده شده است.

تصاویر و عکس ها از آن دسته از محتواهایی است که معمولاً حجم بالایی دارند و یکی از دلایل اصلی بالا رفتن حجم سایت و کند شدن اون محسوب می شوند.

به همین جهت لازم دیدم مطلبی در این مورد منتشر کنم تا کاربرانی که با این مسأله مدام درگیر هستن بتوانند خودشون حجم تصاویرشون رو تا حد زیادی کاهش بدهند بدون این که از کیفیت تصویرشون تا حد زیاد کاسته بشه.

 

ما تو این آموزش از برنامه فتوشاپ استفاده می کنیم.

خب برنامه Adobe Photoshop رو باز کنید و عکس مورد نظرتون رو بکشید داخلش. می تونید از منوی File گزینه Open هم استفاده کنید.

حالا از منوی فایل گزینه Save for Web رو انتخاب کنید. همچنین می تونید کلیدهای ترکیبی Alt+Shift+Ctrl+S رو فشار بدید تا پنجره مورد نظر ما باز بشه.

اگر اندازه عکس شما کمتر از 100×100 پیکسل باشه معمولا فرمت های PNG,Gif می تونند بهتر از فرمت jpg,jpeg از حجم عکسمون کم کنند البته باید امتحان کنید بستگی به تصویر هم داره. و برای تصاویر با اندازه بزرگ هیچ فرمتی به اندازه jpg نمی تونه حجم عکستون رو پایین بیاره.

در پنجره ای که باز شده، بالا سمت راست ساید بار زیر رو مشاهده می کنید.

 
photoshopsidebar
 

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

زیر همین گزینه که یه لیست کشویی وجود داره که وقتی روش کلیک می کنید آیتم های زیر رو می بینید

 
saveformatphotoshop
 

این همون فرمت هایی هستن که یه توضیح کوچیک درموردشون دادم. گزینه JPEG (مناسب برای تصاویر بزرگ) رو انتخاب کنید.

خب زیر این گزینه، تنظیمات مربوط به همین فرمت، برای شما نشون داده میشه که تو شکل شماره یک برای شما آوردم.

تو این قسمت تیک گزینه Optimized حتما انتخاب شده باشه.

و اما گزینه ای که ما خیلی باهش کار داریم گزینه Quality هست. اگه روش کلیک کنید یه اسکرول براتون باز میشه که می تونید کیفیت عکستون رو مشخص کنید. مثلا 50%، یا 70% یا هر عددی که شما انتخاب کنید.

خب کیفیت رو اونقدر پایین بیارید که مطمئن بشید از وضوح عکستون زیاد کاسته نشده طوری که تابلو باشه. همزمان نتیجه تغییراتتون رو می تونید سمت چپ مشاهده کنید. کیفیت رو تا حدی کم کنید که عکستون از لحاظ ظاهری و کیفیت تا حدی باشه که مورد نظر خودتونه مثلا اگه زیاد کم کنید عکستون حالت شطرنجی میشه و کیفیت عکس میاد پایین.

همچنین قسمت پایین سمت چپ همین پنجره می تونید حجم عکستون رو با تغییراتی که ایجاد کردید مشاهده کنید که معمولا یه عدد به کیلوبایت یا مگابایت یا بیشتر هست.

برای صفحات وب توصیه نمیشه حجم عکس شما بیشتر از 100 کیلوبایت باشه. یا نهایت 110kb

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

به همین خاطر گفتم به عکستون نگاه کنید و همزمان کیفیت رو بیارید پایین تا حدی که وضوح تصویرتون خراب نشه. بنابراین ممکنه عکس شما کمتر از 1 کیلوبایت هم بشه که دیگه عالی میشه.

گزینه دیگری که در موارد خاص می تونید استفاده کنید Blur هست. اگه با محو شدن تصویرتون مشکل ندارید می تونید عدد این گزینه رو زیاد کنید. هر چی این عدد بیشتر بشه تعداد رنگ هایی که تو عکستون استفاده میشه کمتر خواهد شد و در نتیجه حجم عکستون تا حد زیادی کاهش پیدا می کنه. بیشتر بدرد عکس های خیلی بزرگ می خوره که تو اسلایدرهای تمام صفحه استفاده میشه که پایین آوردن حجمشون دردسرهای خاص خودشونو داره. یکی از ترفندهای کاهش حجم این تصاویر همین Blur کردن تصویر هست که معمولا تو اسلایدرهای بزرگ مشاهده می کنید.

 

تنظیمات به پایان رسید، اگر همه چیز مطابق اون چیزیه که می خواستید روی دکمه Save کلیک کنید و عکستون رو ذخیره کنید.

عکس شما بهینه شده و آماده استفاده در وب هست. موفق باشید.

کپی برداری از این مطلب با ذکر منبع بلامانع است

طراح سایت نیشابور http://mrbco.ir

این قافله عمر عجـب می گذرد      دریاب دمی کـه با طرب می گذرد
ساقی غم فردای حریفان چه خوری      پیش آر پیاله را که شب می گذرد
خیام نیشابوری
امیدوارم این مطلب برای شما مفید بوده باشه.

- محمد رضا -

نظرات

 

ارسال نظر

 
کپچا
 redo

درخبرنامه ما عضو شوید

بالا