तेजी से लोड होने वाले पृष्ठ उपयोगकर्ताओं को आपकी वेबसाइट ब्राउज़ करते समय एक बेहतर अनुभव देंगे और आपकी वेबसाइट की खोज इंजन रैंकिंग में सुधार करेंगे। जबकि कई कारक पृष्ठ को धीरे-धीरे लोड करने में योगदान कर सकते हैं, छवियों का पृष्ठ गति पर सबसे अधिक प्रभाव पड़ता है, जो औसत वेब पेज के कुल आकार का लगभग आधा है।
एचटीटीपी आर्काइव स्टेट ऑफ इमेजेज रिपोर्ट से पता चलता है कि वेब पेज पर छवि अनुरोधों की औसत संख्या 25 है, जो डेस्कटॉप ब्राउज़र पर 988.5 केबी और मोबाइल पर 881.9 केबी के औसत वजन में योगदान करती है। वेब पेजों पर छवियों का कुल वजन हर साल बढ़ता जा रहा है, जिससे इंटरनेट की गति समय के साथ तेज होने के किसी भी लाभ को समाप्त कर देती है।
यदि आपने कभी GTMetrix, Google PageSpeed Insights, या Pingdom वेबसाइट स्पीड टेस्ट जैसे वेबसाइट प्रदर्शन टूल का उपयोग किया है, तो आपको पहले से पता चल जाएगा कि कितनी छवियां आपके प्रदर्शन स्कोर को नुकसान पहुंचा सकती हैं। इसलिए आपकी वेबसाइट पर प्रदर्शित होने वाली प्रत्येक छवि को अनुकूलित करना महत्वपूर्ण है ताकि छवियों के कुल पदचिह्न पृष्ठ लोडिंग समय में वृद्धि न करें।
स्रोत:"छवियों का चरण" - httparchive.org
अतीत में, प्रत्येक छवि को वर्डप्रेस पर अपलोड करने से पहले एक फोटो संपादक का उपयोग करके अनुकूलित किया जाना था क्योंकि वर्डप्रेस का मुख्य संस्करण कोई प्रदर्शन उपकरण प्रदान नहीं करता है। शुक्र है, वर्डप्रेस छवि अनुकूलक प्लगइन्स के रूप में यह समय लेने वाला कार्य अब आवश्यक नहीं है अब आपके लिए कड़ी मेहनत करें, आपकी वर्डप्रेस मीडिया लाइब्रेरी में अपलोड की गई प्रत्येक छवि को स्वचालित रूप से संपीड़ित करें।
आपकी वेबसाइट के पेज लोडिंग समय को बेहतर बनाने में आपकी मदद करने के लिए, मैं यह समझाने जा रहा हूं कि वर्डप्रेस इमेज ऑप्टिमाइजेशन कैसे काम करता है और उपलब्ध सर्वोत्तम वर्डप्रेस इमेज कंप्रेशन प्लगइन्स की तुलना करें।
वर्डप्रेस इमेज ऑप्टिमाइज़र प्लगइन्स क्या करते हैं?
वर्डप्रेस इमेज ऑप्टिमाइजेशन का समग्र लक्ष्य छवि फ़ाइलों के आकार को उनकी गुणवत्ता को प्रभावित किए बिना कम करना है। इसे कई तरीकों से हासिल किया जा सकता है।
- छवि संकल्प को कम करना - इमेज की चौड़ाई और ऊंचाई कम करना
- मेटाडेटा निकाला जा रहा है - ExiF मेटाडेटा जैसे निर्माण तिथि, शटर गति, कॉपीराइट जानकारी, भौगोलिक स्थान और अधिक को हटाना
- छवि संपीड़न - छवि की गुणवत्ता कम करना
- छवि प्रारूप बदलें - छवि को अधिक कुशल छवि प्रारूप में बदलना
हालांकि वर्डप्रेस के लिए इमेज ऑप्टिमाइजेशन प्लगइन्स अलग-अलग सुविधाएं प्रदान करते हैं, वे आम तौर पर एक समान तरीके से काम करते हैं।
जब छवियों को संपीड़ित करने की बात आती है, तो आप छवियों को अपलोड करते ही मैन्युअल रूप से या स्वचालित रूप से छवियों को संपीड़ित करना चुन सकते हैं। थोक संपीड़न का उपयोग आपकी संपूर्ण वर्डप्रेस मीडिया लाइब्रेरी को अनुकूलित करने के लिए किया जा सकता है। यह पहले से अपलोड की गई छवियों के फ़ाइल आकार को कम करने का एक व्यावहारिक तरीका है, लेकिन ध्यान रखें कि यह आपकी वर्डप्रेस वेबसाइट को अस्थायी रूप से धीमा कर सकता है यदि आपकी वेबसाइट पर एक ही बार में कई छवियों को सीधे संसाधित किया जाता है।
छवियों को दोषरहित . का उपयोग करके अनुकूलित किया जा सकता है या हानिकारक संपीड़न। दोषरहित संपीड़न के साथ, छवि के फ़ाइल आकार को कम करने के लिए अनावश्यक मेटाडेटा को छवि से हटाया जा सकता है, हालांकि मूल छवि गुणवत्ता को बनाए रखा जाता है। हटाए गए मेटाडेटा को संग्रहीत करना और मूल छवि को बाद में पुनर्स्थापित करना भी संभव है।
हानिपूर्ण संपीड़न अधिक आक्रामक है। यह छोटे फ़ाइल आकार की ओर जाता है, लेकिन इसका मतलब यह भी है कि छवि गुणवत्ता कम हो जाती है। एक बार हानिपूर्ण संपीड़न का उपयोग करके एक छवि को संपीड़ित करने के बाद, इसे इसकी मूल गुणवत्ता में पुनर्स्थापित नहीं किया जा सकता है। यदि आप चाहें तो छवि में मेटाडेटा को संरक्षित किया जा सकता है, लेकिन यदि इसे हटा दिया जाता है तो इसे बाद में पुनर्प्राप्त नहीं किया जा सकता है। शुक्र है, कई वर्डप्रेस इमेज ऑप्टिमाइज़र प्लगइन्स ने इस समस्या का समाधान किया है, जिससे आप मूल छवि को बनाए रख सकते हैं ताकि इसे बाद में पुनर्स्थापित किया जा सके।
प्रत्येक संपीड़न विधि के पक्ष और विपक्ष हैं, हालांकि अधिकांश वेबसाइट मालिकों द्वारा हानिपूर्ण संपीड़न का समर्थन किया जाता है क्योंकि यह छवि फ़ाइल आकार में सबसे बड़ी कमी प्रदान करता है और इसलिए पृष्ठ लोडिंग समय में सबसे बड़ा सुधार करता है। वर्डप्रेस के लिए इमेज ऑप्टिमाइज़ेशन प्लगइन्स आपको यह नियंत्रित करने दे सकते हैं कि जब आप हानिपूर्ण उपयोग करते हैं तो कितना संपीड़न लागू होता है, लेकिन इस तथ्य से सावधान रहें कि भारी संपीड़न से छवि गुणवत्ता में बड़ा नुकसान होगा।
| संपीड़न का प्रकार | पेशेवरों | विपक्ष |
|---|---|---|
| दोषरहित | छवि गुणवत्ता में कोई कमी नहीं | छवि फ़ाइल आकार बहुत कम नहीं हैं |
| हानिकारक | छवि फ़ाइल आकार में भारी बचत | संपीड़ित चित्र निम्न गुणवत्ता वाले होते हैं |
लोकप्रिय वर्डप्रेस इमेज कम्प्रेशन प्लगइन्स पेज लोडिंग समय पर छवियों के वजन को कम करने के लिए कई अतिरिक्त टूल प्रदान करते हैं।
- आलसी लोड हो रहा है - उपयोगकर्ता द्वारा पृष्ठ के उस हिस्से तक स्क्रॉल करने पर केवल एक छवि प्रदर्शित करके प्रारंभिक पृष्ठ लोड समय में सुधार करें
- सीडीएन छवि होस्टिंग - KeyCDN या Cloudflare जैसे सामग्री वितरण नेटवर्क का उपयोग करके वैश्विक छवि वितरण गति को गति दें (जेटपैक के इस संस्करण को साइट एक्सेलेरेटर कहा जाता है!)
- अनुकूली छवियां - उपयोगकर्ता द्वारा उपयोग किए जा रहे डिवाइस के आधार पर छवि का सही आकार वितरित करें
- वेबपी छवि समर्थन - कुशल वेबपी छवि प्रारूप के लिए मूल समर्थन
पिछले कुछ वर्षों में सबसे बड़े विकासों में से एक Google के वेबपी छवि प्रारूप को अपनाना रहा है, जो अब 95% से अधिक इंटरनेट ब्राउज़रों द्वारा समर्थित है। Google बताता है कि यह छवि प्रारूप बेहतर दोषरहित और हानिपूर्ण संपीड़न प्रदान करता है, जिसमें WebP छवियां PNG छवियों से 26% छोटी और JPEG छवियों से 25-34% छोटी होती हैं।
लेखन के समय, दुर्भाग्य से वर्डप्रेस में वेबपी छवि फ़ाइलों को अपलोड या देखना संभव नहीं है, इसलिए आपको जेपीईजी और पीएनजी छवियों को अपलोड करने और छवि अनुकूलन प्लगइन या वेबपी रूपांतरण प्लगइन जैसे मीडिया के लिए वेबपी कनवर्टर का उपयोग करके उन्हें परिवर्तित करने की आवश्यकता है। अपने निजी ब्लॉग पर, मैं Cloudflare के पोलिश इमेज कंप्रेशन टूल का उपयोग करके लेखों में WebP इमेज प्रदर्शित कर रहा हूं, जो Cloudflare के सर्वर पर इमेज को कंप्रेस करता है।
अन्य छवि प्रारूप जिन्हें आप संदर्भित देख सकते हैं, वे हैं AVIF और JPEG XL, हालांकि इस समय उनके लिए महान ब्राउज़र समर्थन नहीं है।
सर्वश्रेष्ठ वर्डप्रेस इमेज ऑप्टिमाइज़र प्लगइन्स (परीक्षण परिणाम शामिल)
आज बाजार में सबसे अच्छे वर्डप्रेस इमेज ऑप्टिमाइज़र प्लगइन्स के बारे में जानने का समय आ गया है:स्मश, ईडब्ल्यूडब्ल्यूडब्ल्यू इमेज ऑप्टिमाइज़र, इमेजिफाई, ऑप्टिमोल, शॉर्टपिक्सल, डब्ल्यूपी कंप्रेस और टाइनीपीएनजी।
यह प्रदर्शित करने में सहायता के लिए कि प्रत्येक प्लगइन का उपयोग करके फ़ाइल आकार कैसे कम किया जा सकता है, मैंने उसी जेपीईजी छवि और पीएनजी फ़ाइल को दोषरहित और हानिपूर्ण संपीड़न (जहां भी संभव हो) का उपयोग करके संपीड़ित किया है।
एक कारक जिसे मैं इस लेख में बाद में देखूंगा वह है लागत। अधिकांश वर्डप्रेस छवि अनुकूलन समाधान एक फ्रीमियम मॉडल के तहत जारी किए जाते हैं, इसलिए आपको उम्मीद करनी चाहिए कि कोर संस्करण किसी तरह से प्रतिबंधित हो। जबकि कुछ अनुकूलन प्लगइन्स सुविधाओं को सीमित करते हैं, छवि संपीड़न की संख्या सीमित होना भी सामान्य है। इसलिए, लंबे समय तक अपने पसंदीदा छवि अनुकूलन समाधान का उपयोग करने के लिए आपको मासिक शुल्क का भुगतान करना पड़ सकता है।
छवि अनुकूलन प्रदर्शन का परीक्षण करना काफी कठिन है क्योंकि उपलब्ध कॉन्फ़िगरेशन विकल्प विभिन्न समाधानों के बीच और प्रत्येक प्लगइन के मुफ्त और प्रीमियम संस्करणों के बीच भी भिन्न होते हैं। इसलिए, मैंने प्रत्येक वर्डप्रेस प्लगइन के मुफ्त संस्करण का उपयोग करके अपने परीक्षण किए क्योंकि वे अधिक व्यापक रूप से उपयोग किए जाते हैं। कुछ समाधानों में अधिकतम फ़ाइल आकार अपलोड का अनुपालन करने के लिए, वर्डप्रेस पर अपलोड करने से पहले दोनों परीक्षण छवियों को 2,000 पिक्सेल में बदल दिया गया था। प्रत्येक परीक्षण के दौरान भी छवियों से मेटाडेटा छीन लिया गया था।
आइए देखें कि प्रत्येक वर्डप्रेस इमेज कंप्रेशन प्लगइन के मुफ्त संस्करण ने कैसा प्रदर्शन किया।
| वर्डप्रेस प्लगइन | संपीड़न का प्रकार | <वें वर्ग ="है-पाठ-संरेखण-केंद्र" डेटा-संरेखण ="केंद्र">जेपीईजीNotes | ||
|---|---|---|---|---|
| स्मश | दोषरहित और हानिपूर्ण | 5.6% | 13.3% | स्मश का मुफ़्त संस्करण केवल थंबनेल छवियों को अनुकूलित करता है, इसलिए संपीड़न परीक्षण के लिए एक थंबनेल छवि का उपयोग किया गया था |
| EWWW छवि अनुकूलक | दोषरहित और हानिपूर्ण | 87.9% | 53.8% | WebP का उपयोग करके प्राप्त सर्वोत्तम बचत |
| कल्पना करें | दोषरहित और हानिपूर्ण | 85.6% | 70% | फ़ाइल अपलोड प्रतिबंध के कारण JPEG के लिए उपयोग की जाने वाली छोटी छवि |
| ऑप्टिमोल | दोषरहित और हानिपूर्ण | 91.6% | 44.4% | छवि गुणवत्ता सेटिंग बदलने से PNG फ़ाइल का आकार प्रभावित नहीं हुआ |
| लघु पिक्सेल | दोषरहित और हानिपूर्ण | 93.4% | 67.3% | WebP ने गुणवत्ता और फ़ाइल आकार का सबसे अच्छा संतुलन दिया |
| WP कंप्रेस | दोषरहित और हानिपूर्ण | 89.1% | 48.3% | WebP छवि फ़ाइलें तीन वैकल्पिक संपीड़न मोड से बड़ी थीं |
| जेपीईजी और पीएनजी छवियों को संपीड़ित करें | हानिकारक | 86.3% | 55.3% | केवल एक संपीड़न स्तर उपलब्ध है |
ये छवि परीक्षण यह प्रदर्शित करने में मदद करते हैं कि प्रत्येक समाधान ने मेरी नमूना छवियों को कैसे संभाला, लेकिन कृपया याद रखें कि इस प्रकार की तुलना निर्णायक से बहुत दूर है क्योंकि प्रत्येक समाधान संपीड़न का एक अलग स्तर लागू करता है। संपीड़ित छवियों की गुणवत्ता का विश्लेषण करना और उनके बीच उचित तुलना करना भी मुश्किल है।
इन वर्डप्रेस प्लगइन्स की बेहतर समझ के लिए और इन परिणामों की गणना कैसे की जाती है, कृपया 🙂
. पर पढ़ें1. स्मश
एक मिलियन से अधिक सक्रिय इंस्टॉलेशन के साथ, स्मश वर्तमान में इंटरनेट पर वर्डप्रेस के लिए सबसे लोकप्रिय इमेज ऑप्टिमाइजेशन प्लगइन है। प्लगइन को आलसी लोडिंग के लिए बहुत अच्छा समर्थन है और इसका बल्क ऑप्टिमाइज़ टूल आपकी वर्डप्रेस मीडिया लाइब्रेरी से या वर्डप्रेस अपलोड निर्देशिका के बाहर छवि निर्देशिकाओं से एक बार में 50 छवियों को संपीड़ित कर सकता है। एक अच्छी सुविधा भी है जो उन छवियों का पता लगाती है जो उनके कंटेनर के लिए बहुत छोटी या बड़ी हैं।
5 एमबी तक की पीएनजी, जेपीईजी और जीआईएफ इमेज फाइल को स्मश में मुफ्त में कंप्रेस किया जा सकता है। सभी छवियों को दोषरहित संपीड़न का उपयोग करके अनुकूलित किया जा सकता है और आपकी पसंदीदा अधिकतम चौड़ाई और ऊंचाई में आकार बदला जा सकता है। एक नया "सुपर-स्मश" विकल्प भी उपलब्ध है जो बहु-पास हानिपूर्ण संपीड़न का उपयोग करके दोगुने अनुकूलन का वादा करता है।
विडंबना यह है कि जब तक आप अपग्रेड नहीं करते, तब तक छवि का पूर्ण आकार का संस्करण अनुकूलित नहीं होता है, इसलिए केवल थंबनेल छवियों को संकुचित किया जाता है।
स्मश के अनुकूलन प्रतिबंधों का मतलब है कि मैं अपनी परीक्षण छवियों के पूर्ण आकार के संस्करणों को संपीड़ित करने में सक्षम नहीं था। केवल मेरी छवि के थंबनेल स्मश द्वारा संकुचित किए गए थे। चूंकि वर्डप्रेस 5.3 ने 1,536×1,536 पिक्सल और 2,048×2,048 पिक्सल के नए थंबनेल आकार पेश किए, इसलिए प्रत्येक परीक्षण छवि के लिए उत्पन्न सबसे बड़े थंबनेल की चौड़ाई 1,536 पिक्सल थी।
मुझे स्मश का निष्पक्ष परीक्षण करने के लिए वर्कअराउंड का उपयोग करना पड़ा, मूल छवि थंबनेल की तुलना करते हुए, स्मश के सक्रिय होने से पहले उत्पन्न वर्डप्रेस को स्मश द्वारा संसाधित संपीड़ित थंबनेल छवि के साथ सक्रिय किया गया था।
परिणामों से पता चला कि Smush मेरी JPEG थंबनेल छवि को 5.6% और मेरी PNG थंबनेल छवि को 13.3% तक कम करने में सक्षम था
| छवि प्रकार | Image Size | थंबनेल साइज | <वें वर्ग ="है-पाठ-संरेखण-केंद्र" डेटा-संरेखण ="केंद्र">थंबनेल आकारऑप्टिमाइज़ेशन | |
|---|---|---|---|---|
| JPEG | 4.06 MB | 422 KB | 398 KB | 5.6% है (24 केबी) |
| PNG | 327.5 KB | 316 KB | 274 KB | 13.3% (42 केबी) |
उपयोग करने के लिए स्वतंत्र होने के बावजूद, मुझे स्मश का मुफ्त संस्करण बहुत प्रतिबंधात्मक लगा क्योंकि आप केवल थंबनेल छवियों को संपीड़ित कर सकते हैं और मेरे द्वारा उपयोग किए गए दोषरहित संपीड़न ने छवि फ़ाइल आकार को महत्वपूर्ण रूप से कम नहीं किया। "सुपर स्मश" बेहतर हानिपूर्ण संपीड़न प्रदान करता है, लेकिन स्मश प्रो एक बेहतर अनुभव प्रदान करता है।
स्मश प्रो में छवि फ़ाइल आकार पर कोई प्रतिबंध नहीं है और इसका बल्क ऑप्टिमाइज़ेशन टूल असीमित संख्या में छवियों को एक क्लिक में संपीड़ित करने की अनुमति देता है। मूल छवियों को भी सहेजा जा सकता है और वेबपी फाइलों के लिए समर्थन है। एक और बिक्री बिंदु स्मश प्रो का कंटेंट डिलीवरी नेटवर्क है, जो आपको दुनिया भर के 45 स्थानों से छवियों को वितरित करने के लिए 10 जीबी मासिक बैंडविड्थ देता है।
स्मश प्रो सभी प्रीमियम WPMU देव योजनाओं के साथ शामिल है। WPMU देव के लिए एक एकल लाइसेंस $90 प्रति वर्ष की दर से बिकता है, जो कि $7.50 प्रति माह की प्रभावी दर है। यह अनलिमिटेड इमेज स्टोरेज, 5GB सीडीएन स्टोरेज और 5GB वेबसाइट बैकअप स्टोरेज प्रदान करता है। उच्च स्तरीय योजनाएं अतिरिक्त सीडीएन और बैकअप संग्रहण प्रदान करती हैं।
स्मश के फायदे
- बिना मासिक शुल्क के असीमित छवि संपीड़न
- गैर-वर्डप्रेस निर्देशिकाओं से छवियों को संपीड़ित करने की अनुमति देता है
- कई उपयोगी अनुकूलन विकल्प और तृतीय-पक्ष वर्डप्रेस प्लगइन्स के लिए बढ़िया समर्थन
- स्मश प्रो का प्रतिस्पर्धी मूल्य है और इसमें सामग्री वितरण नेटवर्क का उपयोग शामिल है
स्मश के नुकसान
- निःशुल्क संस्करण केवल छवि थंबनेल अनुकूलित करता है
- निःशुल्क संस्करण फ़ाइल आकार को 5MB तक सीमित करता है
- वेबपी समर्थन और असीमित बल्क इमेज ऑप्टिमाइज़ेशन के लिए आपको स्मश प्रो में अपग्रेड करना होगा
2. EWWW छवि अनुकूलक
EWWW इमेज ऑप्टिमाइज़र एक वर्डप्रेस प्लगइन है जिसे मैं अच्छी तरह से जानता हूं क्योंकि मैं इसे अपनी वेबसाइटों पर कुछ वर्षों से उपयोग कर रहा हूं। यह उपयोग करने के लिए सबसे अच्छा मुफ्त वर्डप्रेस इमेज ऑप्टिमाइज़र प्लगइन्स में से एक है क्योंकि इसमें संपीड़ित छवियों की संख्या पर कोई प्रतिबंध नहीं है और अपलोड की गई छवियों के आकार पर कोई प्रतिबंध नहीं है।
EWWW छवि अनुकूलक JPEG, PNG, SVG और GIF छवियों के संपीड़न का समर्थन करता है। छवियों का आकार बदला जा सकता है और वेबपी जैसे अन्य छवि प्रारूपों में परिवर्तित किया जा सकता है। बल्क ऑप्टिमाइज़र टूल असीमित संख्या में छवियों को संसाधित कर सकता है और मूल फ़ाइलों को संपीड़न के बाद रखा जा सकता है। आप निर्देशिका के सर्वर पथ को निर्दिष्ट करके वर्डप्रेस के बाहर मीडिया को अनुकूलित और अनुकूलित भी कर सकते हैं।
EWWW इमेज ऑप्टिमाइज़र का मुख्य संस्करण JPG, PNG और GIF छवियों के लिए दोषरहित संपीड़न प्रदान करता है, जिसे डेवलपर्स पिक्सेल परफेक्ट कहते हैं। पीएनजी के लिए प्रीमियम नामक एक हानिपूर्ण संपीड़न मोड भी निःशुल्क उपलब्ध है।
मैं अपनी जेपीईजी और पीएनजी परीक्षण छवियों को दोषरहित संपीड़न का उपयोग करके 3.8% तक कम करने में सक्षम था, हालांकि हानिपूर्ण संपीड़न मेरी पीएनजी छवि को 49.6% तक कम करने में सक्षम था।
| छवि प्रकार | Image Size | दोषरहित | ऑप्टिमाइज़ेशन | हानिकारक | ऑप्टिमाइज़ेशन |
|---|---|---|---|---|---|
| JPEG | 4.06 MB | 3.88 MB | 4.4% (177.5 केबी) | – | – |
| PNG | 327.5 KB | 315 KB | 3.8% (12.5 केबी) | 162.6 KB | 49.6% (164.9 KB) |
मैंने छवियों को वेबपी में परिवर्तित करके बड़ी फ़ाइल कटौती देखी। जब मैंने हानिपूर्ण संपीड़न का उपयोग किया तो इसने मेरी JPEG छवि को 87.9% और मेरी PNG छवि को 53.8% तक कम कर दिया।
| छवि प्रकार | Image Size | WebP - दोषरहित | ऑप्टिमाइज़ेशन | WebP - हानिपूर्ण | ऑप्टिमाइज़ेशन |
|---|---|---|---|---|---|
| JPEG | 4.06 MB | 492.8 KB | 87.9% (3.57 एमबी) | – | – |
| PNG | 327.5 KB | 224.1 KB | 31.6% (103.4 KB) | 151.3 KB | 53.8% (176.2 केबी) |
EWWW इमेज ऑप्टिमाइज़र का प्रीमियम संस्करण एकल लाइसेंस के लिए प्रति माह $7 पर रिटेल करता है। यह संस्करण पीडीएफ दस्तावेजों को संपीड़ित करने के लिए समर्थन जोड़ता है और तीन हानिपूर्ण संपीड़न मोड को अनलॉक करता है। इसमें ईज़ी इमेज ऑप्टिमाइज़र भी शामिल है, जो सीडीएन को अनुकूलित करने वाली एक अनुकूली छवि है जो छवियों को देखे जाने पर स्वचालित रूप से संपीड़ित, परिवर्तित और स्केल करता है। जावास्क्रिप्ट और सीएसएस प्रदर्शन उपकरण भी उपलब्ध हैं।
उनके सीडीएन के संयुक्त राज्य अमेरिका और यूरोप में स्थान हैं, जिसमें एकल लाइसेंस उपयोगकर्ताओं को 200 जीबी बैंडविड्थ की पेशकश की जा रही है। $15 प्रति माह का लाइसेंस न केवल दस वेबसाइटों पर EWWW इमेज ऑप्टिमाइज़र प्रो के उपयोग की अनुमति देता है बल्कि वैश्विक सीडीएन डिलीवरी और 400 जीबी बैंडविड्थ को भी अनलॉक करता है।
EWWW छवि अनुकूलक के लाभ
- छवि फ़ाइल आकार पर कोई प्रतिबंध नहीं
- बिना मासिक शुल्क के असीमित छवि संपीड़न
- वेबपी छवि रूपांतरण फ़ाइल आकार को काफी कम कर देता है
- बल्क ऑप्टिमाइज़र आपको एक क्लिक से सभी छवियों को अनुकूलित करने देता है और गैर-वर्डप्रेस निर्देशिका समर्थित हैं
EWWW छवि अनुकूलक के नुकसान
- हानिकारक संपीड़न केवल प्रीमियम संस्करण में JPEG के लिए उपलब्ध है
- ग्लोबल सीडीएन केवल $15 प्रति माह प्रीमियम योजना में उपलब्ध है
3. कल्पना करें
इमेजिफाई एक वर्डप्रेस इमेज ऑप्टिमाइज़ेशन सेवा है जो वर्डप्रेस कैशिंग प्लगइन WP रॉकेट के डेवलपर्स द्वारा बनाई गई थी। प्लगइन आपको JPEG, PNG, GIF और PDF फ़ाइल स्वरूपों को परिवर्तित करने की अनुमति देता है।
इमेजिफाई वर्डप्रेस प्लगइन का उपयोग करने के लिए, आपको उनके साथ एक खाता बनाना होगा और प्लगइन सेटिंग्स क्षेत्र में प्रदान की गई एपीआई कुंजी दर्ज करनी होगी।
इमेजिफाई ने एक सरल यूजर इंटरफेस अपनाया है जो एक पेज पर सभी सेटिंग्स को प्रदर्शित करता है। यह दृष्टिकोण कई वेबसाइट स्वामियों के लिए अपील करेगा, लेकिन उन्नत उपयोगकर्ता उपलब्ध कॉन्फ़िगरेशन विकल्पों की कमी से प्रतिबंधित महसूस कर सकते हैं।
अपलोड पर छवियों को स्वचालित रूप से अनुकूलित करने, मूल छवियों को रखने, मेटाडेटा पट्टी करने और थंबनेल आकार को अनुकूलन से बाहर करने के विकल्प हैं। छवियों को एक निर्दिष्ट अधिकतम चौड़ाई में आकार दिया जा सकता है और आप अनुकूलित करने के लिए कस्टम फ़ोल्डर से छवियों का चयन कर सकते हैं। इमेजिफाई वेबपी छवि प्रारूप का भी समर्थन करता है और सामग्री वितरण नेटवर्क से वेबपी छवियों को वितरित कर सकता है।
थोक अनुकूलन एक अलग पृष्ठ पर किया जा सकता है। यह आपके पसंदीदा संपीड़न स्तर को एक निर्देशिका में सभी छवियों पर लागू करने का एक त्वरित तरीका है।
इमेजिफाई तीन संपीड़न विकल्प प्रदान करता है:सामान्य, आक्रामक और अल्ट्रा। सामान्य उपयोग दोषरहित संपीड़न, जबकि आक्रामक और अति उपयोग हानिपूर्ण। डेवलपर्स ध्यान दें कि आक्रामक मोड का उपयोग करके गुणवत्ता में अंतर मुश्किल से ध्यान देने योग्य है, लेकिन चेतावनी देते हैं कि अल्ट्रा मोड छवि में गिरावट दिखा सकता है।
इमेजिफाई के बारे में अच्छी बात यह है कि आप किसी भी समय एक अलग संपीड़न सेटिंग का उपयोग करके एक छवि को फिर से अनुकूलित कर सकते हैं। आप कंप्रेस्ड इमेज की गुणवत्ता की मूल इमेज से तुलना करने के लिए इमेजिफाई के इमेज तुलना टूल का भी उपयोग कर सकते हैं।
दुर्भाग्य से, इमेजिफाई मुफ्त खातों में फ़ाइल अपलोड को केवल 2MB तक सीमित करता है, इसलिए मुझे अपनी JPEG फ़ाइल का परीक्षण करने के लिए अपनी JPEG छवि की चौड़ाई 2,000 पिक्सेल से घटाकर 1,350 पिक्सेल करनी पड़ी। इस छोटी छवि का उपयोग करके, हानिपूर्ण संपीड़न छवि फ़ाइल आकार को 39.9% तक कम करने में सक्षम था, जबकि हानिपूर्ण संपीड़न ने इसे 85% और 85.6% तक कम कर दिया था
मेरी पीएनजी छवि के साथ, हानिपूर्ण संपीड़न ने फ़ाइल का आकार 10% कम कर दिया। जब मैंने इसके बजाय हानिपूर्ण संपीड़न का चयन किया, तो बचत बढ़कर 68.6% और 70% हो गई।
| छवि प्रकार | Image Size | दोषरहित (सामान्य) | ऑप्टिमाइज़ेशन | हानिकारक (आक्रामक) | ऑप्टिमाइज़ेशन | हानिकारक (अल्ट्रा) | ऑप्टिमाइज़ेशन |
|---|---|---|---|---|---|---|---|
| JPEG | 1.93 MB | 1.16 MB | 39.9% (0.77 एमबी) | 289.37 KB | 85% (1.64 एमबी) | 277.3 KB | 85.6% (1.65 एमबी) |
| PNG | 327.5 KB | 294.5 KB | 10% (33 केबी) | 102.9 KB | 68.6% (224.6 केबी) | 98.1 KB | 70% (229.4 KB) |
इमेजिफाई की मुफ्त योजना उदार से बहुत दूर है। फ़ाइल अपलोड को प्रत्येक 2MB तक सीमित करने के अलावा, यह आपको प्रति माह केवल 20 MB संपीड़न का आवंटन देता है और आपके आवंटन पर आपसे $8 प्रति अतिरिक्त GB शुल्क लिया जाएगा। वे सलाह देते हैं कि 20 एमबी 200 छवियों के लिए उपयुक्त है, लेकिन मेरा मानना है कि 40 से 50 छवियां एक बेहतर अनुमान है।
उनकी विकास योजना $4.99 प्रति माह पर बिकती है। यह हर महीने 500 एमबी संपीड़न की अनुमति देता है और आपके आवंटन पर $ 5 प्रति अतिरिक्त जीबी चार्ज करता है। $9.99 प्रति माह की अनंत योजना असीमित संख्या में संपीड़न की अनुमति देती है।
इमेजिफाई के फायदे
- एक रंगीन उपयोगकर्ता-इंटरफ़ेस जिसका उपयोग करना आसान है
- किसी भी समय अलग संपीड़न विधि का उपयोग करके छवियों को फिर से अनुकूलित किया जा सकता है
- थोक अनुकूलन को अलग-अलग निर्देशिकाओं पर संसाधित किया जा सकता है
कल्पना करें . के नुकसान
- संपीड़न अन्य समाधानों की तुलना में धीमा प्रतीत होता है
- प्रति माह 20 एमबी छवि संपीड़न का मतलब है कि इमेजिफाई की मुफ्त योजना केवल सेवा के परीक्षण के लिए उपयुक्त है
- उन्नत उपयोगकर्ताओं को अनुकूलन विकल्पों की कमी निराशाजनक लग सकती है
4. ऑप्टिमोल
ऑप्टिमोल एक क्लाउड-आधारित वर्डप्रेस इमेज ऑप्टिमाइज़ेशन प्लगइन है जो फ्लाई पर छवियों को संपीड़ित करता है और फिर उपयोगकर्ताओं को उनके द्वारा उपयोग किए जा रहे डिवाइस के आधार पर सही छवि प्रदान करता है। कंपनी दुनिया भर में 225 से अधिक स्थानों से आगंतुकों को चित्र प्रदान करने के लिए अमेज़ॅन के सामग्री वितरण नेटवर्क क्लाउडफ्रंट का उपयोग करती है।
सभी छवि प्रकार ऑप्टिमोल द्वारा समर्थित हैं। छवियों को वेबपी प्रारूप में भी वितरित किया जाता है यदि कोई विज़िटर का ब्राउज़र इसका समर्थन करता है, हालांकि छवि अभी भी मूल फ़ाइल एक्सटेंशन का उपयोग करेगी।
इमेजिफाई की तरह, आपको उनकी सेवा का उपयोग करने के लिए ऑप्टिमोल के साथ एक खाता बनाना होगा। उनकी मुफ्त योजना आपको उनकी सेवा तक पूर्ण पहुंच प्रदान करती है जब तक कि आप अपनी वेबसाइटों पर 5,000 मासिक विज़िटर से अधिक न हों।
एक बार जब आप अपना खाता एपीआई कुंजी दर्ज कर लेते हैं, तो आपको वर्डप्रेस मीडिया मेनू में ऑप्टिमोल का सेटिंग पेज दिखाई देगा। यहां आपको स्केलिंग और आलसी लोडिंग, इमेज रिसाइज़िंग और स्मार्ट इमेज क्रॉपिंग के विकल्प दिखाई देंगे। सभी छवि URL को अनुकूलित छवि URL से बदलने और सभी छवियों को Optimole के सर्वर पर लोड करने के विकल्प भी हैं। छवियों को अनुकूलन से भी बाहर रखा जा सकता है।
आप दोषरहित या हानिपूर्ण संपीड़न का कोई संदर्भ नहीं देखेंगे। इसके बजाय, ऑप्टिमोल आपको 50 और 100 के मान के बीच सभी छवियों के लिए छवि गुणवत्ता सेट करने देता है। निम्न (55), मध्यम (75), और उच्च (90) छवि गुणवत्ता के लिए प्रीसेट, आपको एक विचार देगा कि कहां से शुरू करें।
मुख्य ऑप्टिमोल वेबसाइट पर, आप छवियों का आकार बदल सकते हैं, फ़िल्टर लागू कर सकते हैं और चमक, कंट्रास्ट और संतृप्ति में समायोजन कर सकते हैं। वॉटरमार्क भी लागू किए जा सकते हैं और ट्रैफ़िक आँकड़े देखने के लिए एक समर्पित मीट्रिक पृष्ठ है।
ऑप्टिमोल की अनुकूली डिलीवरी सुनिश्चित करती है कि सभी विज़िटर के लिए इमेज जल्दी लोड हों, चाहे वे किसी भी डिवाइस का उपयोग कर रहे हों। चूंकि छवियों को गतिशील रूप से वितरित किया जाता है, ऑप्टिमोल यह नहीं दिखाता है कि किसी विशेष छवि फ़ाइल को कितना कम किया गया है। इसलिए यह देखने के लिए कि छवियों को कैसे संकुचित किया जाता है, मैंने छवि गुणवत्ता को पूर्वनिर्धारित निम्न, मध्यम और उच्च सेटिंग्स पर सेट किया है। प्रत्येक सेटिंग के लिए, मैंने अपनी परीक्षण छवियों को एक डेस्कटॉप ब्राउज़र पर देखा और फ़ाइलों को अपने कंप्यूटर पर डाउनलोड किया।
जेपीईजी के परिणाम प्रभावशाली थे। कम सेटिंग का उपयोग करके छवि गुणवत्ता अभी भी ठीक दिख रही थी और इसने फ़ाइल का आकार 91.6% कम कर दिया। मध्यम और उच्च सेटिंग्स का उपयोग करते हुए, छवि फ़ाइल में क्रमशः 88% और 70.7% की गिरावट आई है।
With my JPEG image, Optimole changed the quality of the image as soon as I reloaded the page. Unfortunately, this did not happen with my PNG image, with the optimized file being 182 KB in size whatever image quality setting I chose. I spent over an hour changing settings and re-uploading the image, but the result was always the same.
| Image Type | Image Size | Low | Optimization | Medium | Optimization | High | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 342 KB | 91.6% (3.72 MB) | 487 KB | 88% (3.57 MB) | 1.19 MB | 70.7% (2.87 MB) |
| PNG | 327.5 KB | 182 KB | 44.4% (145.5 KB) | 182 KB | 44.4% (145.5 KB) | 182 KB | 44.4% (145.5 KB) |
All Optimole users can use the full service and deliver images on the fly from Amazon Cloudfront, but each plan is limited by the number of monthly visits their websites receive. As the free plan allows 5,000 monthly visitors, it may be suitable for small websites.
For $22.90 per month, the starter plan will increase your limit to 25,000 monthly visitors. The price drops to an effective rate of $19.08 per month if paid annually. The business plan increases your limit to 100,000 monthly visitors and permits you to serve images from your own custom domain. It retails at $47 per month or an effective monthly rate of $39.08 if paid annually.
Pros of Optimole
- Automates all aspects of image optimisation
- Delivers correctly sized adaptive images from over 225 locations around the world
- Complete control over what level of compression is used
- Watermarks can be automatically applied to all images
Cons of Optimole
- No way to optimise images individually
- Cannot use unique image quality settings for different image formats
- More expensive than alternative solutions
5. ShortPixel
ShortPixel is a cloud-based WordPress image optimizer plugin that supports JPG, PNG, GIF, PDF, WebP, and AVIF file formats. In addition to lossless and lossy image compression, ShortPixel also offers an image compression option in the middle which they call “Glossy Compression”. This is simply their marketing term for lossy compression that is not too aggressive.
You will need to create an account with ShortPixel to use their service. When you sign up, you will automatically opt into their free plan, which allows up to 150 images to be compressed every month.
From the plugin settings area, you can choose to strip metadata, optimize thumbnails, resize large images and keep a backup of original images. There are also options for optimizing images from non-WordPress directories, converting PNGs to JPGs, and excluding thumbnail sizes. WebP and AVIF versions of images can be created too, but be aware that ShortPixel charges an additional image credit each time you do this.
If you enter your Cloudflare API key, ShortPixel will update the stored image on Cloudflare’s cache whenever you optimize or change the image. This saves you from having to clear your Cloudflare cache manually.
The ShortPixel service also offers an adaptive image service. This allows you to display optimized WebP and AVIF images on the fly from locations across the globe, with each image being correctly resized for the visitor’s device. ShortPixel Adaptive Images is actually an alternative solution to the main service so you need to sign up for a separate plan and install a separate WordPress plugin to add this functionality to your website. Their free adaptive image plan includes 750 MB of CDN traffic every month.
As ShortPixel allows you to retain the original image file, you can re-optimize an image using a different compression level at any time.
Apart from lossless, the file reductions were impressive across the board. The biggest saving came from using lossy compression, which reduced my JPG image by 93.4% and my PNG image by 67.3%.
| Image Type | Image Size | Lossless | Optimization | Glossy | Optimization | Lossy | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 3.78 MB | 6.9% (0.28 MB) | 373 KB | 90.8% (3.7 MB) | 267 KB | 93.4% (3.79 MB) |
| PNG | 327.5 KB | 315 KB | 3.8% (12.5 KB) | 158 KB | 51.8% (169.5 KB) | 107 KB | 67.3% (220.5 KB) |
WebP images were only slightly larger than lossy images, but image quality was noticeably better.
| Image Type | Image Size | WebP | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 351 KB | 91.4% (3.71 MB) |
| PNG | 327.5 KB | 148 KB | 54.8% (179.5 KB) |
ShortPixel’s premium monthly plans are highly competitive. Their cheapest plan allows 10,500 images to be compressed every month. It retails at $4.99 per month or an effective rate of $3.99 per month if paid annually. If you don’t want to commit to a monthly plan, you can buy one-off image compression packages. It only costs $9.99 for 15,000 images and $19.99 for 45,000 images.
A separate plan is required for ShortPixel’s adaptive image service, though the pricing structure is identical. 53 GB of monthly CDN traffic costs an effective rate of $3.99 per month. Alternatively, you can pay a one-off fee of $9.99 for 50 GB or $19.99 for 150 GB.
Pros of ShortPixel
- Impressive WordPress image compression
- Support for multiple image formats and non-WordPress directories
- Competitive monthly plans and the option to pay as you go
Cons of ShortPixel
- WebP and AVIF images cost an additional credit
- Lazy loading not available in the main plugin
- Adapative images is a separate solution altogether
6. WP Compress
WP Compress is an automated WordPress image optimizer plugin that has two optimization modes. Local Mode will compress images from the WordPress media library locally, whilst Live Mode delivers images to devices using WebP image files from a global content delivery network. Both modes support lazy loading, retina images, and adaptive images so that images are optimized for each device.
Unfortunately, no free plan is available for WP Compress, but when you create an account you will be opted into a seven-day trial to test the service.
From the main WP Compress dashboard, you can switch between optimization modes, view compression stats, and enable retina images, adaptive images, WebP images, and lazy loading. A separate page is available for bulk image optimization.
If you switch to pro settings, you’ll find additional options for stripping metadata, minifying Javascript and CSS, and more. WP Compress supports JPG, PNG, GIF, and SVG image types, but these can be excluded from content delivery if you wish
WP Compress offers lossless compression and two lossy compression modes called Intelligent and Ultra. In my tests, the Ultra setting was able to reduce the size of my JPEG image by 89.1% and my PNG image by 48.3%. Intelligent compression was just a little behind, at 87.2% and 44.6%, respectively.
Image file savings for lossless compression were surprisingly high, reducing my JPEG image by 81.2% and my PNG image by 43.1%. These savings are inconsistent with other lossless compression results, which suggests it wasn’t true lossless compression.
| Image Type | Image Size | Lossless | Optimization | Lossy Intelligent | Optimization | Lossy Ultra | Optimization |
|---|---|---|---|---|---|---|---|
| JPEG | 4.06 MB | 763.8 KB | 81.2% (3.30 MB) | 521.6 KB | 87.2% (3.54 MB) | 441.1 KB | 89.1% (3.62 MB) |
| PNG | 327.5 KB | 186.2 KB | 43.1% (141.3 KB) | 181.5 KB | 44.6% (146 KB) | 169.2 KB | 48.3% (158.3 KB) |
WebP files were larger than those compressed using lossless and lossy compression modes.
| Image Type | Image Size | WebP | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 847 KB | 79.1% (3.21 MB) |
| PNG | 327.5 KB | 250 KB | 23.7% (77.5 KB) |
For $9 per month, the WP Compress personal plan allows 100,000 images to be optimized every month across five websites. If you upgrade to the $29 per month professional plan, your allowance increases to one million images across 25 websites.
Credits can be purchased if you do not want to sign up for a monthly plan. For a one-off payment of $29, you can compress 50,000 images and generate one million image requests from their content delivery network.
Pros of WP Compress
- Can switch between local and live compression modes at any time
- Adaptive images ensures the best image is delivered to users
- Support for WebP and all major image file types
- Competitive pricing and an option to pay as you go
Cons of WP Compress
- No free plan is available for WP Compress
- Lossless image compression appeared to be too aggressive
- Cannot optimise images outside of the WordPress media library
7. TinyPNG
TinyPNG is a simple WordPress image optimizer plugin that can optimize JPEG, PNG, and WebP images. It’s the official WordPress plugin of the popular optimization tool with the same name.
You will need to create an account with Tinify in order to use TinyPNG. Once you are signed up, you are eligible for 500 image compressions per month with their free plan.
New images can be automatically compressed in the background or during upload. If you prefer, you can manually compress images.
The original image and its associated thumbnails can be optimized. You can also resize the original image and select which metadata information is retained. Please be aware that if you compress the original image, the compressed image will overwrite the original file.
A separate page is available for bulk optimization which highlights the compression savings you have made so far.
TinyPNG uses lossy compression, but it does give you any control over the level of compression. The developers advise that on average, JPEG images are compressed by 40-60% and PNG images by 50-80%.
In my tests, TinyPNG reduced my JPEG image by 86.3% and my PNG image by 55.3%.
| Image Type | Image Size | Lossy | Optimization |
|---|---|---|---|
| JPEG | 4.06 MB | 557.2 KB | 86.3% (3.5 MB) |
| PNG | 327.5 KB | 146.5 KB | 55.3% (181 KB) |
Image compressions can be paid as and when you need them. This pay-as-you-go system will suit many smaller websites as the first 500 image compressions per month are free, but please remember that each thumbnail image you compress will also be counted towards your monthly allowance.
After 500 compressions, it costs $0.009 per compression for the next 9,500 compressions and then $0.002 per compression for the next 10,000 compressions. For example, it will cost $4.50 for 1,000 image compressions, $40.50 for 5,000 image compressions and $85.50 for 10,000 image compressions.
This pricing model makes TinyPNG an expensive solution if you’re compressing thousands of images every month.
Pros of TinyPNG
- One of the simplest image optimisation solutions available to WordPress users
- Bulk optimisation tool works well
- Pay as you go system will suit small websites
Cons of TinyPNG
- Only one image compression setting and no way to change image quality
- Original image is not retained if you choose to optimise it
- No support for non-WordPress directories
Final Thoughts
The days of getting away with a slow-loading website are over. You now need to give desktop and mobile visitors a fast browsing experience or your traffic is going to drop.
Whilst the core version of WordPress does not include any performance tools, you’ll find hundreds of performance and optimization WordPress plugins online that will help improve your page-loading times. WordPress caching plugins and minification tools are highly effective in creating static pages and reducing the size of pages, though you’re never going to have a fast website unless you optimize your images.
Here’s a quick overview of the WordPress image optimizer solutions that have been featured in this article.
| Plugin | Free | Premium | Summary |
|---|---|---|---|
| Smush | Unlimited image optimization for images under 5 MB | $5 Per Month | Smush Pro offers lazy loading, resizing and bulk optimization. The core version of the plugin allows lossless compression with thumbnail images and now has support for a multi-pass lossy compression called Super-Smush. Unlimited image compressions for only $5 per month makes Smush Pro one of the most affordable solutions available. |
| EWWW Image Optimizer | Unlimited image optimization and no restriction on image file size | $7 Per Month | With support for WebP image files and image format conversion, EWWW Image Optimizer is undoubtedly one of the best free WordPress image optimizer plugins. The premium version offers multiple lossy compression modes, performance tools and image delivery via a content delivery network. |
| Imagify | 20MB allocation per month for images under 2 MB | 500MB:$4.99 Per Month Unlimited:$9.99 Per Month | Imagify is a user-friendly image optimization plugin from the creators of WP Rocket. It does not offer many customization options, but it did what it promised and reduced image files considerably. Their free plan is only suitable for testing how Imagify works. |
| Optimole | 100% free to use up to 5,000 monthly visitors | 25,000 Visitors:$19.08 Per Month | Optimole does things differently by delivering optimized images to visitors based upon the device they are using. All images are delivered from Amazon’s global content delivery network of 225+ locations. Performance is incredible and the whole process is automated. |
| ShortPixel | 150 image compressions free per month | 10,500 images:$3.99 Per Month | ShortPixel supports all major image formats and gives you many different ways to compress and deliver images. A separate service is available which can display adaptive images from a global content delivery network. |
| WP Compress | No | 100,000 images:$9 Per Month | WP Compress is an interesting service that lets you choose to compress images locally or deliver adaptive images using a content delivery network. Unfortunately, no free plan is available for WP Compress, but there is a seven-day trial to test the service. |
| TinyPNG | 500 image compressions per month | 500:FREE Next 9,500:$0.009 10,000:$0.002 | TinyPNG is a simple solution that automates image compression. Apart from removing metadata, the plugin doesn’t allow you to change image quality, though image compression results were good. The pricing policy of TinyPG makes it an affordable solution for small website owners, but an expensive option for everyone else. |
I encourage you to test multiple image optimizer plugins for WordPress to see which one suits your needs best.
During the research of this article, I tested all of the above WordPress image compression plugins. There are pros and cons to each one and depending on the website you are optimizing, you may favor one solution over another. So you will need to consider functionality, budget, and image performance.
To help me draw a comparison, I used the same two images for all of my image tests. Please be aware that these results would have been different if the images had different file sizes and resolutions, which is another reason why it is important to test each WordPress plugin yourself.
Good luck.
Kevin