एक मास्टर रखें और एक वेब डिलीवरी कॉपी बनाएं
मूल छवि को अपनी छवि विवरण और अनुमोदन रिकॉर्ड के साथ बचाएं। पृष्ठ के वास्तविक छवि क्षेत्र के लिए अलग वितरण फ़ाइल बनाएं। यह आपको बाद में एकमात्र स्रोत फ़ाइल को बार-बार संपादित किए बिना छवि फ्रेम या संपीड़न को बदलने की अनुमति देता है।
THE RENDER OFFICE वर्तमान में वर्ग, परिदृश्य या चित्र आयामों में PNG छवियों को वापस करता है। एक बड़ा स्रोत समाप्त करने के लिए उपयोगी हो सकता है, लेकिन एक छोटी श्रेणी कार्ड को कम पिक्सेल की आवश्यकता हो सकती है। छवि निर्माण गुणवत्ता सेटिंग एक उचित वेब निर्यात तैयार करने के लिए एक प्रतिस्थापन नहीं है।
पिक्सेल लाइसेंस के लिए वितरित
वास्तविक डिज़ाइनों और आपके द्वारा समर्थित डिवाइस घनत्वों के माध्यम से छवि के प्रदर्शित आकार की जांच करें। उपयुक्त छवि वेरिएंट तैयार करें जहां साइट उन्हें प्रतिक्रियाशील रूप से सेवा कर सकती है। केवल सीएसएस चौड़ाई को कम करना डाउनलोड किए जाने वाले फ़ाइल के बाइट्स को कम नहीं करता है।
एमडीएन दस्तावेज कैसे छवि स्रोत उम्मीदवारों और आकार जानकारी ब्राउज़रों को एक उपयुक्त संसाधन चुनने में मदद करता है। घोषित लेआउट को वास्तविक पृष्ठ के अनुरूप होना चाहिए; गलत आकार की जानकारी ब्राउज़र को एक कम उपयुक्त उम्मीदवार का चयन कर सकती है।
अंतिम दृश्य आकार में संपीड़न की तुलना करें
प्रकाशन कार्यप्रवाह द्वारा समर्थित उचित प्रारूपों को निर्यात करें, फिर फ़ाइल आकार और उपस्थिति की तुलना करें। ग्रेडिएंट्स, सूक्ष्म संरचना, किनारों और किसी भी सटीक उत्पाद विवरण की जांच करें। पारदर्शिता को केवल तभी बनाए रखें जब लेआउट को वास्तव में इसकी आवश्यकता होती है।
सबसे छोटा फिट फ़ाइल चुनें जो प्लेसमेंट के लिए आवश्यक गुणवत्ता बनाए रखता है। कोई सार्वभौमिक फ़ाइल-आकार लक्ष्य नहीं है जो एक छवि को अनुकूलित करने का सबूत देता है। एक छोटे से सजावटी कार्ड और एक विस्तृत उत्पाद छवि में अलग-अलग नौकरियां होती हैं और इसे इसके अनुसार समीक्षा की जानी चाहिए।
| क्षेत्र | दर्ज जानकारी | प्रश्न समीक्षा |
|---|---|---|
| स्थान | वर्तमान पृष्ठ और छवि क्षेत्र | क्या छवि फ्रेम इस लेआउट की सेवा करता है? |
| स्रोत और निर्यात | मास्टर फ़ाइल नाम और डिलीवरी वेरिएंट | क्या निर्यात को दोहराया जा सकता है? |
| आकार और बाइट्स | पिक्सेल और फ़ाइल का आकार | क्या प्रदान किए गए संसाधन उचित हैं? |
| दृश्य समीक्षा | अनुमोदित गुणवत्ता के अनुमानित आकार में | क्या संपीड़न महत्वपूर्ण जानकारी को हटा देता है? |
महत्व के अनुसार भंडारण और लोड स्थान
अंतर्निहित चौड़ाई और ऊंचाई जानकारी प्रदान करें ताकि ब्राउज़र छवि के दृष्टि अनुपात को आरक्षित कर सके, इससे पहले कि यह पहुंच जाए। MDN बताता है कि यह कैसे लेआउट आंदोलन को कम करता है। पुष्टि करें कि अंतिम छवि फ्रेम और सीएसएस व्यवहार आरक्षित स्थान के साथ सहमत है।
उपयुक्त छवियों के लिए हल्के लोड का उपयोग करें जो प्रारंभिक दृश्य के लिए आवश्यक नहीं हैं। इसे मुख्य छवि पर अनैच्छिक रूप से लागू न करें एक आगंतुक को तुरंत देखना चाहिए। वास्तविक पृष्ठ व्यवहार की जांच करने के बजाय एक लोड एथलीट को एक सार्वभौमिक प्रदर्शन सुधार के रूप में संबोधित करें।
छवि को उपयोगी खोज और पाठक संदर्भ दें
संबंधित पाठ के बगल में छवि रखें और एक संक्षिप्त, वर्णनात्मक फ़ाइल नाम चुनें। उस पृष्ठ पर छवि के उद्देश्य के लिए alt पाठ लिखें, कुंजी शब्द सूची से बचें। Google फ़ाइल नामों का वर्णन करता है और विषय को समझने के लिए आसपास के पृष्ठ संदर्भ का उपयोग करता है; एक फ़ाइल नाम अकेले प्रासंगिकता या रैंकिंग निर्धारित नहीं करता है।
प्रकाशित पृष्ठ के वास्तविक छवि अनुरोधों, क्रम, पहुंच और प्रदर्शन को उचित उपकरणों के साथ देखें। संस्करणों की तुलना करने से पहले शर्तों और परिणामों को रिकॉर्ड करें। तेजी से वितरण अनुभव में सुधार कर सकता है, लेकिन आय अभी भी प्रस्ताव, दर्शकों और पूर्ण रूपांतरण मार्ग पर निर्भर करता है।
निर्यात से पहले स्रोत की योजना बनाएं।
अभियान कार्यप्रवाह गाइड का उपयोग करें यह तय करने के लिए कि आपको किस छवि की आवश्यकता है, इसे कैसे समीक्षा की जाएगी, और अंतिम संपत्ति को कैसे वितरित किया जाएगा।
अभियान छवि कार्यप्रवाह का पालन करें