واژه نامه

فرمت WebP چیست و چگونه از آن در وردپرس استفاده کنیم؟

فرمت WebP چیست

داشتن یک سایت سریع، رویای تمام مدیران وب سایت ها است. یکی از راه های بهینه سازی سرعت صفحه استفاده از تصاویر با فرمت WebP است. بنابرین WebP چیست؟ این فرمتی است که در مقایسه با PNG یا JPEG تصویر باکیفیت تری ارائه می دهد و همچنین اندازه کمتری هم دارد!

در این مقاله توضیحات لازم برای آشنایی شما با WebP و همچنین نحوه استفاده از فرمت WebP در سایت وردپرس را توضیح می دهیم.

فرمت WebP چیست

WebP دقیقا چیست؟

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

این فرمت در مقایسه با فرمت های PNG و JPEG از روش های فشرده سازی قدرتمندتر بدون ضرر و از بین رفتن کیفت استفاده می کند.

تاریخچه فایل WebP

این فرمت در سال 2010، اندکی پس از آنکه گوگل شرکت On2 Technologies، شرکت پشت کدک ویدیویی VP8، را خریداری کرد، ظاهر شد. فایل‌های WebP داده‌های تصویری VP8 یا VP8L را ذخیره می‌کنند و پایه و اساس فشرده سازی با اتلاف و بدون اتلاف را تشکیل می‌دهند. در سال 2011، این فرمت از انیمیشن و شفافیت پشتیبانی کرد و آن را به جایگزینی انعطاف‌پذیر برای GIFها و PNGها تبدیل کرد. با گذشت زمان، مرورگرهای وب مانند Chrome، Firefox، Edge و Opera سازگاری بومی WebP را پذیرفتند. گوگل به ترویج این فرمت ادامه داده و توسعه‌دهندگان را تشویق کرده است تا تصاویر را از قالب‌های سنتی به WebP تبدیل کنند تا سرعت وب‌سایت و کارایی بارگذاری صفحه را بهبود بخشند.

فناوری تصویر WebP

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

کانتینر WebP

یک فایل WebP از یک کانتینر RIFF (Resource Interchange File Format) با حداقل سربار ۲۰ بایت استفاده می‌کند که این فرمت را کارآمد و سبک نگه می‌دارد. هر فایل می‌تواند به ۱۶۳۸۳ در ۱۶۳۸۳ پیکسل برسد و تصاویر بزرگی را برای استفاده در وب مدرن در خود جای دهد. این کانتینر با داده‌های تصویر VP8 سازگار است و از ابرداده‌هایی مانند EXIF ​​و XMP، همراه با شفافیت و پروفایل‌های رنگی ICC پشتیبانی می‌کند.

مرورگرهای اصلی، از جمله کروم و سافاری، به صورت بومی از WebP پشتیبانی می‌کنند، در حالی که برخی از نرم‌افزارهای قدیمی‌تر مانند ادوبی فتوشاپ هنوز به افزونه نیاز دارند. توسعه‌دهندگان می‌توانند با بررسی هدرهای content?type در ابزارهای توسعه‌دهندگان کروم، پیاده‌سازی صحیح را تأیید کنند.

الگوریتم فشرده‌سازی با اتلاف WebP

فشرده‌سازی با اتلاف WebP مبتنی بر کدک ویدیویی VP8 گوگل است که از کدگذاری درون فریمی برای به حداقل رساندن حجم فایل استفاده می‌کند. این فرآیند بر پیش‌بینی بلوک متکی است، که در آن هر بلوک با استفاده از حالت‌های افقی، عمودی، تک رنگ/DC یا TrueMotion از بلوک‌های مجاور تخمین زده می‌شود.

بلوک‌هایی که قابل پیش‌بینی نیستند، تحت یک طرح تبدیل مبتنی بر بلوک با استفاده از تبدیل کسینوسی گسسته (DCT) یا تبدیل سریع والش-هادامارد (FWHT) قرار می‌گیرند. پس از آن، کدگذاری آنتروپی داده‌ها را نهایی می‌کند و فشرده‌سازی بسیار کارآمدی را بدون از دست دادن عمده در عمق رنگ یا جزئیات درک شده، به دست می‌آورد.

فشرده‌سازی بدون اتلاف WebP

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

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

مزایا WebP

همانطور که قبلاً هم ذکر کردیم، اندازه های کوچکتر تصویر می توانند تفاوت بزرگی در سایت شما ایجاد کنند – این به وب سایت شما کمک می کند تا سریعتر بارگیری شود.

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

  • JPEG (یا JPG) –یک فرمت بزرگ برای عکس است P در JPEG مخفف عکاسی (photographic) است ، که سرشار از رنگ و بافت می باشد. این فرمت با فشرده سازی کیفیت تصاویر را پایین می آورد.
  • PNG – حتی در صورت فشرده سازی، برای حفظ کیفیت تصویر بسیار عالی است. این فرمت برای تصاویر با داده ها یا پیکسل های زیاد مناسب است، به عنوان مثال لوگوها. با این حال، برای عکس های بزرگ خوب نیست.

WebP بهترین ها را در هر دو فرمت ترکیب و ارائه می دهد. در حالی که حجم 25-34% کوچکتر از PNG یا JPEG را دارد، اما می تواند کیفیت تصویر را حفظ کند.

 معایب WebP

با توجه به تمام مزایایی که این فرمت تصویر WebP برای ارائه دارد، لازم است برخی از محدودیت های موجود در آن را هم ذکر کنیم.

اول از همه، در حالی که برخی از مرورگرهای اصلی از جمله Google Chrome ، Firefox و Opera از فرمت WebP پشتیبانی می کنند. با این حال، Safari و Internet Explorer از WebP  پشتیبانی نمی کنند.

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

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

البته این بدان معنا نیست که نمی توانید از آن استفاده کنید، چون به راحتی با یک افزونه وردپرس می توانید این قابلیت را به سایت خود اضافه کنید.

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

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

افزونه WebP Express

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

تنظیمات افزونه WebP Express

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

(3) نظرات کاربران

  1. جعفر گفت:

    برای من مشکل پیش میاد. قالبم عکس را در چند بخش به درستی نمایش نمیده

  2. احسان گفت:

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

    1. سلام
      خیر مشکلی پیش نمیاد و حتی برای اطمینان متیونید با صفحه نمایش های مختلف تست کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *