Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS3 का उपयोग करके छवि कंट्रास्ट को समायोजित करना

<घंटा/>

CSS में इमेज कंट्रास्ट सेट करने के लिए, फ़िल्टर कंट्रास्ट (%) का उपयोग करें। याद रखें, मान 0 छवि को काला बनाता है, 100% मूल छवि और डिफ़ॉल्ट के लिए है। बाकी, आप अपनी पसंद का कोई भी मान सेट कर सकते हैं, लेकिन 100% से ऊपर के मान छवि को अधिक कंट्रास्ट के साथ बनाएंगे।

उदाहरण

आइए अब CSS3 के साथ इमेज कंट्रास्ट को एडजस्ट करने के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: brightness(120%);
   filter: contrast(120%);
}
</style>
</head>
<body>
<h1>Learn MySQL</h1>
<img src="https://www.tutorialspoint.com/mysql/images/mysql-mini-logo.jpg" alt="MySQL" width="160" height="150">
<h1>Learn MySQL</h1>
<p>Below image is brighter and has more contrast than the original image above.</p>
<img class="demo" src="https://www.tutorialspoint.com/mysql/images/mysql-mini-logo.jpg" alt="MySQL" width="160" height="150">
</body>
</html>

आउटपुट

CSS3 का उपयोग करके छवि कंट्रास्ट को समायोजित करना


  1. पिलो लाइब्रेरी का उपयोग करके एक छवि को क्रॉप करना

    इस कार्यक्रम में, हम पिलो लाइब्रेरी का उपयोग करके एक छवि क्रॉप करेंगे। हम उसी के लिए फसल () फ़ंक्शन का उपयोग करेंगे। फ़ंक्शन छवि को क्रॉप करने के लिए बाएं, ऊपर, दाएं, नीचे पिक्सेल निर्देशांक लेता है। मूल चित्र एल्गोरिदम Step 1: Import Image from Pillow. Step 2: Read the image. Step 3: Crop the ima

  1. OpenCV फ़ंक्शन का उपयोग करके छवि को धुंधला करना धुंधला ()

    इस प्रोग्राम में, हम opencv फंक्शन ब्लर () का उपयोग करके एक इमेज को ब्लर करेंगे। एल्गोरिदम Step 1: Import OpenCV. Step 2: Import the image. Step 3: Set the kernel size. Step 4: Call the blur() function and pass the image and kernel size as parameters. Step 5: Display the results. मूल चित्र उदाहरण

  1. Image Resizer का उपयोग करके छवि प्रारूप कैसे बदलें

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