یه عکس از هزار کلمه با ارزش‌تره. تصاویر یکی از اجزای اساسی وب هستن. تصویرها کاربر رو درگیر خودشون میکنن و یک سایت، پست وبلاگ، تبلیغ بنری یا ایمیل رو حرفه‌ای جلوه میدن. اما همین تصاویر، می‌تونن به سایت شما ضرر بزنن. اونا می‌تونن باعت کندی سایت شما بشن. تاثیر منفی روی تجربه کاربر بذارن و رتبه سایت شما در موتور جستجو رو پایین بیارن. برای مقابله و جلوگیری از این مورد، باید یاد بگیرید که چطور تصاویر رو برای سایت بهینه کنید.
مزایای فشرده سازی تصویر
ارتقاء سرعت سایت
هر زمان که کسی یک سایت رو باز میکنه، دستگاه اون شخص (شامل کامپیوتر، موبایل یا تبلت)، شروع به دانلود تصاویر موجود در اون سایت از روی سرور میکنه. هرچقدر که فایل‌های تصویری روی سرور اون سایت بزرگ‌تر باشن، زمان بیشتری برای بالا آوردن و نمایش کامل اون سایت طول می‌کشه. فایل‌های بزرگ معمولا عکس یا ویدیو هستن، که می‌تونن مانع از بارگزاری کامل اون صفحه از سایت بشن. پس بالا بردن سرعت سایت یکی از مزایای بهینه سازی تصاویر سایت هست.
ارتقاء رتبه سئو
کندی سایت به ویژه برای کاربرانی که سرعت اینترنت پایینی دارن یا از اینترنت دیتای گوشی استفاده میکنن بیشتر مشکل ساز میشه. کاربران دوست ندارن منتظر بمونن. ۵۳ درصد از کاربران سایتی که تو ۳ ثانیه بالا نیاد رو می‌بندن. این موضوع می‌تونه به رتبه سئوی سایت شما آسیب بزنه. چون هر بار که یک کاربر سایت رو سایت رو ترکت میکنه روی شاخص «نرخ پرش» که مورد توجه گوگل هست، تاثیر می‌ذاره.
بهبود نرخ تبدیل
براساس یک پرسشنامه که توسط ۷۵۰ نفر پاسخ داده شده، نزدیک به ۷۰ درصد تصدیق کردن که سرعت سایت در احتمال خرید اون‌ها تاثیرگذاره. اگه شما یه سایت فروشگاهی راه‌اندازی کردین، باید بدونین که سرعت سایت روی درآمد شما تاثیر مستقیمی داره. پس با کم کردن سایز تصاویر و بالابردن سرعت بارگزاری سایت می‌تونی درآمدت رو زیاد کنی.
اجزای اصلی حجم فایل
چرا یک تصویر زمان زیادی برای لود شدن نیاز داره؟ دلیل اصلی این موضوع سایز فایل است. هرچقدر حجم فایل بزرگ‌تر باشه، صفحه وب شما باید کار بیشتری انجام بده. سه عامل زیر، روی حجم تصویر تاثیر میذارن:
ابعاد تصویر: هر چقدر ابعاد تصویر بزرگ‌تر باشه، تصویر حرفه‌ای تر به نظر میرسه، اما حجم سایز هم بیشتر میشه. مثلا اگه ابعاد یه تصویر ۲۰۰۰×۱۵۰۰ باشه، تصویر خیلی زیبا میشه اما فضای با ارزش مارو هم میخوره.
فرمت فایل: هر فرمتی، فضای ذخیره سازی کمتر یا بیشتری رو بسته به عملیات خودش (شامل اطلاعاتی که ذخیره میکنه یا نحوه نمایش و رندر شدن و …) اشغال میکنه.
کیفیت: اگه بخواین که کیفیت اصلی فایل رو حفظ کنین، سایز فایل عکس همون قدر بزرگ باقی می‌مونه. فشرده سازی یک تصویر شامل محدود کردن اندازه فایل از طریق کاهش کیفیت یا حذف عناصر پنهان یک تصویر انجام میشه.
با تنظیم کردن این اجزا، میتونین تا حد امکان سایت سریع‌تری داشته باشین.
سایز تصویر ایده آل در وب
اندازه فایلی که باید موقع تغییر اندازه تصاویر خودتون در نظر بگیرید چقدره؟ آیا عدد جادویی وجود داره؟ بهترین اندازه تصویر بر اساس زمینه متفاوت خواهد بود.
- تصویر تمام عرض: چنین تصویری کل عرض صفحه رو از چپ تا راست صفحه نمایش پوشش میده. از نظر ابعاد پیکسلی چنین تصاویری را روی ۲۴۰۰ در ۱۶۰۰ تنظیم کنید.
- تصویر داخل محتوا: این تصاویر می‌تونن داخت اسلایدشو، دکمه‌ها، یا پست وبلاگ باشن. برای تصاویر افقی، حداکثر عرض تصویر باید ۱۵۰۰ پیکسل باشه. برای تصاویر عمودی هم حداکثر عرض تصویر باید ۱۰۰۰ پیکسل باشد.
اندازه فایل تصاویر شما چقدر باید باشن؟ قانون طلایی می‌گه که تصاویر بیشتر از ۵۰۰ کیلوبایت نباید آپلود بشن.
حجم صفحه سایت چقدر باید باشه؟ با توجه به افزایش کیفیت تصاویر، در سال‌های اخیر اندازه میانگین هر صفحه سایت به طول مداوم زیاد شده. در حال حاضر میانگین حجم صفحه سایت ۲ مگابایت هست. شما باید سعی کنید که اندازه صفحه سایت‌تون رو زیر ۲ مگابایت نگه دارید.
بهترین ابزارها برای فشرده سازی تصویر
حالا که به اهمیت کم بودن سایز فایل تصویر پی بردید، باید با استفاده از ابزارهای موجود اقدام به اینکار کنید. چند گزینه حرفه‌ای برای پردازش تصاویر و انجام عملیات مختلف روی اون‌ها وجود داره، مثل فتوشاپ. اما فتوشاپ پر از ابزارهای طراحی پیشرفته هست که احتمالا شما اصلا به اون‌ها نیاز ندارید و باعث سردرگمی شما میشه. اگه دنبال ابزاری هستید که فقط کار بریدن تصویر، تغییر ساید و ارایه خروجی مناسب وب رو انجام بده، می‌تونید از ابزارهای زیر برای بهینه سازی تصویرتون استفاده کنید.
ابزارهای آنلاین
۱- پیک مانی
در پیک مانی به سادگی عکس مورد نظر رو آپلود کنید و روی زبانه Edits بزنید و بعد کار برش (Crop) و تغییر سایز و بقیه ویراش‌های مورد نظرتون رو انجام بدین.
۲- کِرَکن
اگه تعداد زیادی تصویر دارین که می‌خواین همه رو یکجا فشرده کنین، میتونین از کرکن استفاده کنین. خیلی سریع و راحت حجم همه عکس‌ها رو کم کنید و همه عکس‌ها رو در یک فایل zip دانلود کنید.
۳- تاینی پی ان جی
اسم این سایت غلط‌اندازه، سایت TinyPNG فقط فایل PNG رو فشرده نمیکنه بلکه فایل JPEG رو هم فشرده میکنه. این سایت هم یکی از بهترین و سریع‌ترین سایت هاست. در نظر داشته باشید که فایل‌های PNG حجم فایل بیشتری دارن. پس با دقت و در جای درست این نوع فایل رو انتخاب کنید. این نوع بیشتر برای لوگو و تصاویری که نیاز به شفاف بودن پس زمینه هست، کاربرد داره.
برنامه‌های کامپیوتر
۱- JPEGmini
۲- PNGGauntlet
برنامه‌های موبایل
۱- Image Compressor – JPEG/PNG – برای کاربران اندروید
۲- Photo Compress – Shrink Pics – برای کاربران ios
شما می‌تونید بسته به شرایط از هر کدوم از این روش‌ها استفاده کنید و تصاویر بهینه‌ای تو سایت قرار بدین که موجب بالا بردن سرعت سایت تون بشه.