CMS में छवि स्केलिंग

ट्यूटोरियल का लक्ष्य

आप सीखेंगे कि bluetronix CMS स्थानीय चित्रों को IMG.pl के माध्यम से CMS साइट-रेंडरिंग प्रक्रिया के दौरान कैसे स्केल करता है, कौन से छह पैरामीटर का उपयोग किया जाता है और क्यों ब्राउज़र तब केवल तैयार की गई चित्र फ़ाइल प्राप्त करता है।

bluetronix CMS में शामिल है:

IMG.pl

छवियों के स्वचालित स्केलिंग और तैयारी के लिए एक केंद्रीय कार्य।

CMS के भीतर, IMG.pl का उपयोग CMS साइट-रेंडरिंग प्रक्रिया के दौरान छवियों को स्वचालित रूप से इच्छित आकार पर काटने या स्केल करने के लिए किया जाता है।

महत्वपूर्ण: IMG.pl bluetronix CMS का एक आंतरिक कार्य है। IMG.pl का आह्वान दर्शक को अंतिम छवि-URL के रूप में नहीं दिया जाता है।

मूल सिद्धांत

HTML कोड के भीतर, सबसे पहले एक आंतरिक IMG.pl आह्वान का उपयोग किया जा सकता है।

उदाहरण:

<img src="/CMS/cgi-bin/IMG.pl?/img/image.jpg=700=500=1=100=1">

CMS साइट-रेंडरिंग प्रक्रिया के दौरान, इस आह्वान को संसाधित किया जाता है।

CMS एक बार संबंधित स्केल की गई चित्र फ़ाइल उत्पन्न करता है।

इसके बाद, मूल IMG.pl आह्वान को तैयार की गई चित्र फ़ाइल के फ़ाइल नाम से प्रतिस्थापित किया जाता है।

रेंडरिंग से पहले कोड

<img src="/CMS/cgi-bin/IMG.pl?/img/image.jpg=700=500=1=100=1">

रेंडरिंग के बाद कोड

संसाधित होने के बाद, HTML कोड उदाहरण के लिए इस तरह दिख सकता है:

<img src="/tmp/img_image_700_500_1_100_1_1070.jpg">

इससे ब्राउज़र को मूल IMG.pl आह्वान नहीं मिलता, बल्कि सीधे तैयार की गई चित्र फ़ाइल मिलती है।

CMS-साइट-रेंडरिंग प्रक्रिया में प्रवाह

HTML enthält IMG.pl-Aufruf
      ↓
CMS-Site-Rendering-Prozess
      ↓
IMG.pl wird intern verarbeitet
      ↓
Bild wird skaliert / zugeschnitten
      ↓
neue Bilddatei wird erzeugt
      ↓
IMG.pl-Aufruf wird ersetzt
      ↓
fertiger Bild-Dateiname wird in das HTML eingesetzt
      ↓
fertige HTML-Seite wird ausgeliefert

इससे छवि स्केलिंग को प्रत्येक ब्राउज़र कॉल पर फिर से करने की आवश्यकता नहीं पड़ती।

IMG.pl का उपयोग केवल आंतरिक रूप से किया जाता है

महत्वपूर्ण: IMG.pl केवल bluetronix CMS के भीतर आंतरिक उपयोग के लिए है।

IMG.pl को बाहरी छवि इंटरफेस के रूप में उपयोग नहीं किया जाना चाहिए या सीधे बाहरी वेबसाइटों द्वारा नहीं बुलाया जाना चाहिए।

संसाधन आंतरिक रूप से रेंडरिंग प्रक्रिया के दौरान होता है।

बाहर केवल तैयार की गई चित्र फ़ाइल जारी की जाती है।

छवियाँ वेब स्पेस पर उपलब्ध होनी चाहिए

महत्वपूर्ण: सभी चित्र जो IMG.pl के माध्यम से संसाधित होते हैं, उन्हें संबंधित bluetronix इंस्टॉलेशन की वेबस्पेस में सीधे होना चाहिए।

बाहरी चित्र-URLs को स्रोत फ़ाइल के रूप में उपयोग नहीं किया जा सकता।

उदाहरण के लिए स्वीकार्य है:

/img/image.jpg

उदाहरण के लिए अस्वीकार्य है:

https://external-domain.com/image.jpg

स्रोत फ़ाइल स्थानीय रूप से वेबस्पेस के भीतर उपलब्ध होनी चाहिए।

IMG.pl कॉल की संरचना

एक सामान्य कॉल इस प्रकार है:

<img src="/CMS/cgi-bin/IMG.pl?/img/image.jpg=700=500=1=100=1">

पैरामीटर सीधे पीछे-पीछे दिए जाते हैं:

=

अलग किए जाते हैं।

कोई पैरामीटर नाम का उपयोग नहीं किया जाता है।

महत्वपूर्ण केवल पैरामीटर का क्रम है।

पैरामीटर अवलोकन

पैरामीटर 1 – फ़ाइल नाम

पहला पैरामीटर स्रोत फ़ाइल के पथ को शामिल करता है।

उदाहरण:

/img/image.jpg

आंतरिक रूप से, यह पैरामीटर:

my $f = $help[0];

यदि निर्दिष्ट स्रोत फ़ाइल मौजूद नहीं है, तो प्रोसेसिंग रोक दी जाएगी।

नोट: वैध स्थानीय स्रोत फ़ाइल के बिना IMG.pl कोई चित्र नहीं बना सकता।

पैरामीटर 2 – चौड़ाई

दूसरा पैरामीटर पिक्सल में इच्छित चित्र चौड़ाई निर्धारित करता है।

उदाहरण:

700

आंतरिक:

my $w = $help[1];

पैरामीटर 3 – ऊँचाई

तीसरा पैरामीटर पिक्सल में इच्छित चित्र ऊँचाई को निर्धारित करता है।

उदाहरण:

500

आंतरिक:

my $h = $help[2];

पैरामीटर 4 – अनुपात

चौथा पैरामीटर चित्र की अनुपातिक स्केलिंग या क्रॉपिंग को नियंत्रित करता है।

उदाहरण:

1

आंतरिक:

my $p = $help[3];

इससे यह नियंत्रित किया जा सकता है कि चित्र के मूल अनुपात को स्केलिंग या क्रॉपिंग के दौरान कैसे संभाला जाए।

पैरामीटर 5 – गुणवत्ता

पाँचवां पैरामीटर सामान्य ग्रिड चित्रों में बनाई गई चित्र फ़ाइल की गुणवत्ता को निर्धारित करता है।

उदाहरण:

100

आंतरिक:

my $q = $help[4];

सामान्यतः, यह मान:

100

सेट किया जाता है।

पैरामीटर 6 – ज़ूम

छठा पैरामीटर यह निर्धारित करता है कि क्या चित्र को बढ़ाया जा सकता है, जब इच्छित आउटपुट आकार मूल चित्र से बड़ा होता है।

आंतरिक:

my $z = $help[5];

साथ में:

1

चित्र को आवश्यकतानुसार बढ़ाया जाएगा।

उदाहरण:

...=700=500=1=100=1

जूम सक्रिय किए बिना, एक बहुत छोटा चित्र उचित रूप से उच्च स्केल नहीं किया जाएगा। शेष क्षेत्र को सफेद सीमा या पृष्ठभूमि से भर दिया जाएगा।

सभी छह पैरामीटर के साथ उदाहरण

/CMS/cgi-bin/IMG.pl?/img/image.jpg=700=500=1=100=1

मानों का अर्थ है:

1. /img/image.jpg
   → Quelldatei

2. 700
   → Breite: 700 Pixel

3. 500
   → Höhe: 500 Pixel

4. 1
   → proportionale Verarbeitung / Zuschnitt

5. 100
   → Bildqualität

6. 1
   → Zoom aktiviert

अनुमोदित फ़ाइल प्रकार

IMG.pl निम्नलिखित चित्र फ़ॉर्मेट का समर्थन करता है:

gif
jpg
jpe
jpeg
png
svg

SVG फ़ाइलों की विशेषता

एसवीजी-फाइलों में पाँचवाँ पैरामीटर विशेष महत्व रखता है।

सामान्य छवि प्रारूपों जैसे JPG या PNG में:

my $q = $help[4];

छवि गुणवत्ता है।

वहीं एसवीजी-फाइलों में इस पैरामीटर को रंग के रूप में उपयोग किया जाता है।

नोट: $help[4] तकनीकी रूप से पाँचवाँ पारित पैरामीटर है, क्योंकि अंतर्निहित एरे इंडेक्स 0 से शुरू होता है।

इसलिए, यह मान्य है:

JPG / PNG / GIF
Parameter 5
→ Qualität


SVG
Parameter 5
→ Farbe

इससे एसवीजी-फाइल के प्रसंस्करण में इच्छित रंग सेट या बदलना संभव होता है।

आंतरिक पैरामीटर असाइनमेंट

आंतरिक रूप से छह पारित मान इस प्रकार संसाधित होते हैं:

my $f = $help[0];  # Dateiname
my $w = $help[1];  # Breite
my $h = $help[2];  # Höhe
my $p = $help[3];  # Proportionalität
my $q = $help[4];  # Qualität / bei SVG: Farbe
my $z = $help[5];  # Zoom

क्यों IMG.pl रेंडरिंग के दौरान बदलता है?

आंतरिक IMG.pl कॉल को स्थायी सार्वजनिक छवि-URL के रूप में नहीं देखा जाता है।

इसके बजाय, यह CMS के लिए एक निर्देश के रूप में कार्य करता है:

Nimm dieses Bild
+
erzeuge diese Größe
+
verwende diese Skalierung
+
verwende diese Qualität
+
berücksichtige die Zoom-Einstellung

परिणाम को सामान्य छवि फ़ाइल के रूप में सहेजा जाएगा।

से:

<img src="/CMS/cgi-bin/IMG.pl?/img/image.jpg=700=500=1=100=1">

उदाहरण के लिए:

<img src="/tmp/img_image_700_500_1_100_1_1070.jpg">

इससे ब्राउज़र को केवल तैयार फ़ाइल प्राप्त होती है।

CMS छवि स्केलिंग के लाभ

केंद्रीय छवि पैमाइश कई लाभ प्रदान करती है:

• einheitliche Bildgrößen
• automatischer Bildzuschnitt
• keine manuelle Erstellung jeder einzelnen Bildgröße erforderlich
• fertige Bilddateien können direkt ausgeliefert werden
• IMG.pl muss nicht als öffentliche Bildschnittstelle verwendet werden
• die Bildverarbeitung wird zentral vom CMS gesteuert

सारांश

IMG.pl bluetronix CMS की केंद्रीय आंतरिक छवि पैमाइश फ़ंक्शन है।

एक सामान्य कॉल इस प्रकार है:

<img src="/CMS/cgi-bin/IMG.pl?/img/image.jpg=700=500=1=100=1">

छह पैरामीटर हैं:

1. Dateiname
2. Breite
3. Höhe
4. Proportionalität
5. Qualität / bei SVG Farbe
6. Zoom

महत्वपूर्ण है:

Quelldateien müssen lokal auf dem Webspace liegen.

IMG.pl ist nur für die interne CMS-Verarbeitung vorgesehen.

IMG.pl-Aufrufe werden während des Rendering-Prozesses verarbeitet.

Nach außen wird die fertig erzeugte Bilddatei ausgeliefert.

बुनियादी प्रक्रिया इस प्रकार है:

lokales Originalbild
      ↓
IMG.pl
      ↓
Skalierung / Zuschnitt
      ↓
fertige Bilddatei erzeugen
      ↓
IMG.pl-Aufruf im HTML ersetzen
      ↓
fertige Bild-URL an den Browser ausliefern