آموزش وردپرس قالب وردپرس وردپرس

Smush Pro اکنون از تبدیل محلی WebP پشتیبانی می کند (بدون CDN مورد نیاز است)

تا کنون ، تصاویر نسل بعدی WebP تنها با فعال کردن CDN Smush Pro امکان پذیر است. اما با تقاضای عمومی ، Smush Pro اکنون از تبدیل تصویر محلی WebP نیز پشتیبانی می کند.

CDN ما عالی است ، واقعاً همینطور است. با این حال ، همه ما در حال دادن گزینه هایی به مردم هستیم.

دقیقاً به همین دلیل است که اکنون امکان تبدیل تصاویر شما به قالب WebP را بدون نیاز به استفاده از CDN فراهم کرده ایم.

همچنین یکی از Smush Pro بود (و به طور کلی WPMU DEV!) بیشترین ویژگیهای مورد انتظار و درخواستی سال.

شما به ما گفتید که …

  • اگر بدون CDN خوشحال هستید ، نمی خواهید فقط برای پشتیبانی WebP از آن استفاده کنید.
  • همچنین آگاه بودید که با استفاده از CDN Smush Pro برای ارائه تصاویر از پهنای باند گرانبها استفاده می شود – که ممکن است برای سایت های بزرگتر ایده آل نباشد.

بنابراین ، مانند هر شرکت خوب دیگری که واقعاً به مخاطبان خود گوش می دهد ، ما نیز افزونه بهینه سازی تصویر برنده جایزه خود را موظف کرده ایم – حتی بهتر!

ادامه مطلب را بخوانید تا از ویژگیهای جدید Smush Pro در تغییر بازی مطلع شوید.

اگر می خواهید به یک بخش خاص بروید ، یک مرور کلی دارد:

1. چرا باید به WebP تبدیل شود؟
2. فعال کردن Local WebP در WPMU DEV Sites Hosted
3. امکان تبدیل محلی WebP در سایتهای شخص ثالث
4. پیکربندی سرور Apache
5. پیکربندی سرور NGINX
6. چگونه می توان قالب تصویر خود را بررسی کرد.

چرا تبدیل به WebP؟

مزایای تصاویر WebP خود گویای این موضوع است.

پرونده های تصویری WebP بسیار کوچکتر و سریعتر از JPEG و PNG بارگیری می شوند – همه در حالی که تفاوت قابل توجهی در کیفیت ندارند.

اثبات آن در پودینگ است – وقتی YouTube تصاویر کوچک خود را به WebP تغییر داد، آنها شاهد کاهش 10 درصدی در زمان بارگیری بودند!

هنگامی که ویژگی Local WebP را فعال کنید ، Smush Pro در هنگام Smushing منظم تصاویر شما را به نوع فایل نسل بعدی تبدیل می کند.

و در حالی که همه مرورگرها از WebP پشتیبانی نمی کنند (ما به شما نگاه می کنیم ، اینترنت اکسپلورر!) ، می توانید مطمئن باشید که Smush در خدمت JPEG و PNG معادل مرورگرهای غیر پشتیبانی می شود.

فعال کردن WebP محلی در سایت های میزبان WPMU DEV

اول از همه چیز – آخرین نسخه Smush Pro باید در سایت شما نصب شود.

عکس صفحه از صفحه اعلامیه وب.
تنها با چند کلیک پشتیبانی از پشتیبانی غیر CDN WebP!

سپس می توانید وارد تنظیمات WebP شوید.

عکس صفحه نمایش فعال سازی وب با دکمه شروع کار.
روی “شروع” کلیک کنید.

اگر میزبان ما باشید ، آنقدر خوش شانس خواهید بود که در صفحه بعدی با این پیام استقبال می کنید:

عکس صفحه از پیامی که به شما امکان می دهد بدانید اگر میزبان WPMU DEV هستید همه چیز از قبل تنظیم شده است.
اگر این مورد باشد – همه چیز آماده است!

همه چیز به طور خودکار برای شما پیکربندی می شود و تنها کاری که باید انجام دهید این است که یک Bulk Smush را اجرا کنید تا تصاویر شما تبدیل شوند.

از این صفحه می توانید انواع رسانه های پشتیبانی شده را نیز ببینید و همچنین همه تصاویر WebP خود را حذف کنید.

عکس صفحه از انواع رسانه های پشتیبانی شده - png و jpeg.
در صورت تغییر نظر سریع و آسان حذف پرونده های WebP انجام می شود.

بنابراین بیایید به nitty gritty برویم – اگر سایت شما با WPMU DEV میزبانی نشود چه می کنید؟

شما دو گزینه دارید.

  1. به یکی از برنامه های میزبانی جذاب (و مقرون به صرفه!) بروید.
  2. راهنمای پیکربندی گام به گام ما را در زیر دنبال کنید.

چگونه می توان تبدیل WebP را در سایتهای غیر WPMU DEV میزبانی کرد

Smush سعی خواهد کرد نوع سروری را که سایت شما استفاده می کند به طور خودکار شناسایی کند.

عکس صفحه نمایش کشویی که در آن می توانید نوع سرور خود را برای پیکربندی انتخاب کنید.
Smush سعی خواهد کرد که سایت شما را بر روی سرور Apache / Litespeed یا NGINX اجرا کند.

اگر نوع شناسایی نادرست است ، می توانید با استفاده از کادر کشویی آن را دستی تغییر دهید.

سرورهای Apache

اگر نوع سرور شما باشد آپاچی، سعی کنید خودکار ابتدا روش

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

این امیدوار است که قوانین لازم را به .htaccess پرونده موجود در فهرست / wp-content / uploads.

اگر خودکار روش کار نمی کند ، می توانید به کتابچه راهنمای را انتخاب کنید و قوانین نمایش داده شده را به خود اضافه کنید .htaccess خودت پرونده کن

توجه داشته باشید که قوانین باید به .htaccess پرونده موجود در فهرست / wp-content / uploads شما ، نه اصلی .htaccess فایل را در ریشه نصب وردپرس خود قرار دهید. اگر آن پرونده هنوز در آن فهرست وجود ندارد ، می توانید برای افزودن قوانین لازم آن را ایجاد کنید.

Smush از طریق کارهایی که باید انجام دهید با شما صحبت می کند.

عکس صفحه از دستورالعمل های پیکربندی Smush.
برای پیکربندی دستی تنظیمات ، این دستورالعمل ها را در Smush دنبال کنید.

اگر هیچ یک از این روش ها موفقیت آمیز نباشد ، لیستی از نکات عیب یابی به شما ارائه می شود – و البته اگر به کمک بیشتری نیاز دارید ، تیم پشتیبانی از قهرمانان 24/7 ما همیشه در دسترس هستند.

سرورهای NGINX

اگر نوع سرور شما NGINX است ، قوانین لازم باید به صورت دستی به پرونده پیکربندی شما اضافه شود.

Smush دستورالعمل های روشنی را در مورد چگونگی انجام این کار ارائه می دهد.

عکس صفحه از تنظیمات پیکربندی سرورهای NGINX.
برای پیکربندی دستی سرور NGINX خود ، مراحل Smush را دنبال کنید.

فقط توجه داشته باشید که اگر تنظیمات شما NGINX را به عنوان پروکسی برای Apache اجرا می کند ، قوانین Apache / Litespeed ممکن است در این موارد کار نکند .htaccess، و می خواهید قوانین NGINX را با استفاده از این روش به صورت دستی اضافه کنید.

چگونه می توان قالب تصویر خود را بررسی کرد

برخلاف گزینه WebP Conversion در Smush Pro CDN ، شما نمی توانید قالب “.webp” را در کد منبع مشاهده کنید.

در عوض ، اگر می خواهید تأیید کنید که تصاویر در واقع به عنوان WebP ارائه می شوند ، می خواهید ابزارهای توسعه دهنده مرورگر خود را باز کنید و در زیر شبکه برگه را علامت بزنید سربرگ های پاسخ برای هر تصویری

اگر در آنجا “نوع-محتوا: تصویر / وب” را مشاهده کنید ، به شما می گوید که مرورگر نسخه WebP تصویر را ارائه می دهد.

عکس صفحه برگه ابزارهای توسعه دهنده که اثبات وب بودن تصاویر را نشان می دهد.
شما می توانید ببینید که آیا تصاویر به عنوان WebP خدمت می کنند یا خیر.

آیا شما تبدیل شده اید؟

امیدوارم بعد از خواندن این مقاله ، اطمینان داشته باشید که نه تنها WebP قالب صحیحی برای سایت های شماست بلکه Smush Pro افزونه مناسبی برای این کار است.

فقط به یاد داشته باشید که اگر می خواهید از قدرت کامل Smush نهایت استفاده را ببرید ، همیشه می توانید از CDN Smush Pro نیز استفاده کنید!

عضو WPMU DEV نیستید؟ نسخه آزمایشی 7 روزه Smush Pro را بررسی کنید و از ویژگی جدید WebP محلی برای درایو تست بدون خطر استفاده کنید.