فرمت WebP
امتیاز :
4/5

فرمت WebP چیست؟ (تبدیل PNG و JPEG به WebP در وردپرس و فتوشاپ)

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

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

WebP ( با تلفظ Weppy یا “وِپی” ) فرمتی است که در سال 2010 توسط گوگل به صورت متن باز با هدف از دور خارج کردن پادشاه تصاویر وب، JPEP ارائه شد اما به تازگی استفاده از آن رونق بسیار بیشتری پیدا کرده است.

WebPLogo

با توجه به تخمین گوگل مبنی بر این که حجم بایتی 60 تا 65 درصد صفحات وب‌سایت‌ها را تصاویر تشکیل داده‌اند، این شرکت تصمیم گرفت WebP را در قالب فرمت متن باز و رایگان ارائه کند تا هر دو تکنیک فشرده‌سازی “بدون افت کیفیت (Lossless)” و “همراه با افت کیفیت (Lossy)” را دربرگیرد.

برای مقایسه کیفیت و همچنین حجم تصاویر WebP و JPEG به عکس زیر توجه کنید.

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

فرمت وپی

همانطور که می‌بینید، به هیچ‌عنوان افت کیفیتی بین تصاویر JPEG و WebP مشاهده نمی‌کنید، اما حجم تصاویر WebP تا 35 درصد نسبت به JPEG کمتر است.

بطور کلی بر طبق تست‌های گوگل، تصاویر با فرمت WebP :

  • 25 تا 34 درصد نسبت به تصاویر JPEG کم‌حجم‌تر هستند.
  • 26 درصد نسبت به تصاویر PNG کم‌حجم‌تر هستند.

مقایسه حجم تصاویر WebP و JPEG

در مقایسه زیر 6 تصویر بطور تصادفی با فرمت JPEG از سایت Unsplash دانلود شد و سپس هر کدام از عکس ها یک بار به فرمت JPEG و بار دیگر به فرمت WebP فشرده‌سازی و کم حجم شد.

webp

مقایسه تصاویر فشرده‌سازی شده WebP با تصاویر کم‌حجم شده JPEG، کاهش حجم 50 درصدی را بطور میانگین نشان می‌دهد.

Comparing-JPEG-image-to-WebP-image

مقایسه حجم تصاویر WebP و PNG

مجددا 6 تصویر بطور تصادفی با فرمت PNG از سایت freepngs.com دانلود شد و سپس هر کدام از عکس ها یک بار به فرمت PNG و بار دیگر به فرمت WebP فشرده‌سازی و کم حجم شدند.

فرمت وپی

مقایسه تصاویر فشرده‌سازی شده WebP با تصاویر کم‌حجم شده PNG، کاهش حجم 67 درصدی را بطور میانگین نشان می‌دهد.

کدام یک از مرورگرها از فرمت WebP پشتیبانی می‌کنند؟

شاید الان این سوال برای شما ایجاد شود که کدام یک از مرورگرها هم‌اکنون از فرمت WebP پشتیبانی می‌کنند و کدام یک هنوز پشتیبانی نمی‌کنند؟

WebP_In_Caniuse

طبق این تصویر که برگرفته از اطلاعات سایت caniuse.com می‌باشد هم‌اکنون جدیدترین ورژن تمامی مرورگرهای دسکتاپی و تبلتی و موبایلی (اندروید و ios) از فرمت WebP پشتیبانی می‌کنند.
(مرورگر اینترنت اکسپلورر “IE” به دلیل قدیمی بودن و عدم توسعه از این فرمت پشتیبانی نمی‌کند.)

ذخیره تصاویر با فرمت WebP در فتوشاپ

در ورژن‌های کنونی فوتوشاپ امکان ذخیره سازی تصاویر با فرمت WebP بطور مستقیم وجود ندارد اما شما می‌توانید با نصب پلاگین WebPShop.8bi بر روی فتوشاپ امکان ذخیره تصاویر با فرمت WebP ممکن خواهد شد.

برای نصب پلاگین WebPShop.8bi مراحل زیر را بترتیب انجام دهید:

1- دانلود پلاگین WebPShop.8bi از سایت (github)

2- پس از دانلود پلاگین، فایل WebPShop.8bi را به آدرس زیر انتقال دهید :

C:\Program Files\Adobe\Adobe Photoshop\Plug-ins

(اگر نرم افزار فوتوشاپ خود را در درایو و مسیر دیگری نصب نموده‌اید، فایل مورد نظر را به فولدر پلاگین محل نصب انتقال دهید)

3- اکنون می‌توانید در نرم افزار Adobe Photoshop عکس مورد نظر خود را بصورت زیر با فرمت WebP ذخیره نمایید :

Untitled 3 1

پس از انتخاب فرمت WebP از قسمت Save as type با پنجره زیر مواجه خواهید شد که با زده تیک Preview و تغییر لغزنده انتخاب درصد کیفیت عکس (قسمت WebP settings)، می‌توانید کیفیت نهایی عکس WebP خود را انتخاب و در پایان روی گزینه OK کلیک کنید تا عکس در محل مشخص شده شما ذخیره شود.

فرمت WebP در فتوشاپ-2

در آموزش ویدیویی زیر بطور کامل نحوه تبدیل عکس‌های JPG و PNG به WebP در نرم افزار Adobe Photoshop بطور کامل توضیح داده شده است :

مشکل بارگذاری تصاویر با فرمت WebP در وردپرس

اگر هنگامی که می‌خواهید از تصاویر با فرمت WebP در سایت وردپرسی خود استفاده کنید با پیغام خطای “متاسفانه این نوع پرونده به دلیل مسائل امنیتی مجاز نیست” مواجه شدید، کافی است که کد PHP زیر را کپی کرده و در سند functions.php قالب سایتتان (یا اگر از چایلد تم استفاده می‌کنید در سند functions.php چایلد تم قالب سایتتان) قرار دهید و سپس به راحتی از تصاویر با فرمت WebP در سایت وردپرسی خود استفاده کنید.

				
					//** *Enable upload for webp image files.*/
function webp_upload_mimes($existing_mimes) {
    $existing_mimes['webp'] = 'image/webp';
    return $existing_mimes;
}
add_filter('mime_types', 'webp_upload_mimes');
				
			

افزونه‌های وردپرسی تبدیل تصاویر PNG و JPEG به WebP

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

1. تبدیل تصاویر به WebP در وردپرس با افزونه WebP Express

یکی از جدیدترین افزونه‌هایی که می‌تواند تصاویر موجود در سایت وردپرسی شما را به فرمت WebP تبدیل کند، پلاگین WebP Express است که می‌توانید به رایگان آن را از مخزن افزونه‌های رایگان وردپرس دانلود و نصب کنید.

WebP Express
WebP-Express-settings

2. تبدیل تصاویر به WebP در وردپرس با افزونه Imagify

افزونه Imagify یکی از بهترین افزونه‌های بهینه‌سازی تصاویر در وردپرس می‌باشد که تصاویر شما را تا حد زیادی بهینه‌سازی می‌کند. این افزونه توسط تیم WP-Rocket طراحی شده که شما با نصب و تنظیم این دو افزونه در کنار هم می‌توانید بهترین نتیجه را از لحاظ سرعت روی سایت خود دریافت کنید.

Imagify

شما با استفاده از افزونه Imagify می‌توانید تصاویر خود را به WebP تبدیل کنید و بدون مشکل هر زمانی که بخواهید از این حالت خارج کنید. فقط توجه داشته باشید که برای استفاده از این افزونه باید کد API آنرا از سایت آن (imagify.io) دریافت کنید و محدودیت ماهیانه 25 مگابایتی برای اکانت‌های رایگان دارید.

3. تبدیل تصاویر به WebP در وردپرس با افزونه ShortPixel Image Optimizer

افزونه ShortPixel Image Optimizer یکی از افزونه‌های مخصوص بهینه‌سازی تصاویر است که با 200 هزار نصب فعال یکی از افزونه‌های پرطرفدار و مشهور در این زمینه است. این افزونه به شما کمک می‌کند تا تصاویر سایت خود را تا حد امکان بهینه کنید و همچنین تصاویر قبلی وردپرس خود را نیز می‌توانید توسط این افزونه بهینه‌سازی کنید و به طور اتوماتیک جایگزین کنید.

ShortPixel Image Optimizer

یکی از ویژگی‌های قدرتمند این افزونه تبدیل تصاویر فعلی شما به WebP است که شما می‌توانید با فعال کردن قابلیت WebP در بخش Advanced این افزونه این قابلیت افزونه را فعال کنید. توجه داشته باشید که این افزونه در نسخه رایگان فقط 100 تصویر در ماه را پشتیبانی می‌کند.

به این مقاله امتیاز دهید
(برحسب میزان رضایت خود از محتوای این مقاله، به آن از 1 تا 5 ستاره دهید)

امتیاز 4.00 از 1 رای

اشتراک در
اطلاع‌رسانی به من هنگامی که :
guest

8 دیدگاه
بازخورد (Feedback) های اینلاین
دیدن تمامی دیدگاه‌ها
ورود | ثبت نام
شماره موبایل خود را وارد کنید.
برگشت
کد تایید را وارد کنید
کد تایید برای شماره موبایل شما ارسال گردید
ارسال مجدد کد تا دیگر
برگشت
رمز عبور را وارد کنید
رمز عبور حساب کاربری خود را وارد کنید
برگشت
رمز عبور را وارد کنید
رمز عبور حساب کاربری خود را وارد کنید
برگشت
درخواست بازیابی رمز عبور
لطفاً ایمیل یا شماره موبایل خود را وارد کنید
برگشت
کد تایید را وارد کنید
کد تایید برای شماره موبایل شما ارسال گردید
ارسال مجدد کد تا دیگر
ایمیل بازیابی ارسال شد!
لطفاً به صندوق الکترونیکی خود مراجعه کرده و بر روی لینک ارسال شده کلیک نمایید.
تغییر رمز عبور
یک رمز عبور برای اکانت خود تنظیم کنید
تغییر رمز با موفقیت انجام شد