چگونه حجم تصاویر را بدون افت کیفیت پایین آوریم؟

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

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

  1. استفاده از نرم­ افزار فتوشاپ
  2. استفاده از وب سایت tinypng

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

کاهش حجم تصویر بدون افت کیفیت با فتوشاپدر روش اول ابتدا تصویر خود را در نرم­ افزار فتوشاپ باز کرده و سپس از منوی file قسمت export را انتخاب نموده و در این قسمت گزینه save for web را انتخاب می ­کنیم. همچنین شما می­ توانید با کلید میانبر alt+crtl+shift+s وارد همان قسمت شود و در آنجا می­ توانید فرمت تصویر و اندازه ­ی آن را تغییر دهید که من پیشنهاد می­ کنم فرمت را روی PNG-8 یا JPEG قرار بدهید.

به عنوان مثال تصویر من که حجم آن ۱۱۲ کیلوبایت بود با این روش بدون افت کیفت به حجم ۶۶ کیلوبایت رسید.

 

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

پایین آوردن حجم تصویر بدون افت کیفیت آنلاین

 

در این روش که بسیار راحت ­تر از روش اول است عکس را آپلود کرده و سپس تصویر بهینه شده را دانلود می کنیم.
به عنوان مثال من همان تصویر ۱۱۲ کیلوبایت را در این وب سایت آپلود کردم و سپس بدون افت کیفیت حجم تصویر را به ۵۵ کیلوبایت رساند.

 

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

شاد و پیروز باشید.

امیر محمود کنگرلو

امیر محمود کنگرلو

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

اشتراک گذاری

اشتراک گذاری در facebook
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در twitter
اشتراک گذاری در whatsapp
اشتراک گذاری در telegram

مطالب مرتبط

گوگل آنالیتیکس

نصب گوگل آنالیتیکس در وردپرس

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

مقایسه یواست سئو رایگان با پرمیوم

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

مقایسه یواست سئو معمولی با پرمیوم : این مقاله به بررسی کامل افزونه یواست سئو می پردازد و ویژگی های دو نسخه رایگان و پولی آن را بیان می کند.

2 پاسخ

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

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