کاهش حجم تصاویر

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

هدف از کاهش حجم تصاویر برای استفاده در وب سایت، بهینه کردن سرعت بارگذاری صفحات وب است و این موضوع برای سئوی سایت (SEO) دارای اهمیت بسیار زیادی است.

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

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

برای اینکه وب سایت شما با سرعت بالاتر بارگذاری بشه و توی آنالیز هایی مثل Gt-Metrix امتیاز بهتری بگیرید لازمه که سایز و حجم عکس های محصولات ویا تصویر شاخص پست هارو تنظیم کنید.

اما حجم و سایز استاندارد و متناسب چی هست؟

روش های کاهش حجم تصاویر

اگر بخوایم به استاندارد و تناسب خاصی اشاره کنیم اشتباه کردیم تا حدودی، اما درمورد حجم کیلوبایتی تصاویر باید بگیم که الزاما زیر ۱۰۰ کیلوبایت باید باشن!

درمورد سایز عکس ها (طول و عرض) هم باید عرض بشه خدمتتون که کاملا متناسب با قسمت یا مکانی که در سایت قراره استفاده بشه باید تنظیم بشه، درواقع اگر یک تصویر داخل وب سایت قراره سایز ۶۰۰ پیکسل در ۴۰۰ پیکسل باشه، الزاما اون عکس رو با فتوشاپ یا ابزار های دیگه توی همین سایز خروجی بگیرید تا نیازی به ایجاد CSS خودکار توسط CMS نباشه و کد Inline ایجاد نشه.

روش اول کاهش حجم عکس:

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

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

فتوشاپ

کم کردن حجم عکس در فتوشاپ: یکی از نرم افزار های ویرایش تصویر که بسیار مشهور و پر استفاده هست فتوشاپ ِ که ما خیلی ازش توی طراحی برای مقاصد مختلف مثل طراحی سایت استفاده می‌کنیم مثلا یکی از اون ها کاهش حجم عکس در فتوشاپ هست.

برای ویرایش و کاهش حجم یک عکس در فتوشاپ لازمه یکی از نسخه های اون رو روی سیستمتون نصب کرده باشید و مراحل زیر رو انجام بدید:

1- از منوی File تصویر مورد نظر رو با گزینه Open انتخاب و باز کنید.

آموزش فتوشاپ

2- حالا کافیه که تصویر رو از منوی File برای وب ذخیره کنید (Export for Web یا Save for web):

آموزش کاهش حجم تصویر
کلید ترکیبی Alt+Shift+Ctrl+S برای این مدل ذخیره سازی

3- توی کادر باز شده تنظیمات رو با توجه به نیاز خودتون انجام بدید:

فشرده سازی عکس با فتوشاپ

توی کادر Preset فرمت فایل رو با توجه به نیازتون و Transparent (بدون پس زمینه) بودن یا نبودن انتخاب کنید.

در این بخش فرمت های JPG و PNG دسته بندی شدن که هرکدوم یه حالت داره ، مثلا PNG8 تعداد رنگ های کمتری رو پشتیبانی کرده و حجم فایلتون کمتر می‌شه.

زیره فرمت هم Quality یا همون کیفیت رو تعیین کنید. مثلا می‌تونید بذارید روی Low که کمترین کیفیت و حجم رو می‌ده بهتون، روبروی این گزینه هم می‌تونید بصورت دستی کیفیت رو تنظیم کنید.

پایینه این صفحه هم W به معنای طول و H عرض عکس هست، اون رو هم تنظیم کنید ، اگر قراره در تصویر شاخص بطور مثال استفاده بشه ، طول رو بزارید روی ۵۰۰ پیکسل (پیشنهاد ما هست این سایز)

در گوشه سمت چپ هم حجم نهایی رو بهتون نمایش می‌ده.

با زدن دکمه Save فایلتون رو ذخیره کنید و توی صفحات وب استفاده کنید.

روش دوم کاهش حجم عکس:

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

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

ما اینجا آدرس چند تا از کارآمد ترین هاشون رو می‌ذاریم.

http://www.imageoptimizer.net/Pages/Home.aspx

https://imagecompressor.com/

https://tinypng.com/

با هر کدوم از این روش ها و ابزار ها کار کردید لطفا نظرتون رو برامون بنویسید تا بدونیم روش و تجربه شما چیه؟!

کورش
کورش
طراح وب با وردپرس و المنتور ، بیش از ۷ سال سابقه کار با وردپرس! برنامه نویس سمت سرور (dotNET) مدرس دوره های طراحی وب بدون کدنویسی

یک پاسخ به “روش های کاهش حجم تصاویر”

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

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

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

انواع وب سایت

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

۰۲۱-۲۸۴۲۳۳۸۱

شما می توانید روز های غیر تعطیل از ساعت ۹ الی ۲۲ با ما در تماس باشید.