पर्खँदै…
WebP ब्याकग्राउन्ड रिमुभर
.webp जसरी भेट्टाउनुभयो ठ्याक्कै त्यसरी राख्नुहोस्। कन्भर्ट गर्नु पर्दैन, अपलोड गर्नु पर्दैन, र तपाईंको फाइल र फर्केर आउने कटआउटबीच कम्प्रेसनको अतिरिक्त पुस्ता पनि पर्दैन।
वा फाइल यहाँ ड्रप गर्नुहोस्, वा पेस्ट गर्न Ctrl + V थिच्नुहोस् एउटा .webp वा पूरै मिडिया लाइब्रेरी छान्नुहोस्
PNG, JPG, WEBP, AVIF, GIF, BMP र HEIC · ३० वटासम्म फोटो · प्रति फाइल अधिकतम २५ MB
पहिले परीक्षण गर्न चाहनुहुन्छ? एउटा नमुना छान्नुहोस्
WebP किन देखिएभन्दा काट्न गाह्रो हुन्छ
फर्म्याटले आफ्नो अधिकांश जटिलता एउटै एक्सटेन्सनको पछाडि लुकाएको छ। किनारा कति सफा आउँछ भन्ने कुरा वास्तवमा बदल्ने चारवटा कुरा यी हुन्।
लॉसी कम्प्रेसनले अल्फा च्यानललाई पनि छुन्छ
लॉसी .webp ले रङलाई मात्र होइन, अपारदर्शिता च्यानललाई पनि उस्तै व्यवहार गर्छ। फाइल तपाईंसम्म आइपुग्नुअघि नै कच्चा कटआउट बनिसकेको भए, मोडेलले देख्नुअघि नै त्यो किनारा नरम भइसकेको हुन्छ।
क्रोमा सबसम्पलिङले कपालले सटीकता चाहने ठाउँमै धमिलो बनाउँछ
JPG जस्तै लॉसी WebP ले चमक तीखो राख्छ तर छिमेकी पिक्सेलहरूबीच रङको औसत निकाल्छ। सपाट ब्याकग्राउन्डमा यो देखिँदैन तर कपाल वा रौंको एउटा धागोमा निकै देखिन्छ।
पहिलेदेखिको अल्फा च्यानलले नराम्रो कटआउट लुकाउन सक्छ
तपाईंको डिजाइन टुलमा पहिल्यै पारदर्शी देखिने WebP ले पनि पुरानो ब्याकड्रपको फ्रिन्ज टाँसिएको कच्चा म्याट बोकिरहेको हुन सक्छ — फोटो अर्को रङमाथि राखेपछि मात्र त्यो देखिन्छ।
एनिमेटेड फाइलले एउटा मात्र फ्रेम दिन्छ
कन्टेनरमा दर्जनौं फ्रेम हुन सक्छन्, तर कटआउट टुलले पहिलो फ्रेम मात्र पढ्न सक्छ। क्रममा चलिरहेको जुनसुकै कुरा काट्नुअघि फ्रेम-फ्रेम गरी निर्यात गर्नुपर्छ।
WebP मा पारदर्शिताका लागि सधैँ ठाउँ थियो। तपाईंकोमा भने ठोस मात्र भरिएको छ।
यो फर्म्याटको अरू जुनसुकै कुराभन्दा धेरै मानिस यसमै अल्झिन्छन्, र अन्योल स्वाभाविक छ: स्पेसिफिकेसन र फाइलले दुई फरक कुरा भनिरहेका छन्।
स्पेसिफिकेसनले हरेक पिक्सेलसँग चौथो मान आउन सक्छ भन्छ। तपाईंको विशेष फोटोले भने त्यो मान कुनादेखि कुनासम्म अधिकतम छ भन्छ, किनकि क्यामेरालाई खालीपनको कुनै धारणा हुँदैन। ब्याकग्राउन्ड हटाउँदा सधैँ त्यहीँ रहेको च्यानल नयाँ लेखिन्छ — विषयभर पूरा बल, बाहिर केही पनि होइन, र बीचका रौंमा नरम ढलान।
ब्याकग्राउन्ड हटाउनुहोस्चारवटा फाइल, एउटै एक्सटेन्सन
.webp को बाहिरबाट यीमध्ये तपाईंसँग कुन छ भन्ने थाहा हुँदैन। चारवटै एउटै टुलमा जान्छन्; अन्तिम मात्र बाहिर निस्कँदा फरक व्यवहार गर्छ।
लॉसी WebP
सबैभन्दा सामान्य। फोटोजसरी कम्प्रेस गरिएको, तर पनि रङसँगै पूरा अपारदर्शिता च्यानल बोक्न सक्ने।
बाहिर निस्कँदा: एक पटक काटेर लॉसलेस रूपमा लेखिन्छ, त्यसैले फाइल दोस्रो पटक कहिल्यै कम्प्रेस हुँदैन।
लॉसलेस WebP
पिक्सेल-पिक्सेलै ठीक। कलाकृतिमा जोगाउन लायक सफा रेखा हुँदा डिजाइन टुलले सामान्यतया यही लेख्छ।
बाहिर निस्कँदा: विषयभित्रको सबै कुरा बाइट-बाइट जस्ताको तस्तै रहन्छ — केही पनि फेरि इन्कोड हुँदैन।
अल्फासहितको WebP
अरू कसैले बनाएको कटआउट पहिल्यै बोकेको, प्रायः पुरानो ब्याकड्रपको फ्रिन्ज टाँसिएको कच्चा।
बाहिर निस्कँदा: पहिलेको किनारा सुरुदेखि नै फेरि काटिन्छ, जसले पहिलो प्रयासले छुटाएका कुरा सफा गर्छ।
एनिमेटेड WebP
एउटै फाइलमा प्याक गरिएको पूरा क्रम, सामान्यतया आधुनिक साइटमा GIF को ठाउँ लिने।
बाहिर निस्कँदा: पहिलो फ्रेम काटिन्छ र स्थिर फोटोका रूपमा फर्काइन्छ। गति सँगै आउँदैन।
WebP को ब्याकग्राउन्ड हटाउने ३ चरणमा
यही ट्याबभित्र सुरुदेखि अन्त्यसम्म। प्लगइन छैन, लाइनमा बस्नु पर्दैन, क्रेडिट ब्यालेन्स हेर्नु पर्दैन।
चरण १
मौलिक फाइल दिनुहोस्
.webp तान्नुहोस्, Ctrl + V ले पेस्ट गर्नुहोस्, वा खोजेर छान्नुहोस्। पहिले कन्भर्ट गर्ने इच्छा रोक्नुहोस् — नछोइएको फाइलले सबैभन्दा तीखो सीमा दिन्छ।
चरण २
अपारदर्शिता च्यानल नयाँ लेखिन्छ
तपाईंको ब्राउजरले आफैँ WebP डिकोड गर्छ, त्यसपछि मोडेलले हरेक पिक्सेललाई विषय, ब्याकग्राउन्ड वा बीचको कुनै मानका रूपमा चिन्ह लगाएर पूरा स्केलमा लागू गर्छ।
चरण ३
PNG लिनुहोस्, पछि फेरि इन्कोड गर्नुहोस्
लॉसलेस कटआउट सेभ गर्नुहोस्, कुनै अँध्यारो ठाउँमा किनारा जाँच्नुहोस्, र सम्पादन गर्दै नभई प्रकाशन गर्दै हुँदा फेरि WebP बनाउनुहोस्।
ह्यान्डल तान्नुहोस् वास्तविक लिस्टिङ फोटोमा
अनलाइन पसलले WebP का रूपमा दिने किसिमको कन्सोलको फोटो। एकातिर CDN ले दिएको फाइल छ; अर्कोतिर टुलले फर्काएको।
तीन फरक पाइपलाइनबाट तीनवटा WebP
डिजाइन टुलको एक्सपोर्ट, पसलको लिस्टिङ र डेलिभरी नेटवर्कले दिएको फाइल। उही टुल, उही एक सेकेन्डजतिको काम।
PNG मा पुग्नु बिसौनी हो, गिरावट होइन
सानो आधुनिक फर्म्याटबाट ठूलो पुरानोमा जानु गलत दिशा जस्तो देखिन्छ। यो किन सही दिशा हो र साइज कसरी फिर्ता पाउने भन्ने यहाँ छ।
1
सीमा ताजै हुँदा जोगाउनुहोस्
फेदर गरिएको किनारा पूरै प्रक्रियाको सबैभन्दा महँगो भाग हो। तपाईं क्रप, स्केल र कम्पोजिसनमाथि दोधार गर्दै हुँदा लॉसलेस कन्टेनरले त्यसलाई ठ्याक्कै समात्छ।
2
जुन सतहमा बस्ने हो त्यसैमाथि जाँच्नुहोस्
कटआउटलाई ठ्याक्कै जुन रङ, ग्रेडिएन्ट वा फोटोमाथि राख्ने हो त्यसैमाथि राखेर हेर्नुहोस्। सेतोले विनम्रतापूर्वक लुकाउने फ्रिन्जिङ पछाडि कुनै गाढा कुरा आउनासाथ प्रस्ट देखिन्छ।
3
लाइभ साइटका लागि फेरि WebP मा जानुहोस्
यो घुमाइले पारदर्शितालाई केही खर्च गर्दैन, र तपाईंले चिन्ता गरेका बाइट सिधै फर्कन्छन्। PNG लाई आफ्नै अभिलेखमा पुनः निर्यात गर्ने प्रतिलिपिका रूपमा राख्नुहोस्।
WebP ब्याकग्राउन्ड हटाउने सोधिने प्रश्न
कन्भर्सन, एनिमेसन, क्वालिटी र डाउनलोडको तौल। यहाँ नसमेटिएको कुरा छ? हामीलाई सोध्नुहोस्।
.webp लाई माथिको टुलमा सिधै हाल्नुहोस् — पहिले कन्भर्ट गर्ने चरण बाटोमा आउँदै आउँदैन, किनकि तपाईंको ब्राउजरले WebP आफैँ पढ्छ। मोडेलले तपाईंकै डिभाइसमा विषय चिन्ह लगाउँछ र कटआउट वर्कस्पेसमा सेभ गर्न तयार भएर आउँछ।
पर्दैन, र बदल्यो भने समय र अलिकति क्वालिटी मात्र गुम्छ। कन्भर्ट गर्दा मोडेलले देख्नुअघि नै फोटो फेरि इन्कोड हुन्छ। मौलिक .webp हाल्दा सबैभन्दा सफा किनारा आउँछ, किनकि कम्प्रेसनको कुनै अतिरिक्त पुस्ताबाट केही पार भएको हुँदैन।
पारदर्शिता राख्न सक्नु र वास्तवमा केही राखिएको हुनु दुई फरक अवस्था हुन्। WebP मा सेभ गरिएको फोटोमा अपारदर्शिता च्यानलको हरेक मान ठोस नै पढिन्छ। कटआउटले ती मानलाई तपाईंको विषयवरिपरि साँचो खालीपनले बदल्छ।
भर्खर काटिएको किनाराका लागि PNG सबैभन्दा सुरक्षित ठाउँ हो। यो लॉसलेस छ, संसारका हरेक प्रोग्रामले खोल्छ, र कुनै अपलोड फारमले अस्वीकार गर्दैन। नतिजा चित्त बुझेपछि प्रकाशनका लागि WebP मा फेरि इन्कोड गर्दा पारदर्शिता पूर्ण रूपमा जोगिन्छ।
पहिलो फ्रेमबाट काटिएको स्थिर फोटो पाइन्छ। पूरै क्रम काट्नु परे फ्रेमहरू छुट्टाछुट्टै फाइलका रूपमा निर्यात गरी एकसाथ लाइनमा राख्नुहोस् — ब्याचले एकपटकमा ३० वटा सम्हाल्छ र एउटै ZIP मा फर्काउँछ।
थोरै, र सीमामै मात्र। लॉसी इन्कोडिङले अति मसिना कन्ट्रास्ट चिल्लो पार्छ, जसले कपाल वा धागोमा मोडेलले पढ्ने कुरा अलिकति घटाउँछ। पसल र CDN ले वास्तवमा प्रयोग गर्ने क्वालिटी सेटिङमा फरक देख्न तपाईंलाई गाह्रो पर्छ।
पूर्ण रूपमा। WebP ले आक्रामक रूपमा कम्प्रेस गर्छ र यहाँको निर्यात जानीजानी लॉसलेस छ, त्यसैले साइज बढ्नु सामान्य नतिजा हो। तयार PNG लाई फेरि WebP मा कन्भर्ट गर्दा धेरैजसो फिर्ता हुन्छ र अल्फा च्यानल बिना क्षति सँगै आउँछ।
हुँदैन। मोडेल एक पटक ल्याइन्छ र ब्राउजरले क्यास गर्छ, त्यसपछि हरेक फोटो WebGPU वा WebAssembly मार्फत लोकल रूपमै प्रोसेस हुन्छ। पेज लोड भएपछि नेटवर्क केबल निकाल्नुहोस् र पनि टुल ठ्याक्कै उस्तै चलिरहन्छ।
.webp हाल्नुहोस् र यो कति छिटो छ हेर्नुहोस्
कन्भर्ट गर्नु पर्दैन, अपलोड गर्नु पर्दैन, साइन गर्नु पर्दैन। एक ब्याचमा ३० फाइल, र हामीले सम्हाल्ने हरेक फर्म्याटको पछाडि उही इन्जिन।