ओवरफ़्लो: ईमेल में काम नहीं कर रहा

Question

मैं कुछ छवियों के साथ कुछ ईमेल भेजने की कोशिश कर रहा हूं। यदि मैं वेबपृष्ठ पर छवियों को प्रदर्शित करता हूं तो वे 100x चौड़े और 100px लंबा होते हैं, लेकिन यदि छवि 100px से अधिक लंबी है तो इसे अतिरिक्त पिक्सल छुपाए जाएंगे।

यदि मैं इसे ईमेल में भेजने की कोशिश करता हूं, तो मैं छवि की अतिरिक्त ऊंचाई को क्लिप करने के लिए इसे प्राप्त नहीं कर सकता।
यहाँ मैं क्या ईमेल में भेज रहा है:

<img src="<?php echo base_url().$thumb;?>" style="border:1px solid #35538d;width:100px;height:100px;overflow:hidden;text-align:center;background-color:#f0f0f0;" rel="nofollow" alt="Profile Photo"> 

Answer 1

ऐसा नहीं है कि सीएसएस आप कोशिश कर रहे हैं बस अपने ईमेल क्लाइंट द्वारा समर्थित नहीं है संभव है। ईमेल क्लाइंट आम तौर पर एचटीएमएल के बहुत कम सबसेट और केवल न्यूनतम सीएसएस का समर्थन करते हैं। HTML ईमेल लिखते समय यह सबसे अधिक समर्थन प्राप्त करने के लिए अक्सर मूल बातें ... HTML तालिका लेआउट इत्यादि का मामला है।

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

एक विकल्प चौड़ाई को कम कर सकता है ताकि ऊंचाई हमेशा 100px हो। उचित पहलू अनुपात को बनाए रखने के लिए आपको चौड़ाई सर्वर-पक्ष की गणना करने की आवश्यकता होगी।

हालांकि, मुझे लगता है कि PHP के साथ एक (नोटर) वर्ग 100px छवि सर्वर-पक्ष उत्पन्न करने का सबसे अच्छा समाधान हो सकता है?

Answer 2

आप Guide to CSS support in email clients पृष्ठ पर देखने के लिए देख सकते हैं कि आप कौन सी सीएसएस विशेषताएँ कर सकते हैं और विभिन्न ईमेल क्लाइंट के लिए उपयोग नहीं कर सकते हैं।

Answer 3

इस काम को करने के लिए आपको एक स्क्वायर ऑब्जेक्ट (div या table) बनाने और पृष्ठभूमि छवि के रूप में छवि को रखने की आवश्यकता है। यदि आपको एक लिंक होने की छवि की आवश्यकता है तो आपको इसके ऊपर एक पारदर्शी gif रखने की आवश्यकता है।

Answer 4

एलन O'Rourke पृष्ठभूमि छवि के जवाब में Outlook ईमेल क्लाइंट में समर्थित नहीं है। इसके अलावा यदि आप पृष्ठभूमि छवि का उपयोग करने की कोशिश कर रहे हैं तो इसे एक इनलाइन शैली के रूप में शामिल करना सुनिश्चित करें क्योंकि जीमेल किसी भी सीएसएस को पट्टी करेगा जो इनलाइन नहीं है।