چگونه تصاویر را برای وب‌سایت‌های سریع‌تر بهینه کنیم

تصاویر معمولاً بزرگ‌ترین فایل‌ها در هر صفحه وب هستند. تصاویر بهینه‌نشده دلیل شماره یک کند بارگذاری شدن وب‌سایت‌ها هستند که مستقیماً به تجربه کاربری، نرخ تبدیل و رتبه‌بندی جستجوی Google آسیب می‌زند. Google از Core Web Vitals به‌عنوان یک سیگنال رتبه‌بندی استفاده می‌کند و سرعت صفحه یک جزء اصلی است. سریع‌ترین راه سرعت دادن به یک وب‌سایت بهینه‌سازی تصاویر آن است.

چرا بهینه‌سازی تصویر برای SEO مهم است

Google صریح بوده است: سرعت صفحه بر رتبه‌بندی تأثیر می‌گذارد. معیار Largest Contentful Paint (LCP) آن‌ها به‌طور خاص می‌اندازد چقدر سریع بزرگ‌ترین عنصر قابل مشاهده بارگذاری می‌شود، که تقریباً همیشه یک تصویر است. اگر LCP شما بیش از ۲.۵ ثانیه است، موقعیت رتبه‌بندی را به رقبایی با سایت‌های سریع‌تر از دست می‌دهید. برای تجارت الکترونیک، Amazon دریافت که هر ۱۰۰ میلی‌ثانیه زمان بارگذاری اضافی ۱٪ از فروش را کاهش می‌دهد.

چهار ستون بهینه‌سازی تصویر

۱. فرمت مناسب انتخاب کنید

انتخاب فرمت بزرگ‌ترین عامل در حجم فایل تصویر است:

• WebP باید پیش‌فرض شما برای تصاویر وب باشد. ۲۵ تا ۳۵ درصد کوچک‌تر از JPEG با همان کیفیت است و شفافیت را پشتیبانی می‌کند. از مبدل JPG به WebP fileGOD یا مبدل PNG به WebP برای تبدیل دسته‌ای استفاده کنید.
• JPEG برای عکس‌هایی که WebP توسط پلتفرم شما پشتیبانی نمی‌شود.
• PNG فقط وقتی به شفافیت نیاز دارید و نمی‌توانید از WebP استفاده کنید.
• SVG برای لوگوها، آیکون‌ها و گرافیک‌های ساده. SVG‌ها کوچک هستند و به‌صورت نامحدود مقیاس‌بندی می‌شوند.

۲. قبل از آپلود فشرده کنید

هر تصویری باید قبل از قرار گرفتن در وب‌سایت شما فشرده شود. فشرده‌سازی مدرن می‌تواند حجم فایل را ۶۰ تا ۸۰ درصد بدون کاهش کیفیت قابل مشاهده کاهش دهد.

• از فشرده‌سازی JPEG برای عکس‌ها در کیفیت ۷۵ تا ۸۵ استفاده کنید.
• از فشرده‌سازی PNG برای گرافیک‌ها و اسکرین‌شات‌ها استفاده کنید.
• برای تصاویر هیرو و بنرهای بزرگ، صرفه‌جویی چشمگیرترین است. یک تصویر هیرو ۵ مگابایتی که به ۲۰۰ کیلوبایت فشرده شده، تفاوت بزرگی در زمان بارگذاری ایجاد می‌کند.

۳. به ابعاد نمایش واقعی تغییر اندازه دهید

این نادیده گرفته‌شده‌ترین بهینه‌سازی است. اگر وب‌سایت شما یک تصویر را با عرض ۸۰۰ پیکسل نمایش می‌دهد، یک تصویر منبع ۴۰۰۰ پیکسل آپلود نکنید و بگذارید مرورگر آن را کوچک کند. مرورگر همچنان فایل کامل را دانلود می‌کند. تصاویر خود را قبل از آپلود به ابعاد نمایش واقعی تغییر اندازه دهید.

برای سایت‌های واکنش‌گرا، ۲ تا ۳ اندازه آماده کنید (کوچک برای موبایل، متوسط برای تبلت، بزرگ برای دسکتاپ) و بگذارید مرورگر با ویژگی srcset مناسب را انتخاب کند.

۴. فراداده غیرضروری را حذف کنید

داده‌های EXIF (مدل دوربین، مختصات GPS، زمان‌ها) به هر تصویر ۱۰ تا ۵۰ کیلوبایت اضافه می‌کنند. در یک وب‌سایت هیچ هدفی ندارند و اگر داده GPS داشته باشند، می‌توانند خطر حریم خصوصی ایجاد کنند. قبل از آپلود فراداده را از تمام تصاویر وب حذف کنید.

چک‌لیست سریع بهینه‌سازی

• عکس‌ها را به WebP تبدیل کنید (یا JPEG اگر WebP گزینه نیست)
• به ابعاد نمایش واقعی تغییر اندازه دهید، نه بزرگ‌تر
• برای عکس‌ها در کیفیت ۷۵ تا ۸۵ فشرده کنید
• فراداده EXIF را حذف کنید
• نام‌های فایل توصیفی و متن جایگزین استفاده کنید (به SEO تصویر کمک می‌کند)
• بارگذاری تنبل را برای تصاویر پایین صفحه پیاده‌سازی کنید

تمام عملیات فایل فوق را می‌توان در مرورگر شما با fileGOD انجام داد. بدون آپلود به سرورهای شخص ثالث، بدون اشتراک، و می‌توانید چندین تصویر را به‌صورت دسته‌ای پردازش کنید.