Nakhu ukuthi ungeza kanjani imifanekiso yokuklama esabelayo usebenzisa i-CSS
Bheka amawebhusayithi adumile namuhla futhi ukwelashwa okukodwa okuqinisekisiwe okukubona ukubuka izithombe ezinkulu zasemuva. Enye yezinselele ngokungeza lezi zithombe zivela kumkhuba omuhle wokuthi amawebhusayithi kufanele aphendule ngobukhulu bezinkrini namadivayisi ahlukahlukene - indlela eyaziwa njenge- web design esabelayo .
Njengoba isakhiwo sakho sewebhusayithi sishintsha nezikali ezinezinkrini ezihlukene zesikrini, kufanele futhi lezi zithombe zangemuva zilinganise usayizi wazo ngokufanele.
Eqinisweni, lezi "zithombe eziguquguqukayo" zingenye yezingxenye eziyisihluthulelo zewebhusayithi ephendulayo (kanye nombuzo wegridi kanye nemidiya yemidiya). Lezi zicucu ezintathu ziye zaba yisisekelo se-web design esabelayo kusukela ekuqaleni, kodwa ngenkathi kuhlale kulula ukufaka izithombe ezisekelwe ngaphakathi kwisayithi (imidwebo eqondile yizohluzo ezibhalwe njengengxenye yemakethe ye-HTML), ukwenza okufanayo nezithombe zangemuva (ezibekwe uphawu ekhasini elisebenzisa izakhiwo zangemuva ze-CSS) sekuyisikhathi eside kunikeze inselelo enkulu kubakhiqizi abaningi bewebhu nabathuthukisi bokugcina bokugcina. Ngenhlanhla, ukungezwa kwendawo "yesayizi-sangasese" ku-CSS kwenze lokhu kwenzeke.
Esihlokweni esihlukile, ngifake indlela yokusebenzisa isisindo sangasese sempahla ye-CSS3 yokwelula izithombe ukuze kufanelane efasiteleni, kodwa kukhona indlela engcono kakhulu, ewusizo kakhulu yokuhambisa kulo mhlaba. Ukuze senze lokhu, sizosebenzisa ukuhlanganiswa kwempahla nenani elilandelayo:
ubukhulu besizinda: ikhava;
Isakhiwo segama eliyisihluthulelo sakhiwo sitshela isiphequluli ukuthi silinganisele isithombe ukuze sifane nefasitela, kungakhathaliseki ukuthi inkulu kangakanani noma encane lelo festile lithola. Isithombe silinganisiwe ukumboza sonke isibuko, kodwa ubukhulu bokuqala nobubanzi bokulinganisa bugcinwa buqinile, ukuvimbela isithombe ngokwawo ukuthi singaphambuki.
Isithombe siswe efasiteleni njengoba sikhulu ngangokunokwenzeka ukuze yonke ifasitela isembozwe. Lokhu kusho ukuthi ngeke ube nezindawo ezingenalutho ekhasini lakho noma noma yikuphi ukuphazamiseka esithombeni, kodwa futhi kusho ukuthi enye yesithombe ingahlungwa ngokuya ngesilinganiso sendawo yeskrini nesithombe esibuzwayo. Isibonelo, emaphethelweni wesithombe (noma ngaphezulu, phansi, ngakwesobunxele, noma kwesokudla) anganqunywa emifanekisweni, kuye ngokuthi yiziphi izindinganiso ozisebenzisayo kwimpahla yesimo sangemuva. Uma uqondisa isizinda "phezulu kwesokunxele", noma yikuphi ukudlula kwesithombe kuzovela ezinhlangothini ezansi nangakwesokudla. Uma ubeka isithombe sangemuva, ukuphuma ngokweqile kuzokuvela kuzo zonke izinhlangothi, kodwa kusukela lokho okweqile kusakazeka, umthelela kunoma iyiphi enye ingxenye ngeke kusebenze kancane.
Indlela yokusebenzisa ubukhulu basemuva: ikhava;
Uma udala isithombe sakho sangemuva, kuwumqondo omuhle ukwakha isithombe esincane kakhulu. Ngenkathi iziphequluli zingenza isithombe sincane ngaphandle komthelela obonakalayo kwikhwalithi ebonakalayo, lapho isiphequluli sikala isithombe sayizibukhulu kunokuba ubukhulu bokuqala, ikhwalithi ebonakalayo izobe yonakalisiwe, ibe yi-blurry futhi iphaxelated. Ukuphazamiseka kwalokhu ukuthi ikhasi lakho lithinta ukusebenza uma uhambisa izithombe ezinkulu kakhulu kuzo zonke izikrini.
Uma wenza lokhu, qiniseka ukuthi ulungiselela kahle lezo zithombe zokulanda isivinini nokulethwa kwewebhu . Ekugcineni, udinga ukuthola i-medium ejabulisayo phakathi kwesayizi enkulu yesithombe nekhwalithi kanye nesayizi yefayili engavamile yokuvinjelwa.
Enye yezindlela ezivamile zokusebenzisa ukudweba izithombe zangemuva yilapho ufuna leso sithombe ukuthatha isizinda esigcwele sekhasi, ngabe lelo khasi libanzi futhi libukwa kwikhompyutha yedeskithophu noma lincane kakhulu futhi lithunyelwa esitokisini, eselula amadivaysi.
Layisha isithombe sakho kumphathi wakho wewebhu bese uyengeza ku-CSS yakho njengesithombe sangemuva:
isithombe sangemuva: url (izibhamu-phezu-wdw.jpg);
umlando-uphinda: cha-phinda;
isikhundla sangemuva: isikhungo sendawo;
okunamathiselwe kwangemuva: okuhleliwe;
Engeza isiphequluli se-CSS prefixed kuqala:
-webkit-isayizi-sangemuva: ikhava;
-moz-background-usayizi: ikhava;
-o-background-usayizi: ikhava;
Bese engeza impahla ye-CSS:
ubukhulu besizinda: ikhava;
Ukusebenzisa Izithombe Ezingavamile Ezisebenzela Amadivaysi Aphuthumayo
Ngenkathi ukuklama okuphendulayo kwedeskithophu noma isipiliyoni se-laptop kubalulekile, ukuhlukahluka kwamadivaysi angakwazi ukufinyelela i-Web akhule kakhulu, futhi izinhlobonhlobo ezinkulu zezibuko zesikrini zihambisana nalokhu.
Njengoba kukhonjisiwe ngaphambili, ukulayisha isithombe esikhulu semvelo esabelayo kwi-smartphone, isibonelo, akuyona into ephumelelayo noma eqondile.
Funda ukuthi ungasebenzisa kanjani imibuzo yemidiya ukuze usebenzise izithombe ezizofaneleka kumadivayisi azoboniswa kuwo, futhi uthuthukise ukuhambisana kwewebhusayithi yakho namadivaysi eselula.
Isihloko sokuqala sikaJennifer Krynin. Ehlelwe nguJeremy Girard 9/12/17