آموزش بهینه سازی تصاویر (کم کردن حجم)

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

در این مطلب به شما آموزش می دهیم که چگونه و با چه پسوندی تصاویر خود را ذخیره کنید بدون اینکه کیفیت تصاویرتان کم شود…

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

شروع آموزش

ابتدا تصویر مورد نظر خود را باز کنید؛ برای اینکار می توانید روی تصویر خود راست کلیک کرده و روی گزینه open with کلیک کنید، درصورتی که قبلا برنامه فوتوشاپ را از این روش باز کرده باشید در لیست مربوطه وجود دارد اما اگر اولین بار است که می خواهید تصویر خود را با نرم افزار فوتوشاپ باز کنید باید روی گزینه choose default program کلیک کنید؛ حال تصویر شما در فوتوشاپ باز شده است.
روش دوم: نرم افزار فوتوشاپ را باز کرده و تصویر موردنظر را به داخل فوتوشاپ بکشید (گرفتن و کشیدن – Drag and drop).
روش سوم: نرم افزار فوتوشاپ را باز کرده و در محیط خالی آن (بدون این که سند جدید ایجاد کنید) دابل کلیک کرده یا از منوی Edit–>open تصویر خود را باز کنید.

در صورتی که می خواهید تصویر خود را در اینترنت انتشار دهید باید از این روش استفاده کنید:

1- از منوی Edit گزینه save for web را انتخاب کنید؛ برای مثال ما می خواهیم حجم تصویر زیر را کم کنیم:

آموزش ذخیره کردن تصاویر برای اینترنت

تصویر 1

2- در پنجره باز شده در بخش Preset نوع فرمت خود را انتخاب می کنید:

آموزش کم کردن حجم تصاویر

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

تصویر 2 – تصویر 3

ما چندین فرمت داریم: WBMP ، PNG-24 ،PNG-8 ،JPEG ،GIF هرکدام از این فرمت ها برای مکان خاصی استفاده می شود که وارد شدن به این بحث در این مقوله نمی گنجد؛ شما باید با توجه به کیفیت تصویر و حجم دلخواه خود یکی از فرمت ها را انتخاب کنید؛ سعی کنید کمترین حجم با بیشترین کیفیت را انتخاب کنید (توجه داشته باشید در بهینه سازی تصاویر نباید کیفیت آنها بیش از حد کم شود، برای مثال تصویر 1 با نوع JPEG ذخیره شده و سطح آن روی Medium است که مناسب است).

شما می توانید در بخش مشخص شده در تصاویر 4 و 5 حجم تصویر خود را مشاهده کنید:

آموزش کم کردن حجم تصاویر

تصویر 4

آموزش کم کردن حجم تصاویر

تصویر 5

 برای مثال زمانی که من تصویر 1 را با پسوند PNG-24 ذخیره کردم حجم آن تقریبا 205 کیلوبایت بود که مناسب اینترنت نبود، (تصویر 4) سپس همان تصویر (1) را با پسوند JPEG و سطح Medium ذخیره کردم که حجم آن تقریبا برابر 60 کیلوبایت شد و این گزینه خوبی برای اینترنت بود (تصویر 5) درست است که کمی کیفیت آن کاهش یافته است اما از حد مجاز خود کم تر نشده است و مشکلی ندارد.

توجه: تصاویر با هم متفاوت اند، برای مثال ممکن است یک تصویر با پسوند PNG-8 کم تر از پسوند JPEG حجم داشته باشد و از کیفیت خوبی نیز برخوردار باشد؛ این عجیب نیست، تصاویر و کیفیت ها با هم متفاوت اند و برای هر تصویر ممکن است بهینه سازی متفاوت باشد (برای مثال تمامی تصاویر این مطلب با پسوند PNG-8 ذخیره شده اند به غیر از تصویر اول که با پسوند JPEG ذخیره شده است)

بعد از انتخاب پسوند باید روی گزینه Save کلیک کنید؛ مانند تصویر 6:

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

تصویر 6 – برای بزرگنمایی روی تصویر کلیک کنید

اکنون حجم تصویر قبلی با تصویر جدید را مقایسه کنید؛ خواهید دید که حجم تصویر دوم بسیار کم تر از تصویر اول است!!

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

لطفا برای حفظ حرمت قلم و اندیشه از کپی برداری این مطلب خودداری بفرمایید،در صورتی که فکر می کنید این مطلب مفید است لطفا روی لینک زیر کلیک کنید؛ در غیر این صورت هرگونه کپی برداری حرام می باشد.

روش صحیح کپی برداری

بحث و گفتگو در مورد این مطلب شما نیز مطلب ارسال کنید

سید محمد موسوی

سید محمد موسوی

سید محمد موسوی هستم،مؤسس سایت رایانت در رشته کامپیوتر در حال تحصیل هستم، علاقمند به طراحی صفحات وب؛ تلاش می کنم مطالب جدیدی را برای شما خلق کنم تا بتوانید از این مطالب استفاده کنید.

محصولات پیشنهادی فروشگاه رایانت

قالب خبری گود نیوز Good News

قالب خبری گود نیوز Good News

خرید ارزان دو میلیون شماره تلگرامی

خرید ارزان دو میلیون شماره تلگرامی

قالب پورتالی خبری بی تی نیوز (ویژه)

قالب پورتالی خبری بی تی نیوز (ویژه)

شاید این مطالب را هم دوست داشته باشید

۶ پاسخ

  1. pfm می‌گه:

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

  2. سحر می‌گه:

    سلام
    ممنون مطلب خوبی بود

  3. Bahar می‌گه:

    یه افزونه وردپرس هم است که این کارو می کنه

    • سید محمد موسوی می‌گه:

      سلام!
      بله؛ وردپرس افزونه های زیادی دارد، برای اینکار هم می توان چندین افزونه را نام برد!!
      اما به نظر خودم باید همه سایت/وبلاگ نویسان از این روش تصاویر خود را بهینه کنند…
      از اینکه نظرات ارزشمندتان را ارسال می کنید سپاس گذارم

پاسخ دهید

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

*

code