2011-02-08 16 views
6

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

लेकिन क्या किसी के पास डेटा के लिंक हैं जो साबित करते हैं कि ब्राउज़र की एक श्रृंखला में यह मामला है, प्रतिपादन समय लेना, या सीपीयू लोड विभिन्न पर पृष्ठ प्रतिपादन के अंक?

+1

यह ब्राउज़र के बीच जंगली रूप से भिन्न होगा। हो सकता है कि कौन से लोग आपके लिए सबसे अधिक रुचि रखते हैं –

+0

IE 8/9 में सबसे अधिक रुचि रखते हैं, और फ़ायरफ़ॉक्स/सफारी/क्रोम/ओपेरा के नवीनतम संस्करण। –

उत्तर

0

मुझे नहीं लगता कि वहां "इष्टतम आकार" है, लेकिन सामान्य राय यह है कि बड़े आयाम छोटे से बेहतर होते हैं: this question, और this one too देखें।

+0

निश्चित रूप से, मुझे पता है कि यह सामान्य राय है। और मुझे यकीन है कि यह भी सच है। मैं विशेष रूप से डेटा और उदाहरणों के बाद जो यह साबित करता हूं। –

6

मैं कल्पना करता यह इन आधुनिक ब्राउज़रों आप अपनी टिप्पणी में सूचीबद्ध में बहुत कम मायने रखती है:

आईई 8/9, और फ़ायरफ़ॉक्स/सफारी/Chome/ओपेरा

के नवीनतम संस्करण

हालांकि, मैं IE8 में एक बग के बारे में सुना है जब यह वास्तव में आकार 1px * 1px की एक छवि की बात आती है:

इंटरनेट एक्सप्लोरर 8प्रदर्शन नहीं करताएक 1x1 पिक्सेल का बार-बार अर्द्ध पारदर्शी पृष्ठभूमि छवि सही ढंग से जब पर किसी भी अन्य तत्व पेज "एमएस-फिल्टर" अल्फा पारदर्शिता के लिए drective उपयोग कर रहा है:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

देखें: http://nemesisdesign.net/blog/coding/ie8-1x1px-semi-transparent-background-bug/
और डेमो: http://static.nemesisdesign.net/demos/ie9-1x1px-semi-transparent-background/

तो, 8x8 एक काफी अच्छा आकार की तरह उपयोग करने के लिए लगता है। मुझे आश्चर्य होगा अगर इंटरनेट्स पर किसी ने भी इसके बारे में काफी सावधानी बरतने के लिए पर्याप्त देखभाल की है।


मैं इस मिला है, जो विषय की चर्चा:
http://blogs.adobe.com/dreamweaver/2011/02/optimal-css-tiled-background-image-size.html

भी टिप्पणी पढ़ने के लिए सुनिश्चित करें।

यह कुल मिलाकर, मैं अपने आप को महीने पहले से उद्धृत करने के लिए जा रहा हूँ:

मैं कल्पना करता यह [यह] आधुनिक ब्राउज़रों [आईई 8/9, और के नवीनतम संस्करण में बहुत कम मायने रखती है फ़ायरफ़ॉक्स/सफारी/क्रोम/ओपेरा] आपने अपनी टिप्पणी में सूचीबद्ध किया है।

+1

"ब्राउजर कर सकते हैं सबसे छोटा डाउनलोड 1K बाइट्स है"। ऐसा लगता है कि इसे समझाने का गलत तरीका पूरी तरह से लगता है।क्या उसका मतलब है, कई पैकेट भेजे जाने से बचने के लिए इसे 1KB से नीचे रखें और रखें। यह समझ में आता है, लेकिन जिस तरह से उसने लिखा है, वह ध्वनि बनाता है जैसे ब्राउज़र हमेशा किसी भी आकार की प्रतिक्रिया के लिए 1k डाउनलोड करेगा। यह सच नहीं हो सकता है, निश्चित रूप से? –

+0

उस विशेष वाक्य को बुरी तरह से बुलाया जाता है - इसका मतलब यह है कि यदि आप 200 बाइट छवि डाउनलोड करते हैं, तो यह अभी भी 1 केबी छवि के रूप में लगभग समान समय लेता है, क्योंकि यह अभी भी एक पैकेट भेजने के लिए ले जाएगा। मैंने उस शब्द का एक अच्छा संस्करण प्रदान किया, इसके पीछे इरादा व्यक्त किया (एमटीयू लिंक देखें)। – thirtydot

+1

दिलचस्प विचार, लेकिन यह जिस तरह से काम करता है वह नहीं है। पैकेट को एमटीयू आकार या कुछ भी नहीं किया जाता है ... यह न्यूनतम * स्थानांतरण इकाई है, न्यूनतम नहीं। हार्ड ड्राइव में फ़ाइलों को संग्रहीत करने की तरह नहीं, कम से कम 4096 बाइट्स लेना चाहे कितना छोटा हो। छोटा अभी भी बेहतर है, जहां तक ​​संचरण का समय चिंतित है, हालांकि दूसरे पैकेट की सीमांत लागत पहले पैकेट में एक अतिरिक्त बाइट की मामूली लागत से कहीं अधिक है। हालांकि, ओपी को डाटा ट्रांसफर में दिलचस्पी नहीं थी, बस गति को प्रस्तुत करना (स्पष्ट रूप से)। –

1

कुछ ईमेल क्लाइंट में छवि तब तक दोहराई नहीं जाएगी जब तक कि पृष्ठभूमि छवि कम से कम 25X25 न हो, इसलिए मैं इसे अपने डिफ़ॉल्ट आकार के रूप में बस गया हूं।

संबंधित मुद्दे