هتي سي ايس استعمال ڪندي قبول ڈیزائنن تصويرون شامل ڪرڻ جي آهي
اڄڪلهه مشهور ويب سائيٽن تي ڏسو ۽ هڪ ڊزائن جو علاج آهي جنهن کي توهان ڏسڻ لاء پڪ آهي، اسڪرين، اسپيننگ پس منظر واري تصويرون آهي. انهن تصويرون کي شامل ڪرڻ واري هڪ چئلينج مان هڪ بهترين طريقيڪار اچي ٿو ته ويب سائيٽون مختلف اسڪرين جي ڊوائيس ۽ ڊوائيسز جو جواب ڏيڻ گهرجن.
توهان جي ويب سائيٽ جي ترتيب مختلف طريقن سان ترتيب ۽ ماڊل کان وٺي، تنهنڪري انهن پس منظر واري پيماني جي ماپ کي انهن جي اندازي سان پڻ لازمي آهي.
حقيقت ۾، اهي "سيال تصويرون" ويب سائيٽ جي ڪنجي ٽڪر (مانيٽي گرڊ ۽ ميڊيا سوالن) ۾ شامل آهن. اهي ٽي ٽڪرا شروعات کان وٺي قبول ويب ڊزائن جو ٺهيل بڻيل آهن، پر جڏهن هميشه انلاڪس انڪس تصويرون کي سائيٽ تي شامل ڪرڻ لاء آسان ٿي چڪي آهي (ان لائن تصويرون اهي گرافڪس جيڪي HTML مارڪ اپको भागको रूपमा कोडित छन्)، ساڳئي پس منظر واري تصويرون سان (جيڪو سي ايس پي پس منظر جا ملڪيت استعمال ڪندي صفحي ۾ سجيل آهي) گهڻو ڪري ڪيترن ئي ويب ڊزائنر ۽ مئٽرڪ انٽرنيشنل ڊولپر تائين هڪ اهم چئلينج مهيا ڪيو آهي. مهرباني ڪري، سي ايس ۾ "پس منظر-سائيز" ملڪيت جو اضافي اهو ممڪن ڪيو آهي.
هڪ الڳ آرٽيڪل ۾، مون ونڊوز ۾ فٽ ڪرڻ لاء تصويرن کي ڦٽو ڪرڻ لاء CSS3 ملڪيت جي پس منظر سائيز کي ڪيئن استعمال ڪيو هو ، پر هن جائزي لاء ٺهڻ لاء هڪ بهتر، وڌيڪ مفيد طريقو آهي. هن کي ڪرڻ لاء، اسان هيٺ ڏنل ملڪيت ۽ قدر ميلاپ استعمال ڪنداسين.
پس منظر سائيز: cover؛
ڪپڙي جي ڳولا جا لفظ ملڪيت کي برائوزر ٻڌائي ٿو ته ڪئين وڏي يا ننڍڙي ونڊو ڪيئن ٿي سگھي ٿي، قطعي جي دريء کي تصويري شڪل ڏيڻ. سڄو اسڪرين کي ڍڪڻ لاء تصوير صاف ڪيو ويو آهي، پر اصل تناسب ۽ پہلو تناسب برقرار رکيا ويا آهن، انهن کي خراب ٿيڻ کان تصوير روڪڻ.
تصوير کي ممڪن طور تي وڏي ۾ رکيل آهي، پوري ويڪر جي مٿاڇري تي ڍڪي آهي. هن جو مطلب اهو آهي ته توهان کي پنهنجي صفحي ۾ ڪنهن به خالي يا تصوير تي تحريف نه هوندي، پر ان جو مطلب اهو آهي ته ڪجهه تصوير اسڪرين جي تناسب ۽ سوال جي تصوير جي لحاظ سان سنوارڻ جي ڪري ڇڏيا وڃن. مثال طور، ڪنهن تصوير جو کنڊر (يا مٿانهون، هيٺيون، کاٻي، يا لائق) تصويرون تي بند ڪري سگھن ٿا، انهي جي بنياد تي جيڪي توهان جي پس منظر پوزيشن ملڪيت لاء استعمال ڪندا آهن. جيڪڏهن توهان پس منظر جي مرضي "بائیں مٿي" تي، تصوير تي ڪنهن به اضافي هيٺان ۽ هيٺيان پاسن کان ٻاهر ايندي. جيڪڏهن توهان پس منظر واري تصوير جو مرڪز بڻايو، ته سڀني پاسن کان وڌيڪ اضافو ٿيندو، پر انهي کان وڌيڪ اضافو ٿيو ته، ڪنهن به پاسي تي اثر گهٽ خدمت ڪندو.
پس منظر سائيز کي ڪيئن استعمال ڪريو: cover؛
جڏهن توهان جي پس منظر جي تصوير ٺاهي، اهو هڪ تصوير ٺاهڻ جو سٺو خيال آهي جيڪا وڏي وڏي آهي. جڏهن ته برائوزر اصل بصيرت کان وڏي سائيز جي تصوير کي برائوزر جي سطح تي بغير ڪنهن ممڪن اثر کان بغير ڪنهن تصوير کي ننڍڙي شڪل ڏئي سگهي ٿو، بصري خاصيت کي خراب ٿي ويندي، ڦهل ۽ ڦوڪيل هجڻ. ھن جي ھيٺان ھن لاء آھي ته توھانجو صفحي سڀني تصويرن کي شاندار تصويرون پهچائي سگھو ٿا توھان جي صفحي ڪارڪردگي ھڙ ۾ وٺندو آھي.
جڏهن توهان هن ڪم ڪندا، صحيح طريقي سان انهن تصويرون کي تيز ڪرڻ لاء ڊائون لوڊ ۽ ويب پهچائڻ لاء تيار ڪريو . آخر ۾، توهان وڏي وڏي تصوير سائيز ۽ معيار جي وچ ۾ خوش وچولي ڳولڻ جي ضرورت آهي ۽ ڊائون لوڊ جي رفتار لاء هڪ مناسب فائل سائيز.
اسڪيلنگ جي پس منظر تصويرن کي استعمال ڪرڻ جو عام طريقو هڪ آهي جڏهن توهان چاهيو ٿا ته تصوير جي صفحي جي پورو پس منظر وٺي، ڇا اهو صفحو وسيع آهي ۽ ڊيسڪ ڪمپيوٽر تي يا ننڍا ڏٺو پئي وڃي، ۽ هٿ ۾ موڪلي رهيو آهي، موبائل ڊوائيسز
پنھنجي تصوير کي پنھنجي ويب ميزبان تي اپلوڊ ڪريو ۽ پس منظر واري تصوير جي طور تي پنھنجي سي ايس کي شامل ڪريو.
پس منظر واري تصوير: url (آتش بازي جي مٿان-wdw.jpg)؛
پس منظر ورجاء: نه ورجائي؛
پس منظر پس منظر: سينٽر مرڪز؛
پس منظر سان ڳنڍيل: مقرر؛
پهريون ڀيرو سي ايس ايڪس اڳوڻو برائوزر شامل ڪريو
ڇاڻڪ-منظر سائيز: ڪپڙا؛
-موز-پس منظر سائيز: کاڌو؛
-و-پس منظر سائيز: ڪپڙا؛
پوء سي ايس ايس ملڪيت شامل ڪريو:
پس منظر سائيز: cover؛
مختلف تصويرون استعمال ڪندي جيڪي سوٽي ويندڙ ڊوائيسز استعمال ڪريو
جڏهن ته ڊيسڪاپيس يا هڪ ليپ ٽاپ تجربو لاء جوابي ڊزائن اهم آهي، مختلف قسم جي ڊوائيسز جيڪي ويب تائين رسائي ڪري سگهندا آهن، ۽ وڏي قسم جي اسڪرين انداز ۾ اچي ٿو.
جيئن اڳ ذڪر ڪيو ويو آهي، هڪ اسمارٽ فون تي هڪ تمام وڏي جواب ڏي پس منظر جي تصوير لوڊ ڪندي، مثال طور، موثر يا بينڊوڊٿ-شعور ڊزائن نه آهي.
سکو ته توهان ميڊيا سوالن جون تصويرون ڪيئن استعمال ڪرڻ لاء استعمال ڪري سگهو ٿا جيڪي ڊوائيس لاء مناسب ٿي ويندا آهن انهن کي ڏيکاري ويندي، ۽ توهان جي ويب سائيٽ جي مطابقت کي موبائل ڊوائيسز بهتر بڻائي.
اصل مضمون جينفير ڪيرين طرفان. Jeremy Girard 9/12/17 پاران ڏنل