رفتن به مطلب

آموزش نحوه کاهش حجم تصاویر وب با فتوشاپ


raya
 اشتراک گذاری

Recommended Posts

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


قبل از اینکه بخواهیم حجم تصاویر خود را با فتوشاپ کاهش دهیم، باید با فرمت های رایج تصویر آشنایی داشته باشیم، جهت یادآوری در زیر لیستی از این فرمت ها با توضیح مختصری آمده است:
- فرمت تصویر jpg یا jpeg
jpeg مخفف عبارت (Joint Photographic Experts Group) و به فارسی به معنی گروه مشترک متخصصان تصویر یا ترجمه ای شبیه به این است که مربوط به ایجاد کنندگان این فرمت می شود، در مجموع از فرمت jpeg برای فشرده کردن فایل های عکس در مصارف عمومی استفاده می شود، مثلا برای انتشار تصاویر در وب یا فایل های PDF و یا مشاهده تصاویر در مانیتور ها (و نه کار چاپ)، از این فرمت می توان استفاده کرد، jpeg معمولا حجم تصاویر را کاهش می دهد ولی اندکی نیز از کیفیت آنها در مقایسه با فرمت های مناسب کار چاپ می کاهد، این فرمت تا عمق رنگی استاندارد 24 بیت (RGB) را پوشش می دهد.
- فرمت تصویر gif
فرمت gif یا (Graphics Interchange Format) به فایل های تصویری با قابلیت نمایش چندین فِرِم و به صورت متحرک گفته می شود، این فرمت محدودیت هایی دارد و بیشتر مناسب ایجاد انیمیشن ها و تصاویر تحت وب است، gif تنها از عمق تصاویر با استاندارد 8 بیت یا 256 رنگ پشتیبانی می کند، یعنی ممکن است برخی جلوه های ویژه گرافیکی به خوبی در آن نشان داده نشوند.
- فرمت تصویر png
فرمت png یا (Portable Network Graphics) با هدف ایجاد فرمتی قوی و انعطاف پذیر و در عین حال قابل انتقال و مشاهده در بستر شبکه و مرورگرهای وب، تحت یک پروژه متن باز (open source) به وجود آمد، در مقایسه با gif و jpeg این فرمت از قدرت خیلی بیشتری از لحاظ حفظ کیفیت تصاویر و خلق جلوه های گرافیکی ویژه برخوردار است (اگرچه حجم تصاویر png معمولا بیش از سایر فرمت ها است)، از نظر پشتیبانی رنگی png تقریبا محدودیتی ندارد و از استاندارد truecolor (با 16 میلیون ترکیب رنگی) پشتیبانی می کند.
- فرمت تصویر tiff
فرمت tiff یا (Tagged Image File Format) نیز یکی از فرمت هایی است که در کارهای گرافیکی مخصوصا در هنگام خروجی گرفتن جهت چاپ به کار می رود، tiff تقریبا از تمام ویژگی های سایر تصاویر و از استاندارد رنگی 48 بیت پشتیبانی می کند، اما خود این فرمت توسط برخی مرورگرها پشتیبانی نمی شود و این یکی از معایب استفاده از آن در وب است.
- فرمت تصویر raw
فرمت raw عموما در برخی از دوربین های دیجیتال مورد استفاده قرار می گیرد و جنبه کاربرد عمومی ندارد، خیلی از شرکت های تولید کننده دوربین های عکاسی از این فرمت برای ذخیره تصاویر خام استفاده می کنند و هر کدام برنامه ها و الگوریتم های خاص خودشان را برای خواندن و نوشتن آن دارند، علاوه بر این برنامه های سوم شخص (3rd party) زیادی نیز در این زمینه وجود دارد.
- فرمت تصویر bmp
فرمت bmp یا (Windows bitmap) تنها در سیستم عامل های شرکت مایکروسافت پشتیبانی می شود و قابلیت برجسته ای ندارد، در برخی از مواقع در کار با برنامه های تحت ویندوز ممکن است کاربرد داشته باشد.
کاهش حجم تصویر در فتوشاپ


در کاهش حجم یک تصویر باید به چند نکته توجه کنید، یک مورد وضوح یا میزان فشردگی پیکسل های یک تصویر است (مثلا 72 پیکسل/اینچ یا 300 پیکسل/اینچ و ...)، هر چقدر وضوح یک تصویر بالاتر باشد، معمولا حجم و کیفیت آن نیز بالاتر است، از طرفی اندازه (ارتفاع و عرض) تصاویر نیز اهمیت زیادی در میزان حجم نهایی آنها خواهند داشت، چرا که تصاویر بزرگتر از تعداد پیکسل بیشتری تشکیل شده اند و به این دلیل حجم بیشتری را اشغال می کنند، اندازه های استاندارد در فتوشاپ به صورت پیش فرض 640 در 480 پیکسل، 800 در 600 پیکسل و 1024 در 768 پیکسل و ... است، این اندازه ها را می توانید با توجه به نیازتان تغییر دهید.
برای کاهش حجم یک تصویر در فتوشاپ، ابتدا تصویر مورد نظر را در برنامه وارد کنید، سپس اندازه دلخواه خود را در قسمت image و image size تنظیم نمایید، در این قسمت به دو مورد باید توجه کنید، اگر می خواهید با تغییر اندازه ارتفاع، اندازه عرض تصویر نیز به طور خودکار تغییر کند، گزینه Constrain Proportions یا تحمیل کردن مقیاس باید فعال باشد، از طرفی دقت کنید که بهتر است اندازه تصویر خود را به واحد پیکسل (pixel) تغییر دهید نه درصد (percent)، اگر چه ممکن است در نتیجه چندان فرقی با هم نداشته باشند، اما واحد پیکسل کاربرد بیشتری دارد، در همین قسمت می توانید وضوح خروجی تصویر را هم تعیین کنید، کافی است در فیلد مربوط به عبارت Resolution، میزان وضوح تصویر مورد نظر خود را وارد کنید (بهتر است این وضوح را حداکثر 1000 و حداقل 72 در نظر بگیرید، وضوح 300 پیکسل برای کارهای چاپی معمولی کفایت می کند)

همچنین اگر تعداد زیادی لایه در فتوشاپ باز کرده باشید و بخواهید از آنها خروجی بگیرید، بهتر است ابتدا از قسمت Layer گزینه Flatten Image را انتخاب کنید تا تمام لایه ها تبدیل به یک لایه شوند.
ذخیره تصاویر به صورت کم حجم با فتوشاپ


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

لینک به دیدگاه
Share on other sites

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .
توجه: مطلب ارسالی شما پس از تایید مدیریت برای همه قابل رویت خواهد بود.

مهمان
ارسال پست در این تاپیک...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

 اشتراک گذاری

×
  • اضافه کردن...