नमस्कार! "शोध इंजिन प्रेम" साठी वेबसाइटवर काय ऑप्टिमाइझ केले जाणे आवश्यक आहे आणि काय चांगले करू शकते हा यापुढे प्रश्न नाही. वास्तविकता अशी आहे की सर्वकाही ऑप्टिमाइझ करणे आवश्यक आहे (). शिवाय, एक गोष्ट दुसऱ्याला चिकटलेली असते आणि शोध अल्गोरिदममध्ये कार्य करणारे शेकडो अनुक्रमणिका आणि रँकिंग नियम बर्याच काळापासून एकाच गुंफण्यात गुंफलेले आहेत. उदाहरणार्थ, वेबसाइटवरील फोटो ऑप्टिमाइझ करणे आवश्यक आहे.

वर्डप्रेस इमेज ऑप्टिमायझेशनचे तीन भाग

जर आपण इंटरनेटवर विस्तारित एक पाहिला तर, हे कोणत्याही विशेष ऑनलाइन सर्व्हरसह केले जाऊ शकते, आम्ही पाहू की लोडिंग वेळेचा सिंहाचा वाटा अप्रतिबंधित फोटोंनी व्यापलेला आहे.

लोडिंग स्पीडवर होणा-या प्रभावाव्यतिरिक्त, ज्याचे आता शोध इंजिनद्वारे अगदी बारकाईने निरीक्षण केले जाते, आपण फोटोमध्ये कीवर्ड जोडू शकता जे शोध इंजिनद्वारे वाचले जातील आणि विनंती केल्यावर लेखाच्या स्थितीवर परिणाम होईल. चला वर्डप्रेस फोटो ऑप्टिमायझेशन तीन भागांमध्ये विभाजित करूया:

• साइटवर फोटो जोडण्यापूर्वी ऑप्टिमायझेशन;
• लेखात फोटो जोडताना ऑप्टिमायझेशन;
• अपलोड न करता वेबसाइटवर फोटोंचे मोठ्या प्रमाणात ऑप्टिमायझेशन.

वर्डप्रेस इमेज ऑप्टिमायझेशन (SEO) लेख, इमेज अँकरमध्ये घालताना

कोणत्याही साइटवर प्रतिमा जोडताना, आपण सेट करू शकता: फोटो अँकर (फोटो लिंक अँकर), त्याचे वर्णन, शीर्षक आणि आकार. सर्च इंजिनसाठी अँकरला विशेष महत्त्व आहे. फोटो अँकर alt विशेषता द्वारे निर्दिष्ट केला जातो.

वर्डप्रेसमध्ये फोटो जोडण्यासाठी संपूर्ण HTML रचना अशी दिसते.

कॅप्शनशिवाय फोटो:

फोटो कॅप्शनसह:

फोटो कॅप्शन

वर्डप्रेसमध्ये, अँकरसह सर्व फोटो गुणधर्म व्हिज्युअल मोडमध्ये सेट केले जातात:

विशेषता “” मोडमध्ये किंवा “फोटो संपादित करा” मोडमध्ये जोडल्या जातात.

अँकर फोटोंसाठी नियम

• प्रतिमेसाठी Alt (अँकर) विशेषता अद्वितीय असणे आवश्यक आहे.
• लेखात, एक फोटो अँकर (alt विशेषता) मध्ये लेखाची थेट की (मुख्य वाक्यांश) समाविष्ट करणे उचित आहे.
• तुम्हाला अँकर स्वयंचलितपणे तयार करायचे असल्यास, येथे जा Majento.ru(मॅजेन्टो एक उदाहरण म्हणून घेतले आहे आणि ते अद्वितीय असल्याचा दावा करत नाही) अँकर जनरेटरमध्ये.

निष्कर्ष १

वर्डप्रेस सिस्टमने इमेज कोड ऑप्टिमाइझ करण्याच्या समस्येचे पूर्णपणे निराकरण केले आहे. आपली इच्छा असल्यास, आपण त्याच्या ऑप्टिमायझेशनसाठी महत्त्वपूर्ण असलेल्या सर्व आवश्यक प्रतिमा गुणधर्म दृश्यमानपणे भरू शकता आणि सिस्टम स्वतः टॅगमध्ये फोटो आकार सेट करेल:

साइटवर जोडण्यापूर्वी प्रतिमा ऑप्टिमाइझ करणे

साइटवर प्रतिमा जोडण्यापूर्वी ऑप्टिमाइझ करणे सुरू झाले पाहिजे. आणि मुख्य गोष्ट म्हणजे गुणवत्ता न गमावता फोटोचा आकार कमी करणे.

इमेज फाइल्सचा आकार कमी करण्यासाठी प्रोग्राम या प्रकरणात बचावासाठी येतील. येथे काही नियम आहेत:

• जेपीईजी विस्तारातील सर्वात हलके फोटो.
• pnp मधील png फॉरमॅट आणि स्क्रीनशॉट सर्वात भारी आहेत.

नियमितपणे फोटोंसह कार्य करण्यासाठी, तुम्हाला अनेक प्रोग्राम वापरून पहावे लागतील आणि नियमित कामासाठी त्यापैकी काही निवडावे लागतील. मी खालील फोटो संपादन आणि कॉम्प्रेशन प्रोग्राम वापरतो:

• मानक मायक्रोसॉफ्ट ऑफिस टूल (448x पर्यंत आकार बदलताना उत्कृष्ट कॉम्प्रेशन);

मायक्रोसॉफ्ट ऑफिस 2010 वापरून वर्डप्रेस प्रतिमा ऑप्टिमाइझ करणे

• मस्त कार्यक्रम जलद दगड प्रतिमा दर्शक(http://www.faststone.org/). हा एक उत्कृष्ट संपादक आहे ज्यामध्ये चांगले गट कम्प्रेशन करण्याची आणि फोटो स्वरूप बदलण्याची क्षमता आहे;

फास्टस्टोनसह वर्डप्रेस प्रतिमा ऑप्टिमायझेशन

• कार्यक्रम (https://saerasoft.com/caesium/). जेपीईजी फॉरमॅटमध्ये फोटोंच्या उत्कृष्ट सिंगल किंवा ग्रुप कॉम्प्रेशनसह हा एक विनामूल्य प्रोग्राम आहे.

Cesium सह वर्डप्रेस प्रतिमा ऑप्टिमायझेशन

• मी प्रोग्रामची शिफारस करतो (sourceforge.net/projects/nikkhokkho/files/latest/download). सीझियमच्या विपरीत, विंडोजवरील हा प्रोग्राम कोणत्याही प्रतिमा स्वरूपना संकुचित करेल.

निष्कर्ष २

तुमच्या वर्डप्रेस साइटवर फोटो जोडण्यापूर्वी तुम्हाला ते कॉम्प्रेस करावे लागतील.

वर्डप्रेससाठी मोठ्या प्रमाणात प्रतिमा ऑप्टिमायझेशन

वर्डप्रेस सह, तुम्ही फोटो अपलोड न करता तुमची संपूर्ण वर्डप्रेस मीडिया लायब्ररी ऑप्टिमाइझ करू शकता.

वर्डप्रेस मीडिया लायब्ररीमध्ये आधीपासूनच ठेवलेले फोटो ऑप्टिमाइझ करण्यासाठी आम्ही प्लगइन वापरतो: EWWW इमेज ऑप्टिमायझर(आवृत्ती 4.4.2 वर चाचणी केली.). प्लगइन सोपे आहे, परंतु कार्यरत एक वेळोवेळी अद्यतनित केले जाते. क्लाउड प्लगइन (2) तुम्हाला क्लाउड तंत्रज्ञान वापरून फोटो ऑप्टिमाइझ करण्याची आणि फॉरमॅट न बदलता फोटो कॉम्प्रेस करण्याची परवानगी देते. हे प्लगइन 1000 फोटोंपर्यंत प्रति फोटो $0.005 सशुल्क आहे.

प्लगइन मानक म्हणून स्थापित करा, तुम्ही प्लगइन्स टॅबवरील वर्डप्रेस पॅनेलमधून करू शकता→नवीन जोडा→नावानुसार शोधा.

प्लगइन सक्रिय केल्यानंतर, ते कार्य करण्यासाठी तयार आहे, परंतु आपण सेटिंग्जमधून जाऊ शकता (सेटिंग्ज → EWWW प्रतिमा ऑप्टिमायझर) रशियन भाषेत, धोकादायक सेटिंग्ज “लक्ष द्या!” या शब्दाने हायलाइट केल्या आहेत. तसे, png आणि gif वरून jpeg वर फोटो रिफॉर्मेट करण्याचे कार्य आहे. सेटिंग्ज नंतर, प्लगइन पृष्ठ उघडा आणि ऑप्टिमायझेशन प्रक्रिया सुरू करा.

काही काळानंतर, आम्ही फोटो कॉम्प्रेशनचे परिणाम पाहतो. मी लक्षात घेतो की मी नेहमी साइटच्या आधी फोटो कॉम्प्रेस करतो, परंतु EWWW इमेज ऑप्टिमायझर प्लगइन प्रत्येक फोटोपैकी 5% ते 20% पर्यंत "पिळणे" व्यवस्थापित करते.

निष्कर्ष 3

वर्डप्रेस, अतिरिक्त प्लगइन (प्लगइन) च्या मदतीने, आपल्याला साइटच्या संपूर्ण मीडिया लायब्ररीचे फोटो कधीही ऑप्टिमाइझ करण्याची परवानगी देतो.

जसे आपण पाहू शकता, वर्डप्रेस प्रतिमा ऑप्टिमाइझ करणे कठीण नाही. त्याकडे दुर्लक्ष करण्याची गरज नाही, कारण फोटो हे वेबसाइट संथ होण्याचे मुख्य कारण आहे. याव्यतिरिक्त, वर्डप्रेस साइटवर फोटो वापरण्यासाठी आणखी काही टिपा आहेत.

• वेक्टर प्रतिमा स्वरूप निवडण्याचा प्रयत्न करा. त्यांची गुणवत्ता रिझोल्यूशन किंवा आकारावर अवलंबून नाही, म्हणूनच ते मोठ्या मॉनिटर्स आणि भिन्न उपकरणांवर छान दिसतात.
• SVG संसाधनांसाठी: त्यांना संकुचित करा, XML मार्कअप काढा, SVG फाइल्ससाठी GZIP कॉम्प्रेशन सेटिंग तपासा.
• रास्टर फोटोंसाठी: रास्टर फोटोंसाठी तुमचा स्केल आणि स्वरूप निवडा, GIF टाळा, साइटवर जोडण्यापूर्वी फोटो संकुचित करा (), फोटो गुणवत्ता कमी करण्यास घाबरू नका, शक्य असेल तेव्हा रंग कमी करा (इष्टतम 256 रंग), अनावश्यक मेटाडेटा काढून टाका (

हे करण्याचा सर्वात महत्वाचा आणि लक्षणीय मार्ग म्हणजे साइट पृष्ठांवर जोडलेल्या प्रतिमा संकुचित करणे. या प्रकरणात, केवळ प्रतिमेचा आकार कमी करणेच नव्हे तर त्याची गुणवत्ता गमावणे देखील महत्त्वाचे आहे. कॉम्प्रेशनसाठी, आपण प्रोग्राम आणि ऑनलाइन सेवा वापरू शकता. मी या ब्लॉगच्या पृष्ठांवर मीडिया फाइल्स कॉम्प्रेस करण्याच्या पद्धतींबद्दल आधीच बोललो आहे. आज मी पुन्हा या विषयाकडे परत येत आहे, कारण मला वरील उद्देशांसाठी एक चांगला प्लगइन सापडला आहे.

कॉम्प्रेस JPEG आणि PNG प्रतिमा प्लगइन तुम्हाला तुमच्या JPEG आणि PNG प्रतिमा संकुचित करून तुमची वेबसाइट जलद बनविण्यात मदत करेल. प्रोग्राम आणि ऑनलाइन सेवा वापरण्याच्या पद्धतीपासून त्याचा फायदा आणि फरक असा आहे की नवीन फाइल डाउनलोड करताना ते स्वयंचलितपणे करते. गुणवत्ता, अर्थातच, गमावली नाही. गैरसोय असा आहे की डाउनलोड केलेल्या फाइल्सच्या कॉम्प्रेशनवर मासिक मर्यादा आहे, परंतु हे पेमेंट पूर्णपणे प्रतीकात्मक आहे.

कॉम्प्रेस JPEG आणि PNG प्रतिमा प्लगइनची वैशिष्ट्ये

नवीन फाइल्सचे स्वयंचलित कॉम्प्रेशन.
तुमच्या लायब्ररीतील सर्व विद्यमान, पूर्वी डाउनलोड केलेल्या प्रतिमांचे सहजपणे व्हॉल्यूमेट्रिक कॉम्प्रेशन.
तुमच्या मीडिया लायब्ररीमधील प्रत्येक इमेजसाठी वैयक्तिक कॉम्प्रेशन शक्य आहे.
API द्वारे मल्टी-नोड समर्थन.

हे कसे कार्य करते?

एकदा तुम्ही तुमच्या वर्डप्रेस साइटवर इमेज अपलोड केल्यानंतर, प्रत्येक आकार बदललेली प्रतिमा TinyJPG किंवा TinyPNG सेवांवर अपलोड केली जाईल. सर्वोत्तम कॉम्प्रेशन लागू करण्यासाठी तुमच्या प्रतिमेचे विश्लेषण केले जाते. आपल्या प्रतिमेच्या सामग्रीवर आधारित, इष्टतम धोरण निवडले आहे. निकाल तुमच्या वेबसाइटवर परत पाठवला जातो जेथे मीडिया फाइल निर्दिष्ट आकारासह मूळ फाइलसह बदलली जाते.

सरासरी, JPEG प्रतिमा 40-60% आणि PNG प्रतिमा 50-80% ने संकुचित केल्या जातात गुणवत्तेची कोणतीही दृश्यमान हानी न होता. तुमची साइट तुमच्या अभ्यागतांसाठी जलद लोड होईल आणि तुम्ही डिस्क स्पेस आणि बँडविड्थ वाचवाल!

प्लगइनची स्थापना आणि सेटिंग्ज

तुम्ही प्लगइन शोध विंडोमध्ये “Compress JPEG & PNG प्रतिमा” हे नाव टाइप करून ॲडमिन पॅनेलमध्ये प्लगइन शोधू शकता. डाउनलोड केल्यानंतर आणि सक्रिय केल्यानंतर लगेच, प्लगइनच्या सूचीच्या अगदी शीर्षस्थानी असलेल्या ओळींकडे लक्ष द्या. तेथे एक दुवा असेल, ज्याचे अनुसरण करून आणि सोप्या चरणांचे अनुसरण केल्याने तुम्हाला API की मिळविण्याची संधी मिळेल.

ही की प्राप्त केल्याशिवाय, जी सेटिंग्ज विंडोमध्ये समाविष्ट करणे आवश्यक आहे, प्लगइन कार्य करणार नाही!

एकदा की तुमच्याकडे किल्ली आली की, तुम्ही लगेच तुमच्या प्रतिमा कापण्यास सुरुवात करू शकता. तुम्ही कोणत्याही HTTP क्लायंटसह PNG किंवा JPEG फाइल सादर करू शकता. सर्व्हर प्रतिमा संकुचित करेल आणि URL सह प्रतिसाद देईल जिथे आपण परिणाम मिळवू शकता.

प्लगइन सक्रिय करण्यासाठी तुम्हाला एक अद्वितीय API की प्राप्त होते आणि वर्डप्रेस इंजिनद्वारे समर्थित अनेक वेबसाइटसाठी वापरली जाऊ शकते.

वर्डप्रेस प्लगइन आणि अधिकसह JPEG आणि PNG प्रतिमा संकुचित करण्यासाठी की वापरली जाऊ शकते Magento विस्तार, जे नुकतेच प्रसिद्ध झाले.

API वैशिष्ट्ये

• PNG आणि JPEG प्रतिमा संकुचित करा;
• पीएनजी आणि जेपीईजी प्रतिमांचे स्वयंचलित शोध;
• PNG आणि JPEG प्रतिमांचा आकार बदला;
• Amazon S3 वर प्रतिमा जतन करणे (परिमाण);
• एकदा लोड करा, संकुचित करा आणि अनेक वेळा आकार बदला.

दस्तऐवजीकरण आणि इतर उदाहरणांसाठी तुम्ही API संदर्भ एक्सप्लोर करू शकता.

किंमत

तुम्ही जे वापरता त्यासाठीच तुम्ही पैसे देता. दर महिन्याला पहिले 500 कॉम्प्रेशन विनामूल्य आहेत. आपण फक्त कॉम्प्रेशनसाठी पैसे द्याजर तुम्ही दरमहा ५०० पेक्षा जास्त प्रतिमा संकुचित कराल.

कोणतेही सदस्यता शुल्क नाही, फाइल आकाराचे कोणतेही बंधन नाहीआणि किमान देयके नाहीत. केवळ यशस्वी कॉम्प्रेशन्सवर शुल्क आकारले जाते.

API वरून प्रतिमा लोड केल्याप्रतिमांसाठी किंमत

• पहिला 500 प्रतिमादर महिन्यालाविनामूल्य
• पुढे 9,500 प्रतिमादर महिन्याला$ 0,009 प्रति प्रतिमा
• अधिक 10,000 प्रतिमादर महिन्याला$ 0,002 प्रति प्रतिमा

स्थापना सूचना

1. TinyPNG किंवा TinyJPG API की एंटर करा आणि तुमच्या साइटच्या ॲडमिन पॅनलमधील एका खास पेजवर कॉम्प्रेशनसाठी इमेज आकार कॉन्फिगर करा.

1. मीडिया पृष्ठावर आपल्या प्रतिमा किती जागा घेतात ते पहा.

या पृष्ठावर, आपण निवडलेल्या प्रतिमेसाठी वैयक्तिक कॉम्प्रेशन आणि प्रत्येक ॲडमिन पृष्ठावरील “Compress Images” साठी “Actions” चेकबॉक्स चेक करून निवडलेल्या प्रतिमेसाठी वैयक्तिक कॉम्प्रेशन आणि ग्रुप पृष्ठ-दर-पृष्ठ कॉम्प्रेशन दोन्हीची शक्यता वापरू शकता, जे ज्ञात आहे. , मध्ये वीस फाईल्स आहेत.

वरील विस्तारांसह तुमच्या साइटवरील सर्व प्रतिमा ताबडतोब संकुचित करण्यासाठी, तुम्हाला प्रशासक पॅनेलमधील "टूल्स" ओळीपासून "सर्व प्रतिमा संकुचित करा" पृष्ठावर जाण्याची आवश्यकता आहे:

नोंद: कृपया लक्षात घ्या की प्लगइन रशियन भाषेत उपलब्ध आहे आणि मी प्लगइन विकसकाच्या वेबसाइटवरून प्लगइन सेट करण्यासाठी आणि काम करताना चित्रे कॉपी केली आहेत, ज्यामध्ये सर्व नोंदी इंग्रजीत आहेत. खरं तर, प्लगइन सक्रिय केल्यानंतर, तुमचा प्रशासक पॅनेल तुम्ही तुमच्या इंजिनसाठी कॉन्फिगर केलेली भाषा प्रदर्शित करेल.

(133 वेळा भेट दिली, 1 भेटी आज)

माझ्या ब्लॉग साइटवरील सदस्यांना नमस्कार! जेव्हा तुम्ही एखाद्या वैयक्तिक संसाधनावर आणि त्याच्या विकासावर काम करण्यास सुरुवात करता, तेव्हा तुम्ही केवळ त्याची जाहिरात करण्यासाठीच नव्हे तर वाचकांना माहिती सादर करण्यासाठी सर्वोत्तम मार्ग शोधत असता आणि मी तुम्हाला याबद्दल समजतो. अक्षरशः प्रत्येक गोष्ट वेबसाइटच्या यशावर परिणाम करते: डिझाइनपासून सामग्रीपर्यंत. आज मी तुम्हाला अपरिहार्य वर्डप्रेस इमेज ऑप्टिमायझेशन प्लगइनबद्दल सांगेन, ज्यामध्ये बरेच यशस्वी झाले. मी तुम्हाला अनेक प्रकारचे प्लगइन ऑफर करेन आणि निवड तुमची आहे. तर, इथे मी जातो!

अशी जोडणी आवश्यक का आहे?

सर्व वेबमास्टरना माहित आहे की प्रत्येक प्लगइन आणि स्थापित केलेले कोणतेही ॲड-ऑन साइटवर लोड वाढवते. आपण डाउनलोड केलेल्या घटकांच्या उपस्थितीसह खूप दूर गेल्यास, साइट लोड होण्यास किंवा अगदी गोठण्यास बराच वेळ लागू शकतो.

परंतु मी तुम्हाला फक्त आवश्यक प्लगइन्सची शिफारस करतो, ज्याशिवाय कोणताही ब्लॉग सामान्यपणे कार्य करू शकत नाही आणि इमेज ऑप्टिमायझेशन प्लगइनचा एक अतिरिक्त महत्त्वपूर्ण फायदा आहे - जलद पृष्ठ लोडिंग आणि हे आपल्याला शोधात आपल्या साइटची स्थिती सुधारण्यास अनुमती देते.

तुम्ही ते स्वहस्ते करू शकता...

काहीजण असा तर्क करू शकतात की असे प्लगइन स्थापित करणे आवश्यक आहे, कारण तुम्ही तुमच्या साइटवर आधीच ऑप्टिमाइझ केलेल्या प्रतिमा अपलोड करू शकता. हो मी सहमत आहे. मी स्वतः अनेकदा प्रतिमा स्वहस्ते ऑप्टिमाइझ करतो, परंतु जेव्हा तुम्ही अनेक ब्लॉग चालवता आणि त्या प्रत्येकावर दिवसाला 10 लेख प्रकाशित करता, तेव्हा स्वतंत्र ऑप्टिमायझेशन देखील चिडचिड करू लागते. कल्पना करा की तुम्ही एक मनोरंजक लेख लिहिला आहे, किंवा कदाचित दोन किंवा तीन, जवळजवळ एका श्वासात आणि त्वरीत प्रकाशित करण्यासाठी घाईत आहात. पण नंतर तुम्हाला आठवत असेल की तुमच्याकडे 30-50 प्रतिमा दुरूस्तीची वाट पाहत आहेत...

कोणते प्लगइन सर्वोत्तम आहेत?

हा प्रश्न सोपा नाही आणि एक प्लगइन वेगळे करणे कदाचित अशक्य आहे. येथे प्रत्येकजण स्वत: साठी निर्णय घेतो. याव्यतिरिक्त, वर्डप्रेस साइट्ससाठी ॲड-ऑनची संख्या दररोज वाढत आहे. परंतु मी तुम्हाला विविधतेतून मार्गदर्शन करण्याचा प्रयत्न करेन जेणेकरून तुम्ही स्वतःसाठी इष्टतम प्लगइन पर्याय स्थापित कराल.

• SEO अनुकूल प्रतिमा

  तुमच्या प्रतिमांना शीर्षक आणि वर्णन जोडते. गुणधर्मांशिवाय " alt » « शीर्षक"कोडात नक्कीच कुठेही नाही. पहिला शोध इंजिनांना मदत करेल आणि जेव्हा तुम्ही प्रतिमेवर माउस फिरवाल तेव्हा दुसरे शीर्षक प्रदर्शित करेल.

• EWWW इमेज ऑप्टिमायझर

  हे शक्य तितक्या कार्यक्षमतेने प्रतिमा रूपांतरित करण्याच्या क्षमतेद्वारे ओळखले जाते, जेणेकरून तुमचे संसाधन जलद लोड होते आणि तुम्ही प्लगइन स्थापित करण्यापूर्वी अपलोड केलेल्या प्रतिमांमुळे ते गोठत नाही.

• Сw-इमेज-ऑप्टिमायझर

  हे सेट करणे सोपे नाही आणि नवशिक्यांऐवजी व्यावसायिकांसाठी अधिक योग्य आहे, परंतु ते आपल्या वेबसाइटवर प्रतिमा रूपांतरित करण्याचे उत्कृष्ट कार्य करते.

• विलक्षणपणा

  वेबमास्टरला अपलोड केलेल्या फोटोंचे इच्छित परिमाण सेट करण्यात मदत करते, विशिष्ट रुंदी आणि उंची निर्दिष्ट करण्यास अनुमती देते. रूपांतरित करते आणि गुणवत्तेचे नुकसान न करता आपल्याला स्केल करण्याची परवानगी देते.

• WP Smush.it

  तुम्हाला प्रतिमांवर प्रक्रिया करण्याची परवानगी देते जेणेकरून त्यांना अधिक फायदेशीर स्वरूपांमध्ये जतन करता येईल. त्याने स्वतःला सर्वोत्कृष्ट प्लगइन्सपैकी एक म्हणून स्थापित केले आहे आणि मी तुम्हाला देखील याची शिफारस करतो!

• हॅमी

  सेटिंग्जमधून इष्टतम पॅरामीटर्ससह ब्लॉगवर तुमच्या वापरासाठी फक्त एक प्रतिमा तयार करत नाही, तर विविध स्वरूपांच्या चित्रांची संपूर्ण मालिका तयार करते. जर हे आपल्या संसाधनासाठी आवश्यक असेल तर का नाही? मोबाइल डिव्हाइसद्वारे साइट पाहताना, पृष्ठांच्या जलद लोडिंगमुळे हे खूप फायदेशीर आहे. प्लगइन लेख आणि पृष्ठांमधील फोटो दुरुस्त करण्यासाठी डिझाइन केलेले आहे.

• Pb-प्रतिसाद-प्रतिमा

  स्वरूप img, स्टाईल शीटच्या नियमांवर आधारित, तुम्हाला मेलद्वारे वापरल्या जाणाऱ्या क्वेरीच्या विविध संयोजनांना सानुकूलित करण्याचा अधिकार देखील आहे.

• मीडिया फाइल पुनर्नामित

  केवळ ऑप्टिमायझेशनसाठीच नाही तर चित्रांचे नाव बदलण्यासाठी देखील तयार केले आहे. या प्रकरणात, आपल्याला लेखांमधील दुवे बदलण्याची काळजी करण्याची गरज नाही; शोध सेवांद्वारे फोटोंवर प्रक्रिया करताना, त्यांच्या नावांचे विश्लेषण देखील केले जाते; इथेच घटक जिंकतो.

• BJ आळशी भार

  लघुप्रतिमा, सामग्री बदलणे किंवा भरणे यासह तुम्ही निवडलेले फोटो स्वयंचलितपणे लोड करते. सेटिंग्ज तुम्हाला वेगवेगळ्या फॉरमॅटमध्ये आपोआप जुळवून घेण्याची परवानगी देतात.

वर्डप्रेसच्या तुमच्या आवृत्तीसह ज्यांची सुसंगतता सत्यापित केली गेली आहे ते प्लगइन निवडण्याचा सल्ला दिला जातो. माझ्या अनुभवात, अशी कोणतीही प्रकरणे आढळली नाहीत जिथे प्लगइन आवृत्तीमध्ये बसत नाही आणि त्याचे नुकसान झाले आहे. जर ते जुळवून घेत नसेल, तर ते कार्य करणार नाही आणि तुम्ही ते सहजपणे काढू शकता. परंतु फक्त बाबतीत, नेहमी आपल्या स्थानिक सर्व्हरवर आपल्या ब्लॉगची अद्यतनित आवृत्ती आणि जतन केलेला डेटाबेस (). किंवा बॅकअप प्रत जतन करण्यासाठी संसाधन कॉन्फिगर करा जेणेकरुन तुम्ही कधीही नवीनतम कृती रोल बॅक करू शकता.

जेव्हा तुम्ही तृतीय-पक्षाच्या साइटवरून डाउनलोड केलेल्या प्लगइन आवृत्त्या स्थापित करता, तेव्हा लक्षात ठेवा की त्यामध्ये व्हायरस असू शकतात, सावधगिरी बाळगा. कोणत्याही परिस्थितीत, आपल्याला स्थापित घटक आणि त्याचे ऑपरेशन आवडत नसल्यास, आपण ते नेहमी निष्क्रिय आणि काढू शकता.

मी तुम्हाला अनेक निष्क्रिय केलेले इंस्टॉलेशन घटक गोळा करण्याचा सल्ला देत नाही;

मला आशा आहे की तुम्ही तुमची निवड केली असेल! आपण अद्याप नसल्यास सदस्यत्व घेतलेमाझ्या शैक्षणिक ब्लॉगवर, नवीन लेखांसह अद्ययावत राहण्यासाठी लवकरच करा! टिप्पण्यांमध्ये आपले मत आणि अनुभव सामायिक करा.

पुन्हा भेटू!

P/S

शुभेच्छा, अलेक्झांडर सेर्गिएन्को

Wordpress मध्ये प्रतिमा ऑप्टिमाइझ करणे

जेव्हा तुमची वर्डप्रेस साइट 5 वर्षांपेक्षा जास्त जुनी असते, तेव्हा प्रतिमा खरोखर डोकेदुखी बनतात. उदाहरणार्थ, 1,500 उत्पादनांसह आमच्या स्टोअरचे वजन सुमारे 2 गीगाबाइट्स आहे! तुमच्या मते किती टक्के कचरा सुरक्षितपणे काढला जाऊ शकतो?

प्रतिमा संक्षेप  - संपूर्ण वेबसाइट ऑप्टिमायझेशनचा अविभाज्य भाग. तुम्ही Google PageSpeed ​​Insights मधील सर्व पायऱ्या करू शकता, परंतु तरीही असे काहीतरी पहा:

Google अनऑप्टिमाइझ केलेल्या प्रतिमांबद्दल तक्रार करते

प्रश्न ताबडतोब उद्भवतो: मी फोटोशॉपमध्ये प्रक्रिया केल्यास ते ऑप्टिमाइझ का केले जात नाहीत? उत्तर सोपे आहे - मूळ प्रतिमा कदाचित ऑप्टिमाइझ केल्या आहेत. पण आपोआप तयार झालेली लघुप्रतिमा नाहीत. वर्डप्रेससाठी ही डोकेदुखी आहे.

म्हणून, आम्ही प्रतिमा स्वहस्ते ऑप्टिमाइझ करतो.

पायरी 1: अनावश्यक गोष्टी बंद करा

तुम्ही ऑप्टिमाइझ करणे सुरू करण्यापूर्वी, तुम्हाला लघुप्रतिमा आकार एकत्र करणे आवश्यक आहे. सोप्या भाषेत, स्वयंचलितपणे व्युत्पन्न केलेल्या प्रतिमांची संख्या कमी करा.

Wordpress आणि WooCommerce च्या निर्मात्यांना विश्वास आहे की अधिक भिन्न लघुप्रतिमा तयार केल्या जातील, साइटसाठी ते अधिक चांगले आहे.

मी याशी सहमत नाही, म्हणून मी स्वतःसाठी हायलाइट केले तीन प्रकारच्या प्रतिमा: लहान लघुप्रतिमा (200x200 पिक्सेल), मध्यम लघुप्रतिमा (400x400 पिक्सेल) आणि मूळ (1000x1000 पिक्सेल).

लहान प्रतिमा संग्रहणांमध्ये वापरल्या जातात, जसे की उत्पादन श्रेणी किंवा ब्लॉग पोस्टची सूची. उत्पादन कार्ड किंवा ब्लॉग पोस्टमध्ये सरासरी. मूळ क्वचितच वापरले जातात, उदाहरणार्थ लघुप्रतिमावर क्लिक करताना.

लघुप्रतिमा आकार प्रत्येक साइटसाठी वैयक्तिक असतात आणि मुख्यतः साइट टेम्पलेटवर अवलंबून असतात. उदाहरणार्थ, उत्पादनांसह चार स्तंभांसाठी, 200x200 लघुप्रतिमा पुरेशी आहे:

चुकीच्या पद्धतीने कॉन्फिगर केलेली वर्डप्रेस साइट अनेक अनावश्यक लघुप्रतिमा तयार करते. म्हणून, चला सेटअप वर जाऊया.

1. ब्लॉग लघुप्रतिमामेनूमध्ये कॉन्फिगर केले आहे सेटिंग्ज › मीडिया फाइल्स:

2. उत्पादन प्रतिमामेनूमध्ये कॉन्फिगर केले आहे WooCommerce › सेटिंग्ज › उत्पादने › प्रदर्शन:

तुम्ही लक्षात घेतल्याप्रमाणे, आम्ही सर्वत्र समान परिमाणे सेट करतो. एकूण, आम्ही तीन प्रकारच्या प्रतिमा तयार करतो: लहान, मध्यम आणि मूळ. असे आहे का? तो नाही बाहेर वळते.

प्रतिमा असलेल्या फोल्डरमध्ये आम्हाला 768x768 पिक्सेल मोजण्याचे लघुप्रतिमा आढळतात. ते सिस्टमद्वारे व्युत्पन्न केले जातात हे त्यांच्या नावाद्वारे सूचित केले जाते, उदाहरणार्थ मोठी-विक्री- ७६८x७६८.jpg

आम्ही स्पष्टपणे असे परिमाण सेट केले नसल्यामुळे, प्लगइन आणि थीमवर संशय येतो.

थंबनेल्स तयार करण्यासाठी WordPress मध्ये add_image_size() फंक्शन आहे:

add_image_size("सानुकूल-आकार", 768, 768, खरे);

काही php फाइल्समध्ये समान कोड असतो. फोल्डर फाइंड टेक्स्ट प्रोग्राम वापरून, आम्ही मजकूर add_image_size शोधतो (आणि Notepad++ वापरून सापडलेल्या फाइल्सचा अभ्यास करतो.

आमच्या बाबतीत, दोषी साइट थीम होती, जरी प्लगइन लघुप्रतिमा देखील तयार करू शकतात. तुमचे कार्य एकतर फंक्शनमधील परिमाणे बदलणे आहे (समान 768, 768), किंवा ते पूर्णपणे काढून टाकणे (ही ओळ हटवल्याने साइटवर परिणाम होणार नाही).

पायरी 2: भंगाराची जागा साफ करा

नवीन लघुप्रतिमा आकार सेट केल्यानंतर, आम्हाला ते पुन्हा तयार करणे आवश्यक आहे. या प्रक्रियेला म्हणतात लघुप्रतिमा पुन्हा निर्माण करा.

हे करण्यासाठी आपल्याला एक प्लगइन स्थापित करणे आवश्यक आहे थंबनेल्स रीजनरेट करा. हे जुन्या प्रतिमा हटवेल आणि नवीन तयार करेल, दुर्दैवाने ऑप्टिमाइझ केलेले नाही.

तुमच्या संगणकावर /wp-content/uploads फोल्डरमधून फाइल्स मॅन्युअली डाउनलोड करणे आणि अनावश्यक फाइल हटवणे ही चांगली कल्पना असेल.

उदाहरणार्थ, काही कारणास्तव आमच्याकडे अजूनही 140x140 पिक्सेलच्या प्रतिमा आहेत, त्या हटवा:

चौरस नसलेल्या प्रतिमांना स्पर्श न करणे चांगले आहे, उदाहरणार्थ 200x180 परिमाणांसह. सर्वसाधारणपणे, आवश्यक फोटो चुकून हटवू नये म्हणून आपल्याला साफसफाईची विशेष काळजी घेणे आवश्यक आहे.

न वापरलेल्या प्रतिमा शोधण्याचा दुसरा मार्ग म्हणजे साइट कंट्रोल पॅनलमधील मीडिया फाइल्स > लायब्ररी विभागात जा आणि ड्रॉप-डाउन सूचीमधून अटॅच केलेले निवडा:

प्रणालीनुसार न वापरलेल्या प्रतिमा

यापैकी कोणत्या प्रतिमांची खरोखर गरज नाही हे केवळ आपणच समजू शकता. सिस्टमसाठी, संलग्न (न वापरलेले) प्रतिमा पृष्ठ, उत्पादन किंवा ब्लॉग पोस्टवर न घातलेल्या कोणत्याही गोष्टी मानल्या जातात.

पायरी 3: प्रतिमा ऑप्टिमाइझ करा

शेवटी, अंतिम टप्पा म्हणजे गुणवत्तेचे नुकसान न करता प्रतिमा कॉम्प्रेशन. म्हणजेच त्यांचा आकार कमी करणे.

पर्याय १: सर्व्हरवर ऑप्टिमाइझ करा (लांब)

प्रतिमा ऑप्टिमाइझ करण्यासाठी (संकुचित) भरपूर प्लगइन आहेत. उदाहरणार्थ, लेख सहा सर्वोत्तम चर्चा करतो. मी प्लगइनची शिफारस करतो WP Smushसुंदर इंटरफेसमुळे.

सामान्यतः, असे प्लगइन JPEG, PNG, GIF प्रतिमांना समर्थन देतात. सर्व ऑप्टिमायझेशन क्लाउडमध्ये होते, परंतु कमकुवत होस्टिंगवर ते सर्व्हरवरील उच्च लोडमुळे अवरोधित केले जाऊ शकते.

पर्याय २: तुमच्या संगणकावर ऑप्टिमाइझ करा (त्वरीत)

संगणकावरील प्रतिमांची बॅच प्रक्रिया जलद होईल, विशेषत: आपल्याकडे शक्तिशाली असल्यास. यासाठी आपल्याला एक कार्यक्रम हवा आहे JPEGmini

पर्याय 3: ऑन-द-फ्लाय ऑप्टिमायझेशन

WordPress.com वरून जेटपॅक प्लगइन स्थापित करा, जे प्रतिमांसाठी CND वापरते. या फीचरला "Performance with Images" असे म्हणतात. दुर्दैवाने, या प्लगइनमध्ये एक मोठी कमतरता आहे - ती साइटला खूप लोड करते.

माझा अंदाज आहे की हे सर्व आहे, जर तुम्हाला काही प्रश्न असतील तर त्यांना टिप्पण्यांमध्ये विचारा.

आपण वापरत असलेल्या प्रतिमा, त्यांची गुणवत्ता आणि चांगली खात्री करणे खूप महत्वाचे आहे सर्वोत्तमीकरण.

WP स्मश

WP स्मश प्रतिमा आकार कमी करतेगुणवत्तेशी तडजोड न करता. हे प्लगइन वापरल्याने तुमच्या वेबसाइटचा वेग वाढेल. हे टूल नवीन प्रतिमा आणि आधीच डाउनलोड केलेल्या दोन्ही प्रतिमांना अनुकूल करते.
वैशिष्ठ्य:

• JPEG, PNG आणि GIF फाइल्सचे ऑप्टिमायझेशन;
• संलग्न फाइल्सचे स्वयंचलित ऑप्टिमायझेशन;
• संधी वस्तुमान ऑप्टिमायझेशनएका वेळी 50 पर्यंत प्रतिमा;
• गुणवत्तेचे नुकसान न करता ऑप्टिमाइझ करते;
• WP स्मशच्या सशुल्क आणि विनामूल्य आवृत्त्या आहेत. नवशिक्या वापरकर्त्यांसाठी, विनामूल्य आवृत्ती पुरेसे असेल.

Optimus - Wordpress वर इमेज ऑप्टिमायझेशन

एक उत्तम गुणवत्तेची हानी न करता प्रतिमा संकुचित आणि ऑप्टिमाइझ करण्यासाठी प्लगइन. आपल्याला प्रतिमेचे वजन 70% पर्यंत कमी करण्यास अनुमती देते, जे आपल्याला मोठ्या प्रमाणात रहदारी वाचवेल.

CW इमेज ऑप्टिमायझर

CW इमेज ऑप्टिमायझर वर्डप्रेस प्लगइनमध्ये EWWW आणि WP स्मश सारखेच वैशिष्ट्य आहे - प्रतिमांचा आकार कमी करतेइष्टतम करण्यासाठी. तुमच्या ब्लॉगवरील सर्व इमेज एकाच वेळी ऑप्टिमाइझ करू शकतात आणि तुम्ही अपलोड करता त्या सर्व इमेजचा आकार देखील आपोआप कमी करतो.
प्रतिमांच्या गुणवत्तेला त्रास होत नाही; प्लगइन कोणत्याही गोष्टीचा त्याग न करता प्रतिमांचा आकार कमी करते.
वैशिष्ठ्य:

• कामगिरी;
• तुमच्या सर्व्हरवर चालते, API न वापरता.

आळशी भार

हे आणखी एक आहे चांगला इमेज ऑप्टिमायझर. आळशी लोड प्लगइन भिन्न आहे कारण ते वापरकर्त्याच्या दृश्य क्षेत्रामध्ये असतानाच प्रतिमा लोड करते.
ते कॉन्फिगर करण्याची आवश्यकता नाही, तुम्हाला फक्त ते स्थापित करण्याची आवश्यकता आहे. .sonar प्रतिमा अपलोड करण्यासाठी वापरले जाते.

JPEG आणि PNG प्रतिमा संकुचित करा

JPEG आणि PNG प्रतिमा संकुचित करा प्रतिमा ऑप्टिमाइझ करते, ते पृष्ठ लोडिंग गती वाढवा. यासाठी TinyPNG तंत्रज्ञान वापरले जाते.
साइटवर आधीपासून असलेल्या प्रतिमा, तसेच नवीन, लोड करण्यापूर्वी त्यांचा आकार बदलू शकतो.
वैशिष्ठ्य:

• परवानगी देते प्रतिमेचा आकार बदलाआपण निर्दिष्ट केलेल्यांना;
• आपोआप संकुचित होतेनवीन आणि आधीच अपलोड केलेल्या प्रतिमा;
• एका API कीसह एकाधिक साइटसह कार्य करा;
• फाइल आकाराचे कोणतेही निर्बंध नाहीत;
• मास ऑप्टिमायझेशन.