संपादक में प्रयुक्त वास्तविक आकार की छवियों का आकार बदलना?

Question

क्या पोस्ट में दिखाए जाने वाले वास्तविक आकार में छवियों का आकार बदलने का कोई तरीका है? मेरे पास ऐसे उपयोगकर्ता हैं जो एक बड़ी छवि आयात करते हैं और फिर दृश्य संपादक में इसका आकार बदलते हैं। यह आसान है, क्योंकि वे छवि को केवल तब तक खींच सकते हैं जब तक कि वे आकार नहीं चाहते हैं, पहले बिना किसी छवि संपादक को खोले, छवि का आकार बदलना, उसे सहेजना, और इसे एक अलग लगाव के रूप में अपलोड करना। बेशक, यह कभी-कभी एक छवि का परिणाम होता है जो पोस्ट में 100px चौड़ा होता है, लेकिन वास्तविकता में 1500px।

क्या कोई प्लगइन है जो एक नया पोस्ट सहेजे जाने पर ऐसा करता है? मैं मौजूदा पूर्ण-आकार की छवि (लिंक करने के लिए, या बाद में आकार बदलने के लिए) रखना चाहूंगा, लेकिन बस एक अतिरिक्त आकार जोड़ें (और इसे _wp_attachment_metadataऑब्जेक्ट में सहेजें ), इसलिए इस पोस्ट में सही आकार में छवि, और एक संदर्भ है पूर्ण आकार का लगाव।

बेशक, सभी मौजूदा पदों को भी एक बार संभाला जाना चाहिए। <img>टैग वहाँ सिर्फ एक छवि हो सकता है width, बस height, या उनमें से कोई भी नहीं: यह सब साफ किया जाना चाहिए, इसलिए वे सभी सही है width, heightऔर उस आकार की एक छवि है।

Comments

क्या आप एक सर्वर-साइड समाधान के साथ ठीक हैं जो मौजूदा छवि URL को दिए गए मापदंडों के आधार पर फ्लाई पर छवियों का आकार बदलता है? अपाचे / Mod_Rewrite?

— 12

@hakre: क्या आपका मतलब पोस्ट-पोस्ट फिल्टर है जो पोस्ट के माध्यम से जाता है और प्रत्येक छवि को फिर से लिखता है image.png?w=300&h=400, या image-300x400.png, जिसे मैं Mod_Rewrite के माध्यम से उठाऊंगा और अनुरोध पर (और कैश) का आकार बदल दूंगा? क्या एक बार (उस पोस्ट-सेव एक्शन में) रिसाइज़ इमेज बनाने और उन्हें स्टैटिक फाइल्स के रूप में परोसने का एक फायदा है?

— जान फेब्री

@ जान फेब्री हां, यही मेरे दिमाग में था। लाभ यह है कि, आप केवल अनुरोध पर छवि बनाते हैं, इसलिए जब तक लेखक पोस्ट को संपादित नहीं करता है, तब तक यह प्रति-फाइलें नहीं बनाएगा। एडिटिंग को ब्लॉक नहीं करने के आगे, यह wp से अधिक डिकॉउड किया गया है ताकि आप कुछ सर्वर सर्विस, CDN कैचिंग एक्स्ट्राग्वांजा ​​और जो कुछ भी बना सकते हैं। :) --- wp.com कुछ ऐसा ही करता है अगर मैं उस अधिकार को देखता हूं।

— हैकर 14

कैशिंग के साथ संयुक्त, यह दृष्टिकोण वास्तव में चमकता है। मुझे लगता है कि इसके लिए एक प्लगइन है। आप ज़ेनफोटो गैलरी (मेरे अपने: lmazy.verrech.net/zenphoto-gallery ) जैसे एक प्लगइन के साथ ज़ेनफ़ोटो की एक स्थापना को भी चला सकते हैं

— राफेल

@ राफेल: वास्तव में, आज मैंने संभावित प्लगइन्स पर शोध किया, और कुछ इस दृष्टिकोण को लेते हैं। यदि आपको मेरी शॉर्टलिस्ट में कुछ जोड़ना है , तो कृपया ऐसा करें, यह सभी द्वारा संपादन योग्य है।

— Jan Fabry

Answer 1

मैंने दो प्लगइन्स बनाए जो एक साथ मेरी ज़रूरतों को हल करें। वे वर्तमान में एक प्रारंभिक अल्फा चरण में हैं, और सभी टिप्पणियों का स्वागत है।

आधार प्लगइन एक ऑन-डिमांड रेसिज़र है । यह प्लगइन्स अपलोड में मौजूद गैर-मौजूदा फ़ाइलों के लिए अनुरोधों की निगरानी करता है, और यदि आवश्यक हो तो अनुरोधित आकार की छवियां बनाता है। उदाहरण के लिए, image-200x100.jpgबनाएगा और लौटेगा image.jpg, लेकिन 200 से 100 पिक्सेल तक आकार देगा। छवि को निर्देशिका में उस नाम से सहेजा जाता है, इसलिए आगे के अनुरोधों को सर्वर द्वारा सीधे नियंत्रित किया जाता है।

दूसरा प्लगइन, आकार बदलने वाले टैग्स , टैगों को संशोधित करता है <img>ताकि उनकी srcविशेषताओं में चौड़ाई और / या ऊंचाई डेटा शामिल हो। यह पहला प्लगइन सही छवियों की सेवा करने की अनुमति देता है। साथ में वे वही करते हैं जो मैं चाहता हूं, और मुझे केवल सभी मौजूदा पोस्ट को बदलने के लिए रन-एक बार फ़ंक्शन बनाने की आवश्यकता है, लेकिन यह आसान होना चाहिए (मैं the_contentउस चीज़ के लिए हुक नहीं करना चाहता जो केवल एक बार चलना चाहिए)।

एक तीसरा "बोनस" प्लगइन, आभासी मध्यवर्ती छवियां , वर्डप्रेस में एक नई छवि अपलोड करते समय मध्यवर्ती छवियों के निर्माण को स्वीकार करती हैं। जब से वे अनुरोध किए जाते हैं तब भी पहले प्लगइन द्वारा बनाए जाते हैं, यह आपको डिस्क स्थान लेने के बिना कई छवि आकारों को निर्दिष्ट करने की अनुमति देता है जब तक कि वे वास्तव में उपयोग नहीं किए जाते हैं। पहले काम करने के लिए दोनों की आवश्यकता नहीं है, लेकिन यह एक आसान जोड़ था, और यह इस तथ्य को उजागर करता है कि मुझे अभी भी वर्डप्रेस छवि संपादक के आसपास काम करने की आवश्यकता है, लेकिन मैं यह करूंगा कि जब मैं अपना थंबनेल संपादक बनाऊंगा , तो यह भी होगा पहले प्लगइन का उपयोग करें।

Comments

ये आवाज वास्तव में उत्कृष्ट है! जब मैं वास्तविक दुनिया के परिदृश्यों के लिए उनकी आवश्यकता होती है, तो मैं उन्हें आज़माने के लिए इंतजार नहीं कर सकता।

— माइकशिंकेल

उत्तम सामग्री। क्या आप उन लोगों को वर्पड्रेस प्लगइन रिपॉजिटरी में जोड़ने पर विचार कर रहे हैं?

— hakre

@ खाकरे: हाँ वास्तव में। एक बार मैंने उन्हें सहकर्मी समीक्षा के लिए तैयार कर लिया :-)

— Jan Fabry

Answer 2

मैंने ( "resize"या किसी अन्य प्रश्न के"crop" लिए उत्तरार्द्ध ) प्लगइन निर्देशिका की खोज की है , और एक सार्वजनिक Google स्प्रेडशीट में मेरे निष्कर्षों को नोट किया है । प्लगइन खोज अपने परिणाम संख्याओं में बहुत भ्रमित है ( खोज का अंतिम पृष्ठ "273 प्लगइन्स का 145-150 दिखा रहा है"), इसलिए मुझे कुछ याद आ गया होगा। अर्ध-संबंधित नोट्स: हर कोई लगता है कि दुनिया को एक और स्लाइड शो प्लगइन की आवश्यकता है। कुछ लगता है कि भारी पार्सिंग करने के लिए एक बेहतर फिल्टर हो सकता है ।"resize"content_save_prethe_content

मैंने इनमें से किसी भी प्लगइन्स का परीक्षण अभी तक नहीं किया है, लेकिन यहां उन प्लगइन्स की एक सूची दी गई है जो मुझे लगता है कि मुझे क्या चाहिए। मैंने कोष्ठक में "संगत तक" संस्करण संख्या को जोड़ा।

• चॉइकसट्स इमेज बाजीगर , एक एपीआई (3.0.1) के माध्यम से सुलभ कई छवि हैंडलिंग कार्यों के साथ
• AutoThumb , URL को एक हैंडलर को फिर से लिखता है जो phpThumb (2.9.2) का उपयोग करता है
• एक विशेष [img]शोर्ट (2.9.2) के माध्यम से इमेज साइमलिंक
• com_resize , URL को एक हैंडलर को फिर से लिखता है जो phpThumb का उपयोग करता है, बाहरी चित्र (2.6)
• ImageScaler , यदि आवश्यक हो तो नए आकार बनाता है और छवियों में URL बदलता है (2.3)
• ImageScaler मॉडल्ड , ImageScaler का थोड़ा संशोधित संस्करण (2.3.1)

व्यक्तिगत विचार: पहले चार /wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50कैशिंग के अलग-अलग रूपों के साथ URL को डायनामिक पेज (कुछ इस तरह ) को फिर से लिखते हैं । मैं एक वास्तविक छवि पसंद करता हूं जिसे आवश्यकतानुसार बनाया जाता है, जैसा कि ImageScaler लेता है। हालांकि, मैं इस विभाजित हैं (और टिप्पणियों में hakre के सुझाव शामिल हैं) और पहले से सभी URL पुनः लिखने /wp-content/uploads/2010/11/image.jpgके लिए /wp-content/uploads/2010/11/image-100x50.jpg, और फिर एक स्क्रिप्ट लापता छवियों बना सकते हैं। इस छवि के लिए पहला अनुरोध छवि बनाता है, बाद के सभी अनुरोध इस बनाई गई छवि का उपयोग करते हैं। यह भी मुझे विभिन्न प्लगइन्स में कार्यक्षमता को विभाजित करने की अनुमति देता है। मैं इस समाधान को एक अलग उत्तर में पोस्ट करूंगा।

ये प्लगइन्स छवियों को एक निश्चित अधिकतम आकार तक सीमित करते हैं (यह निर्दिष्ट करने से अलग कैसे है $content_width?):

• जेपी-रिडिजाइन-इमेज , हॉटलिंक और ओवरसाइज़्ड इमेज दोनों की जांच करता है (केवल अगर वे बहुत बड़े हैं, तो नहीं कि वे सिर्फ आकार बदल रहे हैं) (3.0.1)
• Hungred Image Fit , बहुत बड़ी छवियों की जाँच करता है (3.0.0)

निम्नलिखित प्लगइन अन्य कारणों से दिलचस्प है:

• टिमथुम टिनीएमसीई से मिलता है , इसमें टाइनीएमसीई संपादक (2.8.4) में एक मैनुअल आकार का बटन शामिल है

यह एक सामुदायिक विकी पोस्ट है, इसलिए यदि आप नए प्लगइन्स पाते हैं तो इसे अपडेट किया जा सकता है।

Answer 3

छवि के आकार / आयाम और ज़ूम स्तर को स्वचालित रूप से बदलने के लिए टाइमथंब और पासिंग चर का उपयोग करने के बारे में क्या? इस तरह से मूल छवि आकार अभी भी बनाए रखा जा सकता है। अगर आपको इस लाइन के कुछ उदाहरणों की आवश्यकता है तो मुझे बताएं।

Answer 4

वर्डप्रेस तीन डिफ़ॉल्ट आकार (छोटे, मध्यम, बड़े) प्रदान करता है जिन्हें कॉन्फ़िगर किया जा सकता है। यदि आप इनका उपयोग करते हैं, तो Wordpress आकार की प्रतियाँ बनाता है। यह शायद उन लोगों का उपयोग करने और संख्या सेट करने के लिए अच्छी शैली है ताकि वे वर्तमान शैली को फिट करें। छवियों के परिणामस्वरूप पूरे पृष्ठ में अलग-अलग आकार नहीं होते हैं और जब विषय बदलता है तो वैश्विक समायोजन की अनुमति देता है।

Comments

मुझे पता है कि पूर्वनिर्धारित छवि आकारों से चिपकना सबसे अच्छा है, लेकिन मेरे ग्राहक नहीं हैं :-) यदि वे संपादक में छवि का आकार बदल सकते हैं, तो यह केवल तर्कसंगत है कि सिस्टम उस पसंद का अनुसरण करता है।

— Jan Fabry

ठीक है, आप इस संभावना को हटा सकते हैं और उन्हें सफाई से काम करने के लिए मजबूर कर सकते हैं;)

— राफेल

यह भी एक दिलचस्प सवाल है: "मैं TinyMCE में आकार परिवर्तनशीलता को कैसे अक्षम करूं?" यदि आप इसका उत्तर जानते हैं, तो कृपया एक नया प्रश्न बनाएं और स्वयं इसका उत्तर दें, यह संभवतः दूसरों के लिए उपयोगी होगा।

— जन फैब्री

Answer 5

हाल ही में जारी किया गया इमेज प्रो प्लगइन बिल्कुल ऐसा ही लगता है। अभी तक अपना परीक्षण नहीं किया था, डेमो बहुत प्रभावशाली दिखता है, खराब ब्राउज़र संगतता (फ़ायरफ़ॉक्स-ओनली)।