PNG को WebP में बदलें

अपनी वेबसाइट के PNG स्क्रीनशॉट, लोगो और बैकग्राउंड हटाई गई प्रोडक्ट इमेज को WebP फ़ाइलों में छोटा करें। इनके ट्रांसपेरेंट किनारे बने रहते हैं और ये बहुत कम समय में लोड होती हैं। लॉसी या लॉसलेस चुनें, कन्वर्ट करें और नतीजे अपने CMS पर अपलोड करें।

या JPG, JPEG, JPE … फ़ाइलें यहाँ ड्रop करें ·

प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं

आउटपुट

इसमें बदलें

फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।

क्वालिटी और रंग

क्वालिटी

85 पर फ़ोटो देखने में मूल जैसी ही रहती हैं। छोटी फ़ाइल चाहिए तभी इसे घटाएँ।

लॉसलेस

हर पिक्सल ज्यों का त्यों रखें। फ़ाइलें बड़ी होती हैं; क्वालिटी स्लाइडर अनदेखा किया जाता है।

आउटपुट रीसाइज़ करें

आउटपुट इमेज रीसाइज़ करें

मूल डाइमेंशन रखें, या एक साइड डालें और आस्पेक्ट रेशियो बना रहेगा।

मेटाडेटा और कलर प्रोफ़ाइल

ऑटो ओरिएंट

EXIF में सहेजे ओरिएंटेशन से इमेज घुमाएँ ताकि वह हर जगह सीधी दिखे।

मेटाडेटा हटाएँ

GPS लोकेशन, कैमरा डेटा और कमेंट हटाएँ। कलर प्रोफ़ाइल को नीचे अलग से रखा जा सकता है।

कलर प्रोफ़ाइल रखें

एम्बेडेड ICC प्रोफ़ाइल रखें ताकि कन्वर्ट करने के बाद भी रंग सटीक रहें।

कलर स्पेस

स्क्रीन और वेब के लिए sRGB सही है। प्रिंट वर्कफ़्लो के लिए मूल रखें; ग्रेस्केल रंग हटा देता है।

DPI टैग

dpi

सिर्फ़ मेटाडेटा, 0 मूल मान रखता है। प्रिंटर और कुछ पोर्टल यह संख्या पढ़ते हैं; इससे पिक्सल डाइमेंशन नहीं बदलते।

इस टूल का उपयोग कैसे करें

1
PNG फ़ाइलें डालें
एक बार में 20 तक PNG अपलोड एरिया में खींचकर छोड़ें या किसी फ़ोल्डर से चुनें। हर फ़ाइल 95 MB तक की हो सकती है, यानी बहुत बड़े एक्सपोर्ट किए गए मॉकअप भी चल जाते हैं।
2
लॉसी या लॉसलेस चुनें
पेज क्वालिटी 80 और लॉसी मोड से शुरू होता है, जो वेब पर फोटो और इलस्ट्रेशन के लिए अच्छा संतुलन है। आइकन, पिक्सल आर्ट या UI स्क्रीनशॉट को पिक्सल-दर-पिक्सल वैसा ही रखना हो तो एडवांस्ड सेटिंग में लॉसलेस चुनें।
3
कन्वर्ट करें और पुरानी फ़ाइलें बदलें
WebP में कन्वर्ट करें → दबाएँ और फ़ाइलें एक-एक करके या ZIP के रूप में डाउनलोड करें।

उत्तर

क्या PNG को WebP में बदलना फ़ायदेमंद है?

वेबसाइट की इमेज के लिए लगभग हमेशा। पारदर्शिता समेत वही तस्वीर आमतौर पर काफ़ी छोटी बनती है, और हर मौजूदा ब्राउज़र उसे दिखाता है। जिन फ़ाइलों को आप अब भी एडिट करते हैं या जो लोग डेस्कटॉप सॉफ़्टवेयर में खोलते हैं, उनके लिए PNG रखें।

वेब डेवलपर PNG की जगह WebP क्यों इस्तेमाल करते हैं

PNG डिज़ाइन से ही लॉसलेस है: इसे W3C ने 1996 में GIF के पेटेंट-मुक्त विकल्प के रूप में मानकीकृत किया था और यह पिक्सल डेटा कभी नहीं गँवाता। मास्टर फ़ाइल के लिए यह सही है, पर वेब पेज पर फ़िज़ूलखर्ची है, जहाँ PNG में सेव की गई 1600 px की हीरो इलस्ट्रेशन का वज़न पेज की सारी स्क्रिप्ट के कुल वज़न से ज़्यादा हो सकता है।

Google ने इस अंतर को पाटने के लिए 2010 में WebP पेश किया। इसमें एक ही कंटेनर में दो इंजन हैं: एक लॉसलेस मोड, जिसे Google की अपनी प्रकाशित तुलना PNG से लगभग 26% छोटा बताती है, और VP8 वीडियो कोडेक पर आधारित लॉसी मोड, जो और भी छोटा होता है। दोनों मोड में पूरा अल्फ़ा चैनल होता है, और यही फ़ीचर लोगो और कटआउट प्रोडक्ट फोटो को रंगीन बैकग्राउंड पर इस्तेमाल लायक रखता है।

PageSpeed Insights जैसे पेज स्पीड टूल लंबे समय से बड़े PNG और JPEG फ़ाइलों को आसान बचत बताते आए हैं, और कन्वर्ट किया हुआ इमेज सेट अक्सर Largest Contentful Paint सुधारने का सबसे तेज़ तरीका होता है। इमेज के नए डाइमेंशन भी चाहिए हों तो पहले उन्हें इमेज रीसाइज़र से गुज़ारें, फिर कन्वर्ट करें।

PNG की तुलना में WebP कितनी छोटी होती है

मूल PNG

1.2 MB

1600 × 900 · अल्फ़ा के साथ 24-बिट, प्रोडक्ट कटआउट

आमतौर पर 80–85% छोटा

WebP, क्वालिटी 80

190 KB

1600 × 900 · अल्फ़ा चैनल बरकरार रखते हुए लॉसी

PNG

Portable Network Graphics

PNG एक लॉसलेस रास्टर फ़ॉर्मैट है, जिसे 1996 में PNG Development Group ने प्रकाशित किया और बाद में W3C व ISO ने मानकीकृत किया। यह हर पिक्सल को ठीक वैसा ही रखता है, पूरी अल्फ़ा पारदर्शिता सपोर्ट करता है और टेक्स्ट, तीखे किनारों व सपाट रंगों को बिना आर्टिफ़ैक्ट के संभालता है। इसी सटीकता के कारण यह स्क्रीनशॉट, लोगो, आइकन और इंटरफ़ेस ग्राफ़िक्स के लिए आदर्श है। इसकी कीमत साइज़ है: PNG के रूप में सेव की गई फ़ोटो अक्सर वही फ़ोटो JPEG या WebP में सेव करने से कई गुना बड़ी होती है। सभी ब्राउज़र, ऑपरेटिंग सिस्टम और एडिटर PNG फ़ाइलें खोलते हैं।

कंप्रेशन: लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता): हाँ
एनिमेशन: नहीं
शुरुआत का वर्ष: 1996 · PNG Development Group

PNG कन्वर्टर

WEBP

WebP इमेज

WebP एक इमेज फ़ॉर्मैट है जिसे Google ने 2010 में वेब पेज तेज़ लोड करने के लिए जारी किया। यह एक ही फ़ॉर्मैट में लॉसी और लॉसलेस कंप्रेशन, अल्फ़ा ट्रांसपेरेंसी और एनिमेशन को सपोर्ट करता है। लॉसी WebP फ़ाइलें समान दृश्य क्वालिटी वाली JPEG से आमतौर पर 25–35% छोटी होती हैं, और लॉसलेस WebP आमतौर पर PNG से छोटी होती है। सभी मौजूदा ब्राउज़र इसे सपोर्ट करते हैं, पर कुछ पुराने डेस्कटॉप सॉफ़्टवेयर, प्रिंट सेवाएँ और अपलोड फ़ॉर्म अब भी इसे अस्वीकार करते हैं। Windows, macOS और ज़्यादातर आधुनिक इमेज एडिटर WebP फ़ाइलें खोल सकते हैं।

कंप्रेशन: लॉसी या लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता): हाँ
एनिमेशन: हाँ
शुरुआत का वर्ष: 2010 · Google

WEBP कन्वर्टर

साइट मालिक पारदर्शिता बनाए रखते हुए पेज का वज़न घटाने के लिए PNG को WebP में बदलते हैं; WebP से वापस PNG में जाना तब काम आता है जब फ़ाइल को ऐसे सॉफ़्टवेयर में एडिट या खोलना हो जो WebP नहीं पढ़ता।

ऊपर के आँकड़े फोटो जैसे कटआउट का सामान्य नतीजा हैं, कोई वादा नहीं। सपाट ग्राफ़िक्स लॉसी मोड में कम घटते हैं और लॉसलेस मोड में कभी-कभी ज़्यादा। टेक्स्ट से भरे स्क्रीनशॉट अकेला ऐसा मामला हैं जहाँ लॉसी WebP अक्षरों के किनारे धुंधले कर सकता है; उनके लिए लॉसलेस चुनें, तब भी पिक्सल में कोई बदलाव किए बिना जगह बचती है।

डाइमेंशन, रंग और पारदर्शिता जस के तस रहते हैं, और मेटाडेटा हटाएँ (डिफ़ॉल्ट रूप से चालू) वह एडिटिंग हिस्ट्री हटा देता है जिसकी ब्राउज़र को कभी ज़रूरत नहीं होती।

WebP फ़ाइलें अपनी साइट पर अपलोड करने से पहले

मूल PNG फ़ाइलें अलग फ़ोल्डर में रखें; WebP डिलीवरी कॉपी है, एडिटिंग मास्टर नहीं।
जाँच लें कि आपका CMS .webp अपलोड स्वीकार करता है (WordPress वर्शन 5.8 से करता है)।
एक पारदर्शी इमेज को सफ़ेद और गहरे, दोनों बैकग्राउंड पर देखें ताकि किनारे साफ़ होने की पुष्टि हो सके।
अपने HTML या CSS में इमेज के रेफ़रेंस .png से .webp में बदलें, या CMS से थंबनेल दोबारा बनवा लें।
ब्राउज़र के नेटवर्क पैनल में पहले और बाद का पेज वज़न तुलना करें, ताकि पता रहे कि कितनी बचत हुई।

PNG को WebP में बदलने से जुड़े सवाल

क्या WebP में मेरे PNG का ट्रांसपेरेंट बैकग्राउंड बना रहता है?

हाँ। WebP अपने लॉसी और लॉसलेस, दोनों मोड में अल्फ़ा चैनल रखता है, इसलिए कटआउट प्रोडक्ट फोटो और लोगो पारदर्शी बने रहते हैं। लॉसी मोड में किनारों के पिक्सल थोड़े कंप्रेस होते हैं; बारीक बालों या टेक्स्ट के चारों ओर हल्की चमक दिखे तो फ़ाइल को लॉसलेस चुनकर दोबारा चलाएँ। बाद में उल्टा चाहिए? WebP से PNG एडिट करने लायक PNG लौटा देता है।

PNG के लिए लॉसी WebP चुनें या लॉसलेस?

जब PNG सपाट UI, डायग्राम, लोगो या पिक्सल आर्ट हो तब लॉसलेस चुनें, क्योंकि हर पिक्सल ज्यों का त्यों रहता है और फ़ाइल का साइज़ फिर भी आमतौर पर घट जाता है। जब PNG असल में कोई फोटो या मुलायम इलस्ट्रेशन हो तब 75 से 85 क्वालिटी पर लॉसी चुनें, क्योंकि बड़ी बचत वहीं होती है।

कौन-से ब्राउज़र WebP इमेज दिखा सकते हैं?

Chrome, Edge, Firefox और Opera सालों से WebP दिखाते हैं, और Safari ने 2020 में वर्शन 14 के साथ इसे जोड़ा (macOS Big Sur या बाद के वर्शन और iOS 14 पर)। व्यवहार में आज इस्तेमाल होने वाला हर ब्राउज़र इसे दिखाता है, इसलिए ज़्यादातर साइटों के लिए .webp फ़ाइल की ओर इशारा करने वाला साधारण img टैग काफ़ी है।

क्या WordPress पर WebP अपलोड हो सकती है?

जुलाई 2021 में आए WordPress 5.8 ने मीडिया लाइब्रेरी के अपलोड योग्य प्रकारों में WebP जोड़ा। पुराने इंस्टॉल फ़ाइल को मना कर देते हैं, जब तक कोई प्लगइन MIME टाइप न जोड़े, इसलिए पूरा फ़ोल्डर कन्वर्ट करने से पहले अपना वर्शन जाँच लें।

मेरी WebP फ़ाइल असली PNG से बड़ी क्यों है?

ऐसा उन छोटे PNG के साथ होता है जो कुछ ही रंगों का इंडेक्स्ड पैलेट इस्तेमाल करते हैं, जैसे 8 रंगों वाला आइकन, क्योंकि वहाँ PNG पहले से बहुत कुशल है। ऐसी फ़ाइलों के लिए लॉसलेस आज़माएँ, और नतीजा फिर भी बड़ा हो तो PNG ही रखें; बचत बड़ी और ज़्यादा रंगीन इमेज में मिलती है।

क्या PNG का पूरा फ़ोल्डर एक साथ WebP में बदल सकते हैं?

एक बार में 20 फ़ाइलें प्रोसेस होती हैं, हर एक 95 MB तक, और वे ZIP में साथ वापस मिलती हैं। बड़े फ़ोल्डर के लिए 20-20 के बैच में दोहराएँ; कोई दैनिक सीमा नहीं है और अपलोड 30 मिनट बाद अपने-आप मिट जाते हैं।