§

प्रतिमा ड्रॉप करा किंवा निवडण्यासाठी क्लिक करा

PNG, JPEG, WebP, GIF, BMP — प्रति फाइल 30 MB पर्यंत. बॅच समर्थित.

बॅचमध्ये रूपांतरित करण्यासाठी अनेक प्रतिमा ड्रॉप करा — सर्व रूपांतरणे तुमच्या उपकरणावर होतात.

लक्ष्य स्वरूप
JPEG, WebP, आणि AVIF — PNG दोषरहित

मुंबई आणि पुण्यातील वेब टीम हा प्रकार सतत अनुभवतात. एक डिझायनर Figma एक्सपोर्ट PNG मध्ये देतो, वेबसाइटला Core Web Vitals साठी WebP लागतो, आणि बिल्ड पाइपलाइन अजून तयार नाही. फायली इथे टाका, WebP ला 0.8 गुणवत्तेवर निवडा, कन्व्हर्ट दाबा, ZIP डाउनलोड करा. संपूर्ण काम सुमारे दहा सेकंदांत होते आणि मूळ फायली तुमच्या मशीनवरच राहतात. उलट प्रक्रियाही तेवढीच जलद: ग्राहक पारदर्शकतेचा आग्रह धरतो तेव्हा JPEG-वरून-PNG, किंवा CMS वर अपलोड करण्यापूर्वी 12 MB चा प्रॉडक्ट-फोटो बॅच सुमारे 900 KB पर्यंत आणण्यासाठी PNG-वरून-JPEG. CERT-In च्या सायबर-सुरक्षा मार्गदर्शक तत्त्वांखाली काम करणाऱ्या भारतीय संस्था याच कारणासाठी ब्राउझरमध्येच चालणारी साधने पसंत करतात: स्रोत प्रतिमा बाहेरील सेवेला पाठवल्या जाऊ शकत नाहीत, आणि हा पेज लोड झाल्यानंतर पूर्णपणे JavaScript मध्ये, कोणत्याही नेटवर्क कॉलशिवाय चालतो.

ब्राउझर-आधारित प्रतिमा रूपांतरण कसे कार्य करते

प्रत्येक रूपांतरण ही तुमच्या ब्राउझरमध्ये चालणारी चार-चरणीय पाइपलाइन आहे. JPEG आणि PNG साठी ब्राउझरचे स्वतःचे Canvas API थेट एन्कोड हाताळते. Safari वरील WebP आणि प्रत्येक ब्राउझरवरील AVIF साठी पृष्ठ मागणीनुसार हलके WebAssembly कोडेक लोड करते — तरीही सर्व स्थानिक, तुमच्या प्रतिमा कधीही डिव्हाइस सोडत नाहीत.

  1. प्रत्येक अपलोड केलेली फाइल Blob म्हणून वाचते आणि एक object URL तयार करते, जेणेकरून ब्राउझर बाइट्स सर्व्हरवर कॉपी न करता किंवा डिस्कवर साठवल्याशिवाय, स्थानिक पातळीवर ती डिकोड करू शकेल.
  2. डिकोड केलेली प्रतिमा एका ऑफस्क्रीन Canvas घटकावर रेखाटते, मूळ पैलू-गुणोत्तर जपत कोणतीही आकार-मर्यादा लागू करते. तुम्ही कमाल रुंदी किंवा कमाल परिमाण निवडले असेल, तर डाउनस्केलिंग इथेच होते.
  3. PNG, JPEG आणि Chrome/Firefox WebP साठी पिक्सेल पुन्हा-एन्कोड करण्यासाठी canvas.toBlob(callback, targetMimeType, quality) कॉल करा. Safari WebP आणि AVIF एन्कोडिंगसाठी, पहिल्या वापरावर WebAssembly कोडेक वर्कर लोड होतो आणि बॅकग्राउंड थ्रेडमध्ये एन्कोड हाताळतो. PNG आउटपुट नेहमी लॉसलेस असते; JPEG, WebP आणि AVIF गुणवत्ता स्लाइडरचे पालन करतात, जे थेट एन्कोडरच्या क्वांटायझेशन सेटिंगवर मॅप होते.
  4. आउटपुट परिमाणे आणि फाइल आकारासह आधी/नंतरचे थंबनेल दाखवते, नंतर प्रत्येक प्रतिमेसाठी डाउनलोड बटण किंवा संपूर्ण बॅचसाठी एकच ZIP देते. ZIP हे fflate वापरून मेमरीमध्ये तयार होते, ही 8 KB ची लायब्ररी पूर्णपणे टॅबमध्येच चालते.

प्रतिमा स्वरूप का बदलावे?

  • PNG वरून WebP वर बदलल्याने 0.8 गुणवत्तेवर कोणतीही दृश्य गुणवत्ता-हानी न होता सामान्य फाइल आकार 25 ते 35% कमी होतात, जे थेट पेजचे वजन कमी करते आणि Core Web Vitals LCP गुण सुधारते. आठ मुख्य (hero) प्रतिमा असलेल्या सामान्य उत्पादन-तपशील पेजवर, हा 4 MB च्या पहिल्या रेंडर आणि 2.6 MB च्या रेंडरमधील फरक असतो.
  • PNG पारदर्शकता जपतो, जिथे JPEG ती टाकून देतो. PNG वरून JPEG कडे जाताना पारदर्शक पिक्सेल पांढऱ्या पार्श्वभूमीवर रेंडर होतात — गंतव्य (एखादा ईमेल क्लायंट, जुना CMS, छपाईचा साचा) मुळातच PNG स्वीकारत नसेल, तेव्हा हेच नेमके हवे असते.
  • सोशल प्लॅटफॉर्म आणि जाहिरात नेटवर्कच्या स्वरूपाबाबत कठोर अटी असतात. Facebook आणि LinkedIn फोटो अपलोडसाठी JPEG ला पसंती देतात, Twitter ची OG पूर्वावलोकन पाइपलाइन WebP स्वीकारते, आणि काही programmatic जाहिरात सर्व्हर JPEG नसलेले काहीही नाकारतात. अपलोडपूर्वी एक झटपट रूपांतरण फेरी नाकारल्या गेलेल्या जाहिरातींचा वारंवारचा त्रास टाळते.
  • CMS किंवा DAM वर अपलोड करण्यापूर्वी मिश्र-स्वरूप प्रतिमांचा (PNG स्क्रीनशॉट, JPEG फोटो, डिझायनरचे WebP एक्सपोर्ट) बॅच एकाच आउटपुट स्वरूपात प्रमाणित केल्याने ingest पाइपलाइनमधील स्वरूप-हाताळणीच्या फांद्या नाहीशा होतात. एक स्वरूप आत, एक स्वरूप बाहेर — पुढच्या टप्प्यांत खूप कमी सशर्त कोड मार्ग.

सामान्य वापर

स्रोत स्वरूप आणि गंतव्याच्या अपेक्षा जुळत नसतात तेव्हाच स्वरूप रूपांतरण समोर येते. आम्हाला पुन्हापुन्हा दिसणारे तीन प्रकार.

  • Shopify किंवा WooCommerce स्टोअरसाठी उत्पादनांचे फोटो तयार करणे. JPEG मूळ प्रती सार्वजनिक स्टोअरफ्रंटसाठी 0.85 गुणवत्तेवर WebP मध्ये रूपांतरित होतात, तर छपाई-योग्य एक्सपोर्ट आणि अजूनही WebP नाकारणाऱ्या मार्केटप्लेस यादींसाठी PNG प्रती बाजूला ठेवल्या जातात.
  • React किंवा Next.js बिल्डमध्ये येण्यापूर्वी डिझायनरने दिलेले PNG एक्सपोर्ट JPEG किंवा WebP मध्ये रूपांतरित करणे. फ्रेमवर्कची प्रतिमा पाइपलाइन एक लहान स्रोत उचलते आणि प्रॉडक्शन बंडल प्रत्येक मार्गामागे कमी बाइट्स पाठवते.
  • QA फेरीतील स्क्रीनशॉटच्या फोल्डरची बॅच-प्रक्रिया. 0.9 गुणवत्तेवर PNG वरून JPEG सामान्यतः 50-स्क्रीनशॉटचा संग्रह बग ट्रॅकर तिकिटाला जोडण्यापूर्वी सुमारे 120 MB वरून 20 MB पेक्षा कमी करतो.

एक प्रत्यक्ष उदाहरण: 2 MB PNG ते 300 KB WebP

2400×1600 पिक्सेलवरील 2 MB ची PNG मुख्य (hero) प्रतिमा मार्केटिंग लँडिंग पेजवर एक सामान्य पेलोड असते. प्रत्यक्ष पेजवर रूपांतरण किती बचत करते याचे ते एक योग्य मापदंड आहे.

अपलोड क्षेत्रात PNG ड्रॉप करा, लक्ष्य स्वरूप म्हणून WebP निवडा, गुणवत्ता 0.8 वर सेट करा, आणि पिक्सेल परिमाणे निम्मी करण्यासाठी कमाल रुंदी 1200 वर सेट करा. Canvas पाइपलाइन प्रतिमा aspect जपत 1200×800 वर रेखाटते, नंतर WebP मध्ये री-एन्कोड करते. आउटपुट कार्ड निकाल दाखवते, सामान्यतः 280 ते 320 KB च्या टप्प्यात, जो मूळच्या तुलनेत अंदाजे 85% कपात आहे. एकच फाइल मिळवण्यासाठी कार्डवर डाउनलोड करा क्लिक करा, किंवा एका फेरीत अनेक प्रतिमा रूपांतरित केल्या असतील तर पॅनेलच्या तळाशी .zip डाउनलोड करा क्लिक करा. ड्रॉप करण्यापासून डाउनलोडपर्यंतची संपूर्ण फेरी या आकाराच्या प्रतिमेसाठी काही शंभर मिलिसेकंदांत चालते आणि पेज स्वतः लोड झाल्यानंतर शून्य bandwidth वापरते.

कोणती स्वरूपे समर्थित आहेत?

इनपुट बाजूला, ब्राउझर डीकोड करू शकणारे कोणतेही फॉर्मेट स्वीकारले जाते: PNG, JPEG, WebP, GIF आणि BMP डिझायनर किंवा स्क्रीनशॉट टूल तयार करत असलेली जवळपास प्रत्येक फाइल कव्हर करतात. आउटपुट फॉर्मेट PNG (नेहमी लॉसलेस), JPEG, WebP आणि AVIF आहेत. AVIF आउटपुट WebAssembly एन्कोडरद्वारे समर्थित आहे जे प्रत्येक ब्राउझरमध्ये मागणीनुसार लोड होते — कोणत्याही नेटिव्ह Canvas एन्कोडरची आवश्यकता नाही.

हे माझ्या डिव्हाइसवर होते का?

होय, पूर्णपणे. प्रत्येक प्रतिमा मेमरीमध्ये डिकोड आणि री-एन्कोड करण्यासाठी पेज ब्राउझरचे मूळ Canvas API आणि Web File API वापरते. कोणताही प्रतिमा डेटा सर्व्हरवर पाठवला जात नाही, कोणतेही तात्पुरते अपलोड नाही, कोणतीही क्लाउड फेरी नाही. तुम्ही स्वतः पडताळून पाहू शकता: DevTools उघडा, Network पॅनेलवर जा आणि एक रूपांतरण चालवा. तुम्हाला दिसणाऱ्या एकमेव बाहेरगामी विनंत्या म्हणजे सुरुवातीचा पेज लोड आणि जाहिरात कॉल. प्रतिमेसारखे काहीही टॅब सोडत नाही.

PNG आणि JPEG मधील गुणवत्तेची तडजोड काय आहे?

PNG हे लॉसलेस स्वरूप आहे. प्रत्येक पिक्सेल एन्कोड चक्रातून अचूकपणे टिकून राहतो, ज्यामुळे PNG हे स्क्रीनशॉट, UI टिपणे आणि तीक्ष्ण कडा किंवा मोठ्या सपाट-रंगाच्या भागांसाठी योग्य पर्याय ठरते. JPEG DCT संपीडन वापरते आणि डोळ्यांना क्वचितच जाणवणारे बारीक तपशील टाकून देते, ज्यामुळे ते छायाचित्रांसाठी योग्य ठरते. गुणवत्ता 0.8 हा एक सामान्य उत्तम बिंदू आहे, जिथे मूळशी दृश्य फरक ओळखणे कठीण असते पण फाइल PNG समकक्षापेक्षा 4 ते 6 पट लहान पडते. WebP लॉसलेस आणि लॉसी अशा दोन्ही पद्धतींत काम करू शकतो; इथला गुणवत्ता स्लायडर लॉसी एन्कोडर चालवतो, आणि 0.85 गुणवत्तेवर WebP नैसर्गिक-छायाचित्र सामग्रीवर JPEG पेक्षा सामान्यतः 25 ते 30% सरस ठरतो.

AVIF आउटपुट कसे कार्य करते?

AVIF एन्कोडिंग WebAssembly कोडेक वापरते जे तुम्ही प्रथमच AVIF फॉर्मेट निवडता तेव्हा मागणीनुसार लोड होते — कोणतेही प्लगइन नाही, कोणतेही ब्राउझर फ्लॅग नाही, भविष्यातील Chrome रिलीझची प्रतीक्षा नाही. WASM बायनरी आमच्या स्वतःच्या ओरिजिनमधून सर्व्ह केली जाते, तुमची प्रतिमा पूर्णपणे बॅकग्राउंड थ्रेडमध्ये एन्कोड करते आणि डाउनलोडसाठी तयार असलेला मानक image/avif ब्लॉब परत करते. एकमेव नेटवर्क विनंती म्हणजे कोडेकची स्वतःची एक-वेळची फेच; कोणताही प्रतिमा डेटा तुमचे डिव्हाइस कधीही सोडत नाही. एकदा लोड झाल्यावर, एन्कोडर सत्रासाठी कॅशे राहतो ज्यामुळे पुढील रूपांतरणे जलद होतात. AVIF फाइल्स सामान्यतः समतुल्य गुणवत्तेत WebP पेक्षा 20-30% लहान आणि JPEG पेक्षा 50% लहान असतात, ज्यामुळे त्या कार्यक्षमता-संवेदनशील साइट्ससाठी सर्वोत्तम पर्याय बनतात.

तुमच्या प्रतिमा ड्रॉप करा, स्वरूप निवडा, रूपांतरित करा. सर्व काही तुमच्या टॅबमध्ये चालते — अपलोड नाही, खाते नाही, सर्व्हर रांगेची प्रतीक्षा नाही.