دراین مقاله قصد داریم به آموزش بهینه سازی تصاویر وردپرس با افزونه smush که در جهت تکنیک های بهینه سازی تصاویر و استفاده میشود میپردازیم. همان طور که میدانید کیفیت عملکرد سایت به عوامل مختلفی بستگی دارد. اولین چیزی که قبل از راه اندازی سایت باید مدنظر گرفت خرید هاست با کیفیت بالا بدون داون تایم است اما یکی از عوامل تاثیرگذار در سرعت لود سایت، حجم بالای تصاویر است. بهینه سازی تصاویر وردپرس یا به عبارت دیگر کاهش حجم تصاویر در وردپرس می تواند تاثیر بسزایی چه از نظر سرعت لود سایت و چه از نظر سئو و بهینه سازی وبسایت برای شما داشته باشد.
اگر با وب سایت هایی نظیر GTmetrix کار کرده باشید و سایت خود را مورد آنالیز قرار داده باشید حتما در تب مربوط به نمایش تصاویر مشاهده کرده اید که حجم تصاویر موجود در صفحه را به شما نمایش می دهد و بر اساس یک نمودار اعلام می کند که می توانید حجم برخی از تصاویر را کاهش دهید.
زمان درخواست یک صفحه از سایت فایل‌های مختلفی نظیر تصاویر، css، جاوا اسکریپت و… لود می شوند که هرچه حجم آن ها بیشتر باشد کاربر هم باید برای لود کامل صفحه بیشتر منتظر بماند و از طرف دیگر شما هم پهنای باند زیادی را در هاست خود خواهید داشت. پس اگر ما در راستای بهینه سازی تصاویر در وردپرس، فشرده سازی فایل‌های CSS و JS در وردپرس ، ترکیب کردن و فشرده سازی انواع فایل‌ها و… اقدام نموده و سرعت را افزایش دهیم مطمئنا تاثیر خوبی از موتورهای جستجو خواهیم گرفت.
در این آموزش از رسانه نکست میزبان فا قصد داریم در رابطه با بهینه سازی تصاویر در وردپرس با افزونه smush، نحوه کاهش حجم تصاویر در وردپرس و سئو عکس مطالبی را عنوان کنم که اگر این موارد را رعایت کنید مطمئنا چه از نظر سرعت و چه از نظر سئو و بهینه سازی سایت نتیجه بسیار خوبی خواهید گرفت. پس اگر شما هم به دنبال رشد و افزایش رتبه سایت خود در موتورهای جستجو هستید تا انتهای این مقاله با ما همراه باشید.
فشرده سازی تصاویر در وردپرس
برای اینکه به صورت مرحله به مرحله با نحوه بهینه کردن تصاویر در وردپرس آشنا شویم درست از همان ابتدا که قصد دارید نوشته‌ای در سایت ایجاد کنید شروع می کنم. بنابراین سعی کنید تا تمامی این مراحلی که در ادامه گفته می شود را به صورت یک چک لیست الزامی در ذهن خود داشته باشید تا هر زمان که نوشته جدیدی ایجاد می کنید به نوبت و بر اساس اولویت همه این گزینه‌ها را رعایت کنید.
در این راستا به معرفی افزونه کاهش حجم تصاویر وردپرس که با نام افزونه wp-smush به منظور بهینه سازی تصاویر سایت طراحی شده اند و در اختیار سایت های وردپرسی قرار گرفته اند میپردازیم. به کمک افزونه فشرده سازی تصاویر وردپرس اسموش می توانید عکس های موجود در سایت خود را فشرده کنید، اندازه آنها را تغییر دهید و در نهایت سرعت سایت خود را افزایش دهید.
wp-smush یکی از افزونه های محبوب و پرکاربرد وردپرس است که به شما اجازه می دهد تصاویر سایت خود را بدون افت کیفیت بهینه کنید، lazy load را فعال کنید، حجم صفحه سایت خود را تغییر دهید و سرعت بارگذاری وب سایت خود را با استفاده از افزونه wp-smushit تا حد زیادی بهبود بخشید. استفاده از این افزونه بسیار آسان است و شما می توانید تصاویر خود را هنگام بارگذاری در وردپرس بهینه کنید. همچنین امکان بهینه کردن همزمان 50 تصویر از تصاویر قدیمی آپلود شده در وردپرس به کمک این افزونه وجود دارد.
افزونه بهینه سازی تصاویر وردپرس اسموش یکی از بهترین افزونه های بهینه سازی تصاویر در وردپرس است. این افزونه فوق العاده قدرتمند در دو نسخه رایگان و پرمیوم ارائه شده و تاکنون بیش از یک میلیون نصب فعال و امتیاز 4.8 از 5 را به نام خود ثبت کند.
ویژگی های افزونه smush (نسخه رایگان)
- امکان تغییر اندازه تصویر
- سازگار با اغلب افزونه های وردپرس
- برنده جایزه بهترین افزونه بهینه ساز تصاویر
- امکان بهینه کردن تصاویر بالای 5 مگابایت در سایز مناسب
- بهینه سازی خودکار- همرمان با آپلود تصاویر آنها را بهینه کنید.
- بهینه سازی، فشرده سازی و کوچک تر کردن بیش از 50 تصویر با یک کلیک
- بهینه سازی انواع فرمت های مختلف فایل های تصویری نظیر png،jpg ،gif و…
- امکان بهینه سازی و کوچک کردن تصاویری که در کتابخانه وردپرس وجود ندارد.
- شناسایی تصاویر با حجم بالا: یافتن تصاویری که سرعت صفحه شما را کند می کنند.
- امکان فشرده سازی فایل هایی که قبل از نصب افزونه آپلود شده اند.
ویژگی افزونه smush (نسخه پریمیوم)
- فشرده سازی بالا
- پشتیبان گیری از تصاویر اصلی
- تغییر اندازه و سایز خودکار تصاویر
- بهینه سازی تصاویر بزرگ تا حداکثر 32 مگابایت
- بهینه سازی نامحدود تصاویر تنها با یک کلیک
مزایای افزونه wp smush
- کارایی بسیار ساده و آسان
- کاهش حجم تصاویر و صفحه سایت
- افزایش سرعت و بهبود سئو سایت
- فشرده سازی بدون افت کیفیت تصویر
- امکان بهینه سازی تصاویر در حین آپلود
- پشتیبانی از تمام فرمت های عکس نظیر JPG, PNG, GIF و…
- امکان بهینه سازی 50 تصویر سایت به صورت همزمان با یک کلیک
- تشخیص سریع تصاویر با حجم بالا که بر عملکرد وب سایت تاثیر می گذارند.
- فشرده سازی تصاویری که هنوز آپلود نشده اند با قابلیت دایرکتوری smush
- تغییر اندازه تصاویر: کمک می کند پهنا، ارتفاع و سایز فشرده سازی تصویر را تنظیم کنید.
معایب افزونه wp smush
- نسخه رایگان تصاویر اصلی را حفظ نمی کند.
- امکان کنترل کیفیت بهینه سازی تصاویر وجود ندارد.
- حداکثر اندازه تصویر برای نسخه رایگان 1 مگابایت است.
- نسخه رایگان به طور متوسط به بهینه سازی 50 تصاویر محدود شده است. بنابراین اگر تعداد تصاویر شما زیاد باشد به زمان بیشتری برای بهینه سازی نیاز است.
سازگاری افزونه wp smush
smush pro با افزونه های محبوب زیر سازگاری دارد و به کمک آنها سرعت و عملکرد سایت را افزایش می دهد.
- FileBird
- WPML
- WP All Import
- WP Retina 2x
- WP Offload Media
- WP Media Folder
- NextGen Gallery
- Envira Gallery
- Avada Fusion Builder
- و…
انواع افزونه های بهینه سازی تصاویر وردپرس
- Compress JPEG & PNG images
- reSmush it Image optimizer
- ShortPixel Image Optimizer
- EWWW Image Optimizer
- WP Offload Media Plugin
- Robin Image Optimizer
- Smush Images
- SG Optimizer
- reSmush.it
- Optimole
- Imagify
- Optimus
- Kraken
- Hammy
نصب افزونه کاهش حجم عکس های وردپرس
با استفاده از این افزونه wp-smush می توانید از طریق توابع PHP که در اختیار شما قرار می گیرد حجم تصاویر سایت را تا حد قابل قبولی کاهش دهید. برای استفاده از این افزونه ابتدا در پیشخوان وردپرس به مسیر افزونه ها> افزودن افزونه تازه مراجعه نمایید و Smush – Lazy Load Images را جستجو کنید.
روی دکمه هم اکنون نصب کن و سپس فعال نمایید کلیک نمایید. همچنین می توانید روی دکمه سبز رنگ زیر کلیک کنید تا به صفحه افزونه در مخزن وردپرس هدایت شده و سپس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی نسخه رایگان افزونه در سایت وردپرسی خود کنید. در نهایت منو جدیدی تحت عنوان اسموش به پیشخوان وردپرس شما اضافه خواهد شد.
بعد از نصب و فعال سازی افزونه مشابه تصویر زیر پنجره نصب سریع به شما نمایش داده می شود تا با استفاده از این پنجره تنظیمات دلخواه خود را برای کاهش حجم تصاویر در وردپرس اعمال کنید. که در ادامه به شرح مفصل آن خواهیم پرداخت.
آموزش راه اندازی افزونه smush pro
همان طور که گفته شد یکی از راه های افزایش سرعت بارگذاری سایت های وردپرس و بهبود عملکرد این سایت ها بهینه سازی تصاویر موجود در سایت است. افزونه بهینه سازی تصاویر وردپرس smush امکان فشرده سازی تصاویر شما را فراهم می کند. اما این افزونه باید پیکربندی شود تا بتواند عملیات فشرده سازی را آغاز نماید.
- پس از نصب و فعال سازی در پنل سمت راست پیشخوان وردپرس روی گزینه اسموش کلیک کنید
مشابه تصویر زیر پنجره نصب سریع به شما نمایش داده می شود تا با استفاده از این پنجره تنظیمات دلخواه خود را برای کاهش حجم تصاویر در وردپرس اعمال کنید. روی دکمه شروع نصب کلیک کنید.
در این بخش با فعال سازی گزینه بهینه سازی خودکار تصاویر حین بارگزاری تصاویری که از این به بعد در کتابخانه وردپرس آپلود می کنید بهینه می شوند.
با فعال سازی این گزینه بهینه سازی تصاویر تا دو برابر بیشتر از اسماش معمولی با فشرده سازی چندگانه انجام میشود.
با فعال سازی گزینه نوار ابزار متا دیتا تصاویر من می توانید داده ها و اطلاعات اضافی تصاویر را که توسط برخی از دوربین های دیجیتال و یا موبایل های هوشمند به تصویر اضافه می شوند و حجم تصاویر را افزایش می دهند حذف نمایید.
داده های در حال ردیابی به مفهوم اجازه دستیابی توسعه دهندگان افزونه به داده های آن جهت برطرف کردن مشکلات و بهبود افزونه است.
پس از طی کردن مراحل بالا افزونه به طور خودکار تمام تصاویر شما را پردازش کرده و تصاویری که نیاز به فشرده سازی دارند را شناسایی می کند.
اکنون برای فشرده سازی تصاویر قبلی میتوانید در بخش پیخشوان در منوی تسماش گروهی بر روی دکمه ی بارگذاری عکس کلیک کنید.
نکته: برخی از ابزارهای فشرده سازی تصویر کیفیت تصویر را تا %30 کم می کنند اما افزونه بهینه سازی تصاویر وردپرس اسموش با حفظ کیفیت تصاویر اندازه آنها را کاهش می دهد. smush به طور دقیق هر تصویری که بارگذاری می کنید را اسکن کرده و قبل از افزودن به کتابخانه حجم آن را کم می کند.
تنظیمات افزونه فشرده ساز تصاویر وردپرس اسموش
در بخش تنظیمات افزونه smush می توانید تنظیمات دلخواه خودتان را برای کاهش تصاویر سایت در وردپرس اعمال کنید. نسخه رایگان این افزونه امکان فشرده سازی 50 تصویر در هر کلیک را می دهد. هر زمان تمایل داشته باشید می توانید پیکربندی های قبلی که پیاده سازی کردید را تغییر دهید. برای این منظور روی زیر منوی پیشخوان افزونه smush کلیک کنید. با صفحه ای مشابه تصویر زیر مواجه خواهید شد.
1- پیشخوان در افزونه ی smush
در این تب از افزونه ی smush میتوانید به بخشی از رابط کاربری این افزونه که به وب مستران این اجازه را میدخند که اطلاعات کلی و وضعیت بهینه سازی تصاویرخود را در سایت خود را مشاهده کنند.
2- اسماش گروهی در افزونه ی smush
این تب همان طور که از اسمش مشخص است به شما این امکان را میدهد که تعداد زیادی از تصاویر سایت خود را به صورت هم زمان بهینه‌سازی کنید. این ویژگی برای مدیران سایت‌ها و وبلاگ نویسانی که تعداد زیادی تصویر در کتابخانه رسانه های خود دارند بسیار مفید است، زیرا باعث صرفه جویی در زمان و بهبود عملکرد سایت میشود.
3. اسماش مسیردر افزونه ی smush
تب اسماش مسیریا (Directory Smush) در افزونه Smush به وب مستران این امکان را میدهد که تصاویر موجود در پوشه ها و مسیرهای دلخواه در هاست خود را، به غیر از کتابخانه رسانه های وردپرس، بهینه‌سازی کنند.
4. بارگذاری تنبل در افزونه ی smush
تب بارگذاری تنبل در افزونه Smush به بهبود عملکرد و سرعت بارگذاری وب سایت کمک می‌کند. این ویژگی باعث میشود که تصاویر تنها زمانی بارگذاری شوند که کاربر به آنها نیاز دارد.
4. CDN در افزونه ی smush
CDN در افزونه ی smush به کاربران این امکان را می دهد که تصاویر سایت خود را از طریق شبکه ای از سرورهای جهانی به کاربران تحویل دهند.
5. WebP محلی در افزونه ی smush
تب WebP محلی در افزونه ی Smush به کاربران این امکان را می دهد که تصاویر سایت خود را به فرمت WebP تبدیل و ذخیره کنید.
6. ادغام در افزونه ی smush
تب ادغام در افزونه Smush، به معنای ادغام به فرآیند هماهنگی و کارکرد مشترک این افزونه با سایر ابزارها و افزونه های وردپرس اشاره دارد. این قابلیت به کاربران امکان میدهد تا از ویژگی‌های بهینه سازی تصویر Smush در کنار افزونه های دیگر استفاده کنند.
7. تنظیمات در افزونه ی smush
با استفاده از این تب میتوانید به بخش تنظیمات این افزونه دسترسی داشته باشید.
8. آموزش ها در افزونه ی smush
در این تب شما میتوانید به تعدادی مقالات آموزش دسترسی داشته باشید.
سوالات متداول
-
تست سرعت سایت به من می گوید فرمت تصاویر را به Next-Gen تغییر دهم آیا افزونه smush می توانید چنین کاری را انجام دهد؟
تصاویر با فرمت WebP و Next-Gen نسخه های جدیدی هستند به همین دلیل تبدیل تصویر به فرمت WebP فقط در smush pro امکان پذیر است. smush pro با کاهش 25 الی 30 درصدی حجم تصاویر آنها را از jpeg و png به webp تبدیل می کند و در مرورگرهایی که این فرمت پشتیبانی نمی شود تصاویر پشتیبان نمایش داده می شوند.
-
آیا نمی توانم از فتوشاپ یا نرم افزاری ادیت دیگری برای بهینه سازی تصاویر سایتم استفاده کنم؟
بهینه سازی تمامی تصاویر تولید شده از پلاگین ها، قالب ها و تصاویر سایت یک فرآیند بسیار زمانبر و وقت گیر است. افزونه smush به طور خودکار عمل بهینه سازی تمام تصاویر سایت را مدیریت می کند. و می تواند به عنوان یک ابزار بهینه سازی مستقل یا در کنار فتوشاپ استفاده گردد.
-
من افزونه wp smush را اجرا کردم و برخی از تصاویر من فشرده نشدند چرا این اتفاق می افتد؟
ابتدا بررسی کنید خطای پیش آمده از سرور است یا خیر. سپس حجم تصاویر سایت را بررسی کنید. شما می توانید برای فشرده سازی تصاویر تا حداکثر 32 مگابایت این افزونه را استفاده کنید.
-
من یک عکاس هستم آیا می توانم داده های EXIF تصاویر خود را حفظ کنم؟
بله. داده های EXIF اطلاعاتی شامل (تنظیمات دوربین، فاصله کانونی، تاریخ، زمان و اطلاعات مکان) را در پرونده های تصویری ذخیره می کند. با وجود اینکه این داده ها حجم پرونده های تصویری را بزرگتر می کند اما اگر شما یک عکاس هستید ممکن است بخواهید این اطلاعات را حفظ کنید.
-
از چه نوع فرمتی برای تصاویر خود استفاده کنم؟(jpeg, giff, png)
پرونده های giff بزرگ هستند و نمی توان آنها را بهینه کرد. فقط در صورت متحرک بودن تصویر می توان از آنها استفاده نمود.
فرمت png برای تصاویر تولید شده توسط رایانه نظیر (بردارها، آرم ها و…) و تصاویر با چند رنگ و یا تصاویر با شفافیت بهترین گزینه هستند.
فرمت jpeg برای عکاسی و یا تصاویر با تنوع رنگ زیاد استفاده می شود. -
آیا افزونه wp smush تصاویر اصلی من را حذف می کند یا جایگزین می کند؟
وردپرس هر تصویری را که در سایت خود آپلود می کنید برش داده و اندازه آن را تغییر می دهد. افزونه smush تنها تصاویر برش داده شده را فشرده می کند نه تصاویر اصلی در اندازه واقعی را. برای فشرده سازی تصاویر اصلی لازم است از نسخه pro افزونه smush استفاده کنید.
-
ابزار تحلیل سرعت سایت به من می گوید بارگذاری تصاویر خارج از صفحه را به تعویق بیندازم آیا smush می تواند این کار را انجام دهد؟
Lazy Load قابلیتی است که تصاویر شما را از زمان بارگذاری صفحه به زمان مورد نیاز موکول می کند. به منظور فعال سازی این قابلیت به داشبورد افزونه بروید و روی فعال سازی Lazy Load کلیک کنید. smush Lazy Load می تواند بر اساس نیاز شما سفارشی سازی شود.
-
من افزونه wp smush را اجرا کردم و پس از پایان کار تست سرعت سایت به من می گوید تصاویر من همچنان نیاز به فشرده سازی و تغییر اندازه دارند چگونه این کار را انجام دهم؟
این بدین معناست که تصاویر شما به درستی مقیاس بندی نشده اند. پس از اینکه به کمک نسخه رایگان افزونه smush دریافتید تصاویر شما باید دارای چه اندازه ای باشند تصاویر خود را در اندازه مناسب مقیاس بندی کنید.
نتیجه گیری
همانطور که مشاهده می کنید رسانه نکست میزبان فا در این مطلب به آموزش بهینه سازی تصاویر وردپرس با افزونه smush و مجوه ی استفاده از افزونه wp smush جهت بهینه سازی تصاویر وردپرس پرداخته است. یکی از راهکارهایی که منجر به افزایش سرعت بارگذاری سایت می شود استفاده از افزونه بهینه سازی تصاویر وردپرس نظیر افزونه smush است. بهینه سازی خودکار تصاویر همزمان با آپلود آنها، حفظ کیفیت تصاویر بهینه شده، صرفه جویی در فضای هاست و کارایی سریع از دلایل برتری این افزونه نسبت به سایر افزونه های بهینه سازی تصاویر بشمار می رود.
همچنین اگر به دنبال راهی آسان و سریع برای بهینه سازی خودکار تصاویر هستید خرید افزونه wp smush بهترین راهکار خواهد بود. چنانچه تاکنون از افزونه افزونه بهینه سازی تصاویر وردپرس smush استفاده نکرده اید پیشنهاد می کنیم اکنون آن را روی سایت وردپرس خود نصب کنید و اقدام به بهینه سازی تصاویر سایت خود نمایید. اگر در رابطه با نحوه کار این افزونه سوالی دارید در بخش دیدگاه ها برای ما به ثبت برسانید.
