تبدیل PNG به WebP
تصویرهای PNG را با تبدیل به WebP برای وب سبک‌تر کنید؛ شفافیت هم حفظ میشود و چیزی آپلود نمی‌شود.
تبدیل آنلاین PNG به WebP
PNG خروجی پیش‌فرض بسیاری از ابزارهای طراحی و اسکرین‌شات‌هاست؛ به همین دلیل بسیاری از وب‌سایت‌ها فایل‌های PNG بسیار سنگین‌تر از نیاز تحویل میدهند. WebP همان ظاهر را حفظ میکند، از شفافیت پشتیبانی میکند و معمولاً بسیار کم‌حجم‌تر است؛ یعنی صفحه‌های سریع‌تر و Core Web Vitals بهتر.
این صفحه مبدل تصویر را با خروجی WebP باز میکند. تبدیل داخل مرورگر شما انجام میشود و تصویرهایتان هرگز آپلود نمی‌شوند.
WebP کجا بیشترین سود را دارد
- تصویرهای اصلی و بنرها که از ابزارهای طراحی با PNG خروجی گرفته شده‌اند.
- عکس‌های محصول با پسزمینه شفاف که PNG آن‌ها را ناکارآمد ذخیره میکند.
- اسکرین‌شات‌های مستندات و نوشته‌های وبلاگ.
- هر چیزی که بدون اسکرول در بالای صفحه دیده میشود، جایی که فایل سبک‌تر Largest Contentful Paint را بهتر میکند.
انتخاب کیفیت
زیر کیفیت ۱۰۰، مبدل WebP با اتلاف و همراه کانال آلفا می‌نویسد؛ روی ۱۰۰، Chrome و Edge به‌جای آن WebP بدون اتلاف می‌سازند که دقیق است اما بسیار حجیم‌تر. برای عکس‌ها و تصویرسازی‌ها، ۷۵ تا ۸۵ معمولاً با PNG یکسان به نظر می‌رسد. برای اسکرین‌شات‌هایی با متن ریز یا خطوط نازک، ۹۰ را امتحان و مقایسه کنید. سطر نتیجه هر دو حجم را نشان میدهد، پس پیدا کردن کمترین تنظیمی که از آن راضی هستید چند ثانیه بیشتر طول نمی‌کشد.
پشتیبانی مرورگرها و نکته‌ای درباره Safari
همه مرورگرهای اصلی امروزی WebP را نمایش میدهند، پس استفاده از آن در وب امروز بی‌خطر است. ساختن WebP از canvas اما داستان دیگری است: Chrome، Edge و Firefox می‌توانند، ولی Safari نمیتواند، و مبدل به‌جای ذخیره فایلی با برچسب اشتباه، همین را به شما می‌گوید. روی مک، تبدیل را در Chrome، Edge یا Firefox انجام دهید. در آیفون یا آیپد هیچ مرورگری نمیتواند WebP بسازد، چون همه از موتور Safari استفاده میکنند؛ پس از کامپیوتر یا گوشی اندرویدی کمک بگیرید، یا برای عکس‌ها JPG را انتخاب کنید.
ارائه WebP با نسخه جایگزین
اگر هنوز از مرورگرهای خیلی قدیمی پشتیبانی می‌کنید، تصویر را داخل عنصر picture بگذارید؛ WebP را به‌عنوان source و PNG را به‌عنوان img. مرورگر اولین فرمتی را که بشناسد برمی‌دارد. برای عکس‌های JPG، تبدیل JPG به WebP همین کار را انجام میدهد و وقتی ویرایشگری دوباره PNG بخواهد، تبدیل WebP به PNG مسیر را برمی‌گرداند.