फेसबुक ट्विटर
alltechbites.com

HTML - छवि फ़ाइल प्रबंधन युक्तियाँ

Grant Tafreshi द्वारा जुलाई 16, 2024 को पोस्ट किया गया

HTML ग्राफिक्स। यह एक वास्तविक संतुलन कार्य है जो हमेशा पूरा करने के लिए एक आसान काम नहीं है। चलो सामना करते हैं। वेबपेज जो सभी पाठ हैं, बस बाहर की जाँच करने के लिए उबाऊ हैं। यह अखबार में ओबिटुएरीज को पढ़ने जैसा है। तो ग्राफिक्स वास्तव में आपके वेबसाइट को थोड़ा सा छिड़कने का प्रयास करते समय काम में पाया जा सकता है। बात यह है कि ग्राफिक्स, या इससे भी अधिक विशेष रूप से ग्राफिक फाइलें, बहुत बड़ी हो सकती हैं और एक पूर्ण पृष्ठ पर गुच्छा के लिए बहुत समय ले सकती हैं। जब आपके पास बहुत सारे ग्राफिक्स होते हैं या यदि आपके द्वारा चुने गए ग्राफिक्स बड़े होते हैं, तो आगंतुक लोड करने के लिए पृष्ठ पर आगे देख रहे हैं। परिणाम यह है कि आपने अपने दर्शकों को वैसे भी खो दिया है क्योंकि वे स्थानांतरित हो गए हैं। तो आप एक सुस्त दिखने वाली वेबसाइट और कुछ ऐसा जो हमेशा के लिए लोड करने के लिए एक संतुलन बना सकते हैं? हम कुछ चीजों की समीक्षा करेंगे जो आप निश्चित रूप से इस पोस्ट में इस समस्या से संबंधित कर सकते हैं।

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

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

एक और चीज जो की जा सकती है, वह ग्राफिक फ़ाइलों का उपयोग कर सकती है, जिसे GIF फ़ाइलें कहा जाता है, जो कि लोड हो सकता है, जहां वास्तव में फोटो धीरे -धीरे स्क्रीन पर प्रदर्शित होता है क्योंकि यह लोड होता है ताकि आगंतुक आसानी से देख सके कि आप फ़ाइल को पूरा करने के बाद वहां एक छवि देखेंगे। ।

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

एक और चीज जो आपको करने की ज़रूरत है, यह सुनिश्चित करना है कि आपकी तस्वीरें पेज पर ठीक से फंसाई गई हैं। यदि आप अपनी तस्वीरों के आसपास की सीमाएँ चाहते हैं, तो सुनिश्चित करें कि आप अपनी छवि स्रोत फ़ाइल पर एक बॉर्डर = 1 टैग जोड़ते हैं।

अंत में, सुनिश्चित करें कि आप अपने छवि स्रोत टैग में ऊंचाई और चौड़ाई के विकल्प हैं। यह सुनिश्चित करता है कि यह है कि HTML कोड लोड होने से पहले ही फोटो के लिए एक सटीक क्षेत्र प्रदान करता है। यह लोडिंग समय बढ़ाने में मदद कर सकता है कि मेमोरी को कैसे प्रबंधित किया जाता है।