فرمت تصویر webp چیست و چگونه از فایل webp در وردپرس استفاده کنیم؟

2 دیدگاه
61 بار دیده شده!
  1. خانه
  2. طراحی سایت
  3. آموزش وردپرس
  4. فرمت تصویر webp چیست و چگونه از فایل webp در وردپرس استفاده کنیم؟
5/5 - (2 امتیاز)

تصاویر در صفحات اینترنتی بخش بزرگی از محتوا را در برمی‌گیرند و بهینه بودن آن ها از جهات مختلف بسیار مهم است. در این مقاله به صورت کامل به این پرسش پاسخ میدهیم که فرمت Webp چیست؟ از نظر شما بهترین فرمت تصویر برای استفاده در سایت ها کدام است؟ jpg؟ png؟ یا حتی gif؟ با من همراه باشید.

 

اهمیت استفاده از تصاویر بهینه در وب سایت ها

استفاده از تصاویر مناسب و بهینه در صفحات اینترنتی به چند دلیل اهمیت ویژه ای دارد. این دلایل عبارتند از:

  • افزایش سرعت بارگزاری سایت در پی کم شدن حجم تصاویر استفاده شده در حالت بهینه در وب سایت
  • کاهش میزان استفاده از پهنای باند سایت در پی کم شدن حجم دانلود تصاویر توسط کاربران
  • کیفیت مناسب تصاویر در عین حال که حجم آن ها نیز کم است
  • استفاده از فضای بسیار کمتر از هاست سایت و باقی ماندن حجم مناسبی از هاست در پی کم شدن حجم تصاویر
  • و بسیاری دلیل دیگر که همگی در جهت بهبود شرایط لود سایت است!!!

 

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

 

فرمت تصویر webp چیست؟

در تاریخ 30 سپتامبر 2010 شرکت گوگل از یک فرمت تصویر به نام Webp یا به نوشتاری دیگر Weppy رونمایی کرد. گوگل اعلام کرد که با هدف کاهش حجم تصاویر بدون افت کیفیت و همچنین افزایش سرعت بارگزاری وب سایت ها این فرمت را معرفی نموده است. به گفته گوگل این فرمت تصویر قادر است بدون هیچ افت کیفیت حجم تصاویر را تا 45 درصد کاهش دهد و جایگزینی مناسب برای فرمت های رایج ایجاد نماید. اما چقدر گوگل در این راه موفق بوده است؟

 

فرمت تصویر webp چیست و چگونه از فایل webp در وردپرس استفاده کنیم؟

 

ویژگی های فرمت تصویر webp برای استفاده در وب سایت

پیش از بررسی میزان موفقیت گوگل در معرفی این فرمت تصویری باید نگاهی داشته باشیم به ویژگی های فرمت تصویری webp در فضای اینترنت. این فرمت تصویری ویژگی های بسیاری دارد از جمله حجم کمتر به نسبت فرمت های دیگر و همچنین کیفیتی یکسان با تمامی فرمت های تصویری در اندازه های مختلف. همین دو ویژگی تمامه نیاز وب مستران است و همیشه نیازمند چنین ویژگی هایی از فرمت های تصاویر بودند. اما پاسخی که گوگل دریافت کرد به کیفیت فرمت تصویر معرفی شده اش نبود! چرا؟

 

چرا فرمت تصویری webp همچنان در بین وب مستران غریبه است؟

با وجود تمام ویژگی های ذکر شده از این فرمت تصویری اما همچنان فرمت webp را نمیتوان رقیبی جدی برای فرمت های رایج فعلی دانست. دلیل این اتفاق را باید در پشتیبانی سرویس های اینترنتی مختلف از این فرمت یافت. استفاده از این فرمت با توجه به ویژگی های آن بسیار مفید است اما در حال حاضر مرورگر های Safari و IE از آن پشتیبانی نمیکنند. در نرم افزار فتوشاپ نیز روش مستقیمی برای خروجی گرفتن از این فرمت تصویری وجود ندارد و باید از پلاگین های موجود آن استفاده کنید.

 

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

 

تصویری با فرمت webp را چطور ایجاد و ذخیره سازی کنیم؟

جهت استفاده از این فرمت تصویری پیش از هرکاری باید ابتدا پلاگین مورد نیاز آن را در فتوشاپ نصب نمائید (در صورتی که از فتوشاپ استفاده میکنید). برای این منظور فایل پلاگین آن را از انتهای این مقاله دریافت نموده و سپس در آدرس adobe/adobe photoshop/plug-ins فایل افزونه را قرار دهید و در نهایت یکبار سیستم خود را ریستارت نمائید. پس از راه اندازی مجدد سیستم نرم افزار فتوشاپ را باز کنید و پس از اعمال تغییرات و اندازه مورد نیاز در زمان ذخیره سازی تصویر (در نرم افزار فتوشاپ) گزینه save a copy را انتخاب نموده و در نهایت فرمت تصویر را روی webp قرار دهید و ذخیره سازی نمائید.

همانند تصویر فوق در زمان ذخیره سازی از شما در خصوص روش ذخیره تصویر پرسشی نمایان میشود که باید بین دو گزینه lossless و یا lossy انتخاب کنید که در صورت انتخاب گزینه اول تصویر بدون هیچ افت کیفیت ذخیره میشود و در صورت انتخاب گزینه دوم کیفیت به اندازه میزانی که شما وارد میکنید به همراه حجم تصویر کاهش می‌یابد.

دانلود افزونه webp فتوشاپ

 

تصویری با فرمت webp را چطور ایجاد و ذخیره سازی کنیم؟

روش استفاده از تصاویر webp در وردپرس

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

 

جمع بندی

انتخاب فرمت تصویری مناسب همیشه دشوار بوده است اما میتوان فرمت مناسبی بر اساس نیاز یافت. در این مقاله به بررسی فرمت webp پرداختیم و در ادامه مقالات بهینه سازی سایت به بررسی سایر فرمت ها و روش های بهبود سرعت سایت میپردازیم. با دیمایتو همراه باشید و نظرات خود را در این زمینه برای ما ارسال نمائید.

مقالات مرتبط بیشتری بخوانید!

2 دیدگاه. دیدگاه جدید بگذارید!

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

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

Fill out this field
Fill out this field
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست
به کمک نیاز دارید؟ پیام بدید!