نحوه استفاده از تصاویر WebP در وردپرس به کمک افزونه

12 100

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

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

ما پیش از این توضیحات زیادی را با کاربران خود در میان گذاشته ایم، برای کسب اطلاعات بیشتر به صفحه بهینه سازی تصاویر وردپرس با فرمت WebP سر بزنید.

تاکنون توضیحات خوبی را در مورد این فرمت تصویری کاربردی خدمت شما عرض کردیم اما در فاز جدید سراغ کارهای عملی خواهیم رفت و استفاده از تصاویر WebP در وردپرس به کمک افزونه را توضیح خواهیم داد. پیش از هر چیز نقاط قوت و معایب استفاده از WebP در وردپرس را بررسی می کنیم، همراه سون هاست باشید گلای تو خونه… مرسی😁

جوانب مثبت و منفی استفاده از تصاویر WebP در وردپرس

از آنجایی که تاکنون تمامی مباحث مربوط به استفاده از این فرمت را در سایت وردپرس مورد بررسی قرار داده ایم اما منصفانه برخی از موارد منفی نیز وجود دارد. برای اینکه انتخاب بهتری داشته باشید، باید نکات منفی و مثبت WebP را مورد ارزیابی قرار دهید.

مزایای استفاده از WebP در وردپرس

  • سازگاری مناسب مانند سایر فرمت های تصویری
  • فضای زیادی را اشغال نمی کنند بنابراین شما را قادر به اضافه کردن تصاویر زیادی به سایت می کند.
  • حجم پایین تصاویر بدون افت کیفیت
  • پشتیبانی از دو حالت شفاف Lossless و Lossy
  • WebP یک نمونه متن باز BSD تحت لیسانس گوگل است.

معایب

  • با وجود تمام فواید WebP، هنوز تمام مرورگرهای وب از آن پشتیبانی نمی کنند.
  • وردپرس از آن پشتیبانی نمی کند.

خوشبختانه مرورگرهای محبوب از این فرمت تصویر ویژه پشتیبانی می کنند و مشکل وردپرس نیز با چندین افزونه کاربردی حل شده است. به هر حال انتخاب با شماست که در چنین شرایطی چه تصمیمی را باید برای سایت خود اتخاذ کنید.

نحوه استفاده از تصاویر WebP در وردپرس

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

  1. WebP Express

افزونه WebP Express به صورت رایگان در دسترس عموم قرار گرفته و بیش از 40 هزار نصب فعال دارد. این افزونه از کتابخانه WebP Convert به منظور تبدیل فرمت تصاویر استفاده می کند. این افزونه باعث می شود تصویر بدون از دست دادن کیفیت بیش از نیمی از حجم خود را از دست دهد. البته باید تنظیمات مربوط به آن را به درستی انجام دهید.

  1. (EWWW Image Optimizer (Freemium

این افزونه نیز رایگان بوده و حدود 700 هزار نصب فعال دارد. به منظور ایجاد تصاویر WebP از قوانین بازنویسی سازگار با Apache استفاده می کند. ویژگی های داخلی EWWW Image Optimizer به شما امکان تبدیل فرمت های PNG و JPEG بدون آسیب زدن به کیفیت را فراهم می کند. البته ویژگی های بیشتری در نسخه حرفه ای تعبیه شده است.

  1. (ShortPixel Image Optimizer (Freemium

ShortPixel Image Optimizer نیز ابزار مفیدی به حساب می آید که 100 هزار نفر هم اکنون آن را روی وردپرس خود نصب دارند. به راحتی می توانید این افزونه را برای استفاده از تصاویر WebP در وردپرس به کار ببندید. شما می توانید تصاویر با فرمت های مختلف را بدون کاهش وضوح به WebP تبدیل کنید. شما می توانید از کد های اختصاصی HTML به منظور اضافه کردن تصاویر در فرانت اند صفحات بهره ببرید. البته نسخه رایگان آن محدودیت هایی دارد و ویژگی های خوب آن شما را مجبور به پرداخت هزینه خواهد کرد.

  1. (Smush Image Optimization, Compression, and Lazy Load (Freemium

افزونه Smush Image گزینه عالی برای بهینه سازی، تغییر اندازه، فشرده سازی و بارگذاری تنبل تصاویر وردپرس است. بیش از یک میلیون نصب فعال دارد و محبوبیت آن میان کاربران وردپرس مثال زدنی می باشد. نسخه حرفه ای Smush قابلیت های بسیار بالایی دارد که به شما در توسعه وب سایت کمک می کند.

اکنون که لیستی از افزونه های وردپرس را برای تبدیل تصاویر بدست آورید، با توجه به نیاز خود بهترین را انتخاب کنید.

وبلاگ سون هاست سرشار از مطالب متنوع می‌باشد که با جستجویی کوتاه در آن اطلاعات بیشتری را بدست می آورید. بخش آموزش وردپرس تعبیه شده تا شما بتوانید خیلی سریع به موضوعات دلخواه خود در مورد این سیستم مدیریت محتوای محبوب دست پیدا کنید.

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

12 نظرات
  1. رضاخانی می گوید

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

    1. صادق رشیدیان می گوید

      سلام و درود

      بله. البته محدودیت هایی در svg هست و برای همه ی تصاویر نمیشه استفاده کرد

      موفق باشید

  2. usefi می گوید

    سلام
    الان شما هم از همین فرمت استفاده می کنید؟
    سایت من از چندین سال پیش تا کنون عکسهارو با فرمت jpg و png داشته و داره.
    بنظرتون فرمت تصاویر رو به webp تبدیل کنم؟
    معایبی که گفتین مهم نیستن و قطعا در آینده سازگاری بیشتری با مرورگرها پیدا می کنه.
    بنظرم الان که سرعت لود برای گوگل مهمه. این روش میتونه موثر باشه.
    نصب کردن افزونه تبدیل تصاویر, مشکلی برای سایت ایجاد نمیکنه؟ مثلا حجیم شدن دیتابیس و…
    یه نقد هم دارم. مطابتون همیشه خوبه اما کامل نیست. فقط توضیحات کلی میدین.

    1. صادق رشیدیان می گوید

      سلام و درود

      استفاده از این فرمت پیشنهاد میشه و باید به فکرش باشید، حجم کمتری اشغال می کند و مشکلی برای دیتابیس هم ایجاد نمی کند و از لحاظ سرعت هم عالیه و وب کم کم به این سمت داره می ره

      از نقدتون هم ممنونم. حتما برای بهتر شدن تلاش می کنیم.

      شاد باشید

  3. Hossein می گوید

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

    1. صادق رشیدیان می گوید

      ممنون از این که به اشتراک گذاشتید 🙂

  4. امید می گوید

    سلام WebP Express kwf ;vnl اگر بخوام تصاویر اپلود شده و تصاویر تبدیل شده Webp به کتابخانه رسانه منتقل بشه اتوماتیک باید چیکار کنم فقط یک تصویر که اپلود شده در تصاویر کتابخانه هست مابقی در پوشه پیش فرض
    wp-content/webp-express/webp-images/doc-root که در تنظیمات تغییر مسیر میدم و نمیگه به کجا منتقل شده لطفا بگید چیکار کنم؟

    1. صادق رشیدیان می گوید

      سلام و درود

      بستگی داره کدام افزونه را استفاده کنید چون بعضی از این افزونه ها در کتابخانه نمایش داده می شوند و بقیه در پوشه اختصاصی هستند

  5. امید می گوید

    تصاویر دیگه که توسط قالب در سایز های مختلف اپلود میشه رو چجوری میتونم در کتابخانه رسانه ببینم؟ همه تصاویر در پوشه اپلود هست اما فقط یک سایز که سایز اصلی هست در رسانه نمایش داده میشه چیکار کنم؟

    1. صادق رشیدیان می گوید

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

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

      1. امید می گوید

        اوکی مرسی

  6. امید می گوید

    لطفا یک مطلب در خصوص WebP Express تهیه کنید و تصاویری که اپلود میشه در پوشه ای غیر از اپلود میره لطفا اموزش کاملش رو بگذارید مرسی

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.