تبدیل PNG به WebP
اسکرین‌شات‌ها، لوگوها و عکس‌های دوربری‌شدهٔ محصول با فرمت PNG را در وب‌سایت خود به فایلهای WebP تبدیل کنید. لبه‌های شفاف آنها حفظ میشود و در زمانی بسیار کوتاه‌تر بارگذاری میشوند. حالت با اتلاف یا بدون اتلاف را انتخاب کنید، تبدیل را انجام دهید و فایلهای خروجی را در CMS خود بارگذاری کنید.
مبدل عکس
یا فایلهای JPG, JPEG, JPE … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایلها روی سرورهای ما پردازش میشوند و پس از 30 دقیقه حذف میشوند.
85 عکس‌ها را از نظر بصری مشابه اصل نگه می‌دارد. فقط وقتی فایل کوچک‌تر می‌خواهید آن را کمتر کنید.
JPG، BMP و EPS شفافیت ندارند. پیکسل‌های شفاف با این رنگ پر میشوند.
رنگ هگز پشت پیکسل‌های شفاف، مثلاً #FFFFFF.
این قالب فقط یک تصویر را نگه می‌دارد. اگر می‌خواهید انیمیشن حفظ شود خروجی GIF یا WebP را انتخاب کنید.
آیکون چنداندازهای چند وضوح را در یک فایل دارد؛ مرورگرها و سیستم‌عامل‌ها همان را که لازم دارند برمیدارند.
ابعاد اصلی را نگه دارید یا یک ضلع را وارد کنید تا نسبت تصویر حفظ شود.
پیکسل برای ضلعی که در بالا انتخاب کردید.
درصدی از ابعاد اصلی.
sRGB برای صفحه نمایش و وب مناسب است. برای چاپ حالت اصلی را نگه دارید؛ سیاه‌وسفید رنگ را حذف می‌کند.
فقط فراداده است؛ 0 مقدار اصلی را نگه می‌دارد. چاپگرها و برخی درگاه‌ها این عدد را می‌خوانند؛ ابعاد پیکسلی را تغییر نمی‌دهد.
نحوه استفاده از این ابزار
- 1
فایلهای PNG را رها کنید
حداکثر ۲۰ فایل PNG را روی بخش بارگذاری بکشید یا از یک پوشه انتخاب کنید. هر فایل می‌تواند تا 95 MB باشد؛ این حجم حتی ماکت‌های خروجی بسیار بزرگ را هم پوشش میدهد.
- 2
حالت با اتلاف یا بدون اتلاف را انتخاب کنید
صفحه با کیفیت 80 در حالت با اتلاف شروع میشود؛ تعادلی مناسب برای عکس‌ها و تصویرسازی‌های وب. برای آیکون‌ها، پیکسلآرت یا اسکرین‌شات‌های رابط کاربری که باید دقیقاً پیکسل‌به‌پیکسل بمانند، گزینهٔ بدون اتلاف را در تنظیمات پیشرفته فعال کنید.
- 3
تبدیل و جایگزین کنید
روی تبدیل به WebP بزنید و فایلها را یکی‌یکی یا به‌صورت ZIP دانلود کنید.
آیا تبدیل PNG به WebP می‌ارزد؟
برای تصاویر وب‌سایت، تقریباً همیشه. همان تصویر، با شفافیتش، معمولاً بسیار کوچک‌تر میشود و همهٔ مرورگرهای امروزی آن را نمایش میدهند. PNG را برای فایل‌هایی نگه دارید که هنوز ویرایش می‌کنید یا برای کسانی می‌فرستید که در نرم‌افزار دسکتاپ باز می‌کنند.
چرا توسعه‌دهندگان وب PNG را با WebP جایگزین می‌کنند
PNG ذاتاً بدون اتلاف است: W3C آن را در 1996 به‌عنوان جایگزین بدون حق اختراع برای GIF استاندارد کرد و هرگز داده‌های پیکسل را دور نمی‌ریزد. این برای فایل اصلی عالی است ولی برای صفحهٔ وب اتلاف است؛ تصویرسازی بالای صفحه با عرض 1600 px که به‌صورت PNG ذخیره شود، ممکن است از مجموع همهٔ اسکریپت‌های صفحه سنگین‌تر باشد.
Google در 2010 WebP را برای پر کردن این شکاف معرفی کرد. دو موتور در یک قالب دارد: حالت بدون اتلاف که طبق مقایسهٔ منتشرشدهٔ خود Google حدود 26% کوچک‌تر از PNG است، و حالت با اتلاف بر پایهٔ کدک ویدیوی VP8 که باز هم کوچک‌تر است. هر دو حالت کانال آلفای کامل دارند؛ ویژگی‌ای که لوگوها و عکس‌های محصول بدون پس‌زمینه را روی زمینه‌های رنگی قابل استفاده نگه می‌دارد.
ابزارهای سنجش سرعت مانند PageSpeed Insights مدت‌هاست فایلهای PNG و JPEG بزرگتر از نیاز را به‌عنوان بهبود آسان نشان میدهند و تبدیل مجموعه تصاویر اغلب سریع‌ترین راه برای بهبود Largest Contentful Paint است. اگر ابعاد تصاویر هم باید عوض شود، ابتدا آنها را با تغییر سایز عکس تنظیم کنید و بعد تبدیل کنید.
حجم WebP در مقایسه با PNG چقدر کمتر میشود
PNG اصلی
1.2 MB
1600 × 900 · 24 بیتی با آلفا، محصول بدون پس‌زمینه
WebP، کیفیت 80
190 KB
1600 × 900 · با اتلاف و حفظ کانال آلفا
PNG
گرافیک شبکه‌ای قابل‌حمل
PNG یک فرمت رستری بدون اتلاف است که در سال ۱۹۹۶ توسط PNG Development Group منتشر شد و بعدها W3C و ISO آن را استاندارد کردند. هر پیکسل را دقیقاً حفظ می‌کند، از شفافیت کامل آلفا پشتیبانی می‌کند و متن، لبه‌های تیز و رنگ‌های یکدست را بدون artefact نگه می‌دارد. همین دقت آن را برای اسکرین‌شات، لوگو، آیکون و گرافیک رابط کاربری مناسب می‌کند. در عوض حجمش زیاد است: عکس‌هایی که با PNG ذخیره شوند اغلب چند برابر همان عکس با JPEG یا WebP حجم دارند. همه مرورگرها، سیستم‌عامل‌ها و ویرایشگرها فایلهای PNG را باز می‌کنند.
- فشرده‌سازی
- بدون اتلاف
- شفافیت
- بله
- انیمیشن
- خیر
- سال معرفی
- 1996 · PNG Development Group
WEBP
تصویر WebP
WebP فرمت تصویری است که Google در 2010 برای سریع‌تر شدن بارگذاری صفحات وب منتشر کرد. هم فشرده‌سازی با اتلاف و بدون اتلاف، هم شفافیت آلفا و هم انیمیشن را در یک فرمت پشتیبانی می‌کند. فایلهای WebP با اتلاف معمولاً 25–35% کوچک‌تر از JPEG با کیفیت بصری مشابه‌اند و WebP بدون اتلاف معمولاً از PNG کوچک‌تر است. همه مرورگرهای فعلی از آن پشتیبانی می‌کنند، اما برخی نرم‌افزارهای دسکتاپ قدیمی، خدمات چاپ و فرم‌های بارگذاری هنوز آن را نمی‌پذیرند. Windows، macOS و بیشتر ویرایشگرهای تصویر امروزی فایلهای WebP را باز می‌کنند.
- فشرده‌سازی
- با اتلاف یا بدون اتلاف
- شفافیت
- بله
- انیمیشن
- بله
- سال معرفی
- 2010 · Google
صاحبان سایت PNG را به WebP تبدیل می‌کنند تا حجم صفحه کم شود و شفافیت حفظ بماند؛ برگرداندن WebP به PNG برای ویرایش یا باز کردن فایل در نرم‌افزاری است که WebP را نمی‌خواند.
اعداد بالا نتیجهٔ معمول برای یک عکس بدون پس‌زمینه است، نه تضمین. گرافیک‌های ساده در حالت با اتلاف کمتر کوچک میشوند و گاهی در حالت بدون اتلاف بیشتر. اسکرین‌شات‌های پر از متن تنها مواردی‌اند که WebP با اتلاف ممکن است لبهٔ حروف را محو کند؛ برای آنها بدون اتلاف را فعال کنید تا بدون تغییر پیکسل‌ها باز هم فضا صرفه‌جویی شود.
ابعاد، رنگ و شفافیت بدون تغییر منتقل میشوند و حذف فراداده (به‌طور پیش‌فرض روشن) سابقهٔ ویرایشی را که مرورگر هرگز نیاز ندارد حذف می‌کند.
پیش از بارگذاری فایلهای WebP در سایت
- PNGهای اصلی را در پوشه‌ای جدا نگه دارید؛ WebP نسخهٔ تحویلی است، نه فایل اصلی ویرایش.
- بررسی کنید سیستم مدیریت محتوای شما بارگذاری .webp را می‌پذیرد (WordPress از نسخهٔ 5.8 می‌پذیرد).
- یک تصویر شفاف را هم روی پس‌زمینهٔ سفید و هم تیره ببینید تا از تمیز بودن لبه‌ها مطمئن شوید.
- ارجاع تصاویر را در HTML یا CSS از .png به .webp تغییر دهید، یا بگذارید سیستم مدیریت محتوا تصاویر بندانگشتی را دوباره بسازد.
- حجم صفحه را پیش و پس از تبدیل در پنل شبکهٔ مرورگر مقایسه کنید تا بدانید چقدر صرفه‌جویی کرده‌اید.
پرسش‌های رایج دربارهٔ تبدیل PNG به WebP
آیا WebP پس‌زمینهٔ شفاف PNG را حفظ می‌کند؟
بله. WebP کانال آلفا را هم در حالت با اتلاف و هم بدون اتلاف نگه می‌دارد، پس عکس‌های محصول بدون پس‌زمینه و لوگوها شفاف می‌مانند. در حالت با اتلاف، پیکسل‌های لبه کمی فشرده میشوند؛ اگر دور موهای ظریف یا متن هالهٔ کم‌رنگی دیدید، فایل را با گزینهٔ بدون اتلاف دوباره تبدیل کنید. بعداً به عکس برعکس نیاز دارید؟ تبدیل WebP به PNG یک PNG قابل ویرایش می‌سازد.
برای PNG، کدام حالت WebP مناسب است: با اتلاف یا بدون اتلاف؟
اگر PNG یک رابط کاربری ساده، نمودار، لوگو یا پیکسلآرت است، حالت بدون اتلاف؛ چون هر پیکسل دقیقاً مثل قبل میماند و معمولاً حجم فایل هم کمتر میشود. اگر PNG در واقع یک عکس یا تصویرسازی نرم است، حالت با اتلاف با کیفیت 75 تا 85؛ چون بیشترین کاهش حجم همانجاست.
کدام مرورگرها تصاویر WebP را نمایش میدهند؟
Chrome، Edge، Firefox و Opera سالهاست WebP را نمایش میدهند و Safari از نسخهٔ 14 در سال 2020 به آنها پیوست (روی macOS Big Sur یا جدیدتر و iOS 14). در عمل همهٔ مرورگرهای در حال استفادهٔ امروز آن را نمایش میدهند و برای بیشتر سایتها یک تگ img ساده که به فایل .webp اشاره کند کافی است.
آیا وردپرس امکان بارگذاری WebP را دارد؟
WordPress 5.8 که در ژوئیهٔ 2021 منتشر شد، WebP را به انواع مجاز بارگذاری در کتابخانهٔ رسانه اضافه کرد. نصب‌های قدیمی‌تر فایل را رد می‌کنند، مگر افزونه‌ای نوع MIME را اضافه کند؛ پس پیش از تبدیل یک پوشهٔ کامل، نسخهٔ خود را بررسی کنید.
چرا حجم فایل WebP من از PNG اصلی بیشتر شده است؟
این اتفاق برای PNGهای بسیار کوچک با پالت اندیسدار و چند رنگ، مثل آیکون 8 رنگ، رخ میدهد، چون PNG در آن حالت از قبل بسیار کارآمد است. برای آن فایلها بدون اتلاف را امتحان کنید و اگر نتیجه باز هم بزرگتر بود، همان PNG را نگه دارید؛ کاهش حجم اصلی در تصاویر بزرگتر و پررنگتر دیده میشود.
آیا میتوان یک پوشه از فایلهای PNG را یکجا به WebP تبدیل کرد؟
تا 20 فایل در هر بار پردازش میشود، هر کدام تا 95 MB، و نتیجه با هم در یک ZIP برمیگردد. برای پوشهٔ بزرگتر، کار را در دستههای 20 تایی تکرار کنید؛ محدودیت روزانه وجود ندارد و فایلهای بارگذاریشده پس از 30 دقیقه خودکار پاک میشوند.
ابزارهای بیشتر برای WebP و PNG
- تبدیل JPG به WebPتبدیل JPG به WebP برای صفحات سریع‌تر: حدود یکچهارم تا یکسوم حجم کمتر با همان ظاهر. تبدیل یکجای 20 عکس، انتخاب کیفیت، بدون ثبتنام.
- تبدیل عکس به WebPتبدیل JPG، PNG، GIF، HEIC، TIFF، SVG و عکس‌های RAW به WebP به‌صورت گروهی. کیفیت پیش‌فرض 80، حفظ شفافیت و انیمیشن، بدون ثبتنام.
- تبدیل PNG به AVIFتبدیل PNG به AVIF، فرمت تصویری مبتنی بر AV1: حفظ شفافیت، با اتلاف یا بدون اتلاف، پشتیبانی در Chrome، Firefox، Safari و Edge. تا 20 فایل همزمان.
- تبدیل WebP به PNGWebP را بدون از دست رفتن شفافیت به PNG تبدیل کنید. لوگو و استیکر لبه‌های شفاف را حفظ می‌کنند؛ WebP متحرک: فریم اول یا همهٔ فریمها.
- تبدیل PNG به JPGPNG را به JPG تبدیل کنید تا حجم فایل برای ایمیل، فرم و چاپ عکس کم شود. بخشهای شفاف با سفید، سیاه یا هر رنگ دلخواه پر میشوند. تا 20 فایل همزمان.
- تبدیل AVIF به WebPتبدیل AVIF به WebP وقتی مرورگر، افزونه یا هاست هنوز از AVIF پشتیبانی نمیکند. حفظ شفافیت، خروجی با اتلاف یا بدون اتلاف، 20 عکس در هر دسته.