درود بر شما دوست عزیز.
تصاویر سنگین بزرگترین قاتل سرعت سایت هستند.
اما وقتی درست بهینه شوند، سایت مثل برق باز میشود، کاربر عاشقش میشود و گوگل رتبه بهتری میدهد.
تنظیمات بهینهسازی تصاویر کجا هستند؟
دو بخش اصلی داریم:
- تنظیمات → رسانهها (برای اندازههای پیشفرض همه تصاویر)
- داخل هر نوشته یا صفحه (وقتی عکس اضافه میکنید)
بهترین تنظیمات اندازه تصاویر (تنظیمات → رسانهها)
| اندازه تصویر | مقدار پیشنهادی حرفهای | توضیح |
|---|---|---|
| بندانگشتی (Thumbnail) | ۲۰۰ × ۲۰۰ پیکسل | برای گالری و تصاویر کوچک |
| متوسط (Medium) | حداکثر ۸۰۰ پیکسل | برای تصاویر داخل محتوا |
| بزرگ (Large) | حداکثر ۱۲۰۰ پیکسل | برای عکسهای مهم و اسلایدر |
نکته مهم: تیک «برش تصویر بندانگشتی به ابعاد دقیق» را بردارید تا تصویر کشیده نشود.
وقتی عکس اضافه میکنید (داخل نوشته یا صفحه)
| کار ضروری | چرا؟ |
|---|---|
| همیشه متن جایگزین (Alt Text) بنویسید | سئوی تصویر + دسترسیپذیری برای نابینایان |
| اندازه تصویر را «بزرگ» یا «کامل» انتخاب کنید | کیفیت بالا + سرعت مناسب |
| لینک تصویر را روی «فایل رسانه» بگذارید | کاربر با کلیک نسخه کامل و باکیفیت را میبیند |
روشهای حرفهای بهینهسازی تصاویر
| روش | ابزار پیشنهادی | نتیجه |
|---|---|---|
| فشردهسازی قبل از آپلود | tinypng.com (رایگان تا ۲۰ عکس) | حجم تا ۷۰٪ کمتر بدون افت کیفیت |
| بهینهسازی خودکار در سایت | Imagify (پیشنهاد اول ما) – Smush – ShortPixel | همه تصاویر قدیمی و جدید بهصورت خودکار بهینه میشوند |
| استفاده از فرمت WebP | افزونه Imagify یا ShortPixel | حجم ۵۰–۷۰٪ کمتر نسبت به JPG با همان کیفیت |
| فعال کردن Lazy Load | بیشتر قالبهای جدید + افزونه Rocket | تصاویر فقط وقتی کاربر اسکرول کند لود میشوند → سرعت اولیه بالا |
نکات طلایی که حرفهایها همیشه رعایت میکنند
- هیچ عکسی بالای ۲۰۰ کیلوبایت آپلود نکنید
- اسم فایل معنادار و با خط تیره باشد (مثلاً: behtarin-tanzimat-tasavir-wordpress.jpg)
- هر ۳ ماه یک بار با Imagify همه تصاویر قدیمی را دوباره بهینه کنید
- برای اسلایدر حتماً WebP استفاده کنید
- از افزونه Cache (مثل WP Rocket) حتماً استفاده کنید تا تصاویر کش شوند
این موضوع چه کمکی به شما میکند؟
- سایت در کمتر از ۲ ثانیه باز میشود
- رتبه گوگل به شدت بهبود پیدا میکند
- مصرف پهنای باند هاستینگ خیلی کمتر میشود
- کاربر تجربه فوقالعادهای دارد و بیشتر میماند
- فروش یا بازدید سایت چند برابر میشود
در این آموزش چه چیزهایی یاد گرفتید؟
- بهترین تنظیمات اندازه تصاویر در تنظیمات → رسانهها
- نوشتن متن جایگزین و انتخاب درست اندازه تصویر
- فشردهسازی قبل از آپلود با tinypng.com
- بهترین افزونههای بهینهسازی (Imagify, Smush, ShortPixel)
- فعال کردن فرمت WebP و Lazy Load
- نکات طلایی که سرعت سایت را چند برابر میکند
این آموزش توسط تیم تخصصی برنامهنویسی تحت وب کامران اسفندیاری تهیه شده است؛ تیمی که سالها در طراحی سایتهای حرفهای وردپرسی فعالیت میکند و تمام تلاشش را میکند تا نکات کاربردی را به سادهترین شکل ممکن در اختیار شما قرار دهد.
برای مشاهده نمونهکارها، آموزشهای بیشتر و مشاوره تخصصی میتوانید در گوگل «کامران اسفندیاری» را جستجو کنید یا مستقیم به سایت www.kamranesfandiari.ir مراجعه نمایید.
خبر خوب برای مشتریان عزیز ما:
فیلمهای آموزشی کامل و اختصاصی VIP فقط برای کسانی که سایتشان توسط ما طراحی شده در دسترس است. نسخه حرفهای این آموزشها با تمام نکات ریز و پیشرفته از طریق کانالهای VIP یا پنل کاربری سایت قابل دریافت است. کافی است با ما تماس بگیرید.
اگر این آموزش برایتان مفید بود، همین الان برای دوست یا همکارتان بفرستید.
از همراهی شما صمیمانه سپاسگزاریم.
کانالهای ارتباطی: با ما در تماس باشید
برای مشاوره، طراحی سایت یا دسترسی به محتوای VIP، از راههای زیر استفاده کنید:
شماره تلفن: ۰۹۱۹۷۱۶۱۸۲۳
ایمیل: info@kamranesfandiari.ir
یا مستقیماً با ما تماس بگیرید برای راهنمایی فوری. تیم تخصصی برنامهنویسی تحت وب کامران اسفندیاری همیشه آماده راهنمایی به شماست.
نظر خود را بنویسید