امتیاز این آیتم
  • 0.00 / 5 5
(0 امتیاز)

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

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

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

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

ابتدا تصویر مورد نظر خود را باز کنید؛ برای اینکار می توانید روی تصویر خود راست کلیک کرده و روی گزینه 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 – برای بزرگنمایی روی تصویر کلیک کنید

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

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

دسته مادر افزایش سرعت اینترنت در گوشی های اندروید » روش تغییر تصویر زمینه صفحه ورود در ویندوز 10 » داشتن چندین اکانت تلگرام در کامپیوتر به صورت همزمان » آموزش حرفه ای CSS قسمت دوم » مقایسه ویندوز 8 و ویندوز 7، کدام بهتر است؟ » آموزش تغییر Home Page در نسخه جدید فایرفاکس » آموزش حرفه ای زبان CSS قسمت اول » آموزش ساخت ایمیل در سرویس دهنده Gmail » امنیت کامپیوتر خود را دو برابر کنید » آموزش ثبت دامنه » 6 نکته برای بهبود رتبه الکسا » چگونه در گوگل رتبه بهتری داشته باشیم » اصول استفاده صحیح از اینترنت » توصیف دقیق عملکرد هارد دیسک » آموزش افزودن حساب کاربری جدید در ویندوز 8.1 » قسمت پنجم آموزش Html » ضد پاپ آپ در فایرفاکس » تبادل لینک همیشه مفید است؟ » آشنایی با نرم افزار Adobe Dreamweaver CS6 » قسمت چهارم آموزش HTML » قسمت سوم آموزش HTML » آموزش HTML قسمت دوم » تغییر DNS ها برای بهبود سرعت اینترنت » ساخت کلید میانبر برای پوشه ها و برنامه ها » تغییر فونت دیداری ادیتور وردپرس » آموزش Html به صورت گام به گام » آشنایی با متاتگ ها و کاربرد آن در صفحات وب » آموزش کار با ادیتور (ویرایشگر) وردپرس فارسی » آموزش عوض کردن home page در فایرفاکس » پاک سازی cache (کش) مرورگر فایرفاکس » چطور از صفحه نمایش خودمون عکس بگیریم؟ » چگونگی تغییر IP » تغییر تم منوی استارت ویندوز 8 » مخفی کردن فایل ها در عکس » پشتیبان گیری از فایل ها و پوشه ها » اسب تک شاخ در فایرفاکس 30 » تمام تنظیمات ویندوز 8 در یک پوشه (قابل اجرا در ویندوز 7) » آموزش استفاده از ایمیل (سرویس چاپار) »
پست قبلی قسمت سوم آموزش HTML
پست بعدی قسمت چهارم آموزش HTML

6 نظرات

  1. Bahar - 1393-06-24 18:15 واگویه(نقل قول)

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

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

  2. سحر - 1393-06-30 20:15 واگویه(نقل قول)

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

  3. pfm - 1393-06-31 08:38 واگویه(نقل قول)

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

پاسخ دهید

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