Uyafuna ukufaka isithombe ekhasini lakho lewebhu, kodwa awazi ukuthi ungalungisa kanjani usayizi wayo ukuze uvumelane nomklamo? Uyafuna ukufunda indlela yokusebenzisa omaka be-HTML nezibaluli ukuze uguqule ububanzi nobude besithombe? Ingabe uyazazi izinzuzo kanye nezithiyo zendlela ngayinye? Uma impendulo inguyebo, lesi sihloko ngesakho.
Kule ndatshana, Sizokufundisa ukuthi ungalungisa kanjani usayizi wesithombe ku-html, usebenzisa izinketho nezinsiza ezahlukene ezizokuvumela ukuthi udale izithombe ezikhangayo nezilungiselelwe iwebhusayithi yakho. Sizophinde sikubonise okuhle nokubi kwenketho ngayinye, kanye namathiphu nemikhuba emihle yokuthuthukisa umsebenzi wakho.
Siyini isithombe ku-html nokuthi usifaka kanjani
Isithombe ku-html isici esikuvumela ukuthi ubonise ukumelwa okubonwayo kwento, umuntu, indawo noma yini enye. Ukufaka isithombe ku-html umaki uyasetshenziswa , okuyithegi engenalutho, i.e. lokho akunakuvalwa.
Ilebula inezici ezimbalwa ezikuvumela ukuthi ucacise ulwazi nezici zesithombe. Okubaluleke kakhulu yilezi:
- src: isibaluli esibonisa indlela noma ikheli lefayela lesithombe. Kungaba indlela ehlobene (ngaphakathi kwewebhusayithi efanayo) noma indlela ephelele (kwenye iwebhusayithi). Ngokwesibonelo: noma .
- i-alt: isibaluli esibonisa omunye umbhalo wesithombe, okungukuthi, umbhalo oboniswa lapho isithombe singakwazi ukulayishwa noma kusetshenziswa isifundi sesikrini. Kuyimfanelo eyisibopho futhi kufanele ichaze okuqukethwe noma umsebenzi wesithombe. Ngokwesibonelo: .
- isihloko: isibaluli esibonisa isihloko sesithombe, okungukuthi, umbhalo ovezwa lapho ikhesa ihanjiswa phezulu mayelana nesithombe. Kuyisibaluli ozikhethela sona futhi singahluka kunomunye umbhalo. Ngokwesibonelo: .
Ungalungisa kanjani usayizi usebenzisa izibaluli zobubanzi nobude
Enye yezindlela ezilula zokulungisa usayizi wesithombe ku-html ukusebenzisa ububanzi nobude bezimpawu) ezikuvumela ukuthi ucacise ububanzi nobude besithombe ngamaphikseli. Ngokwesibonelo:
Lezi zibaluli zinezinzuzo ezithile kanye nokubi:
- Ventajas:
- Kulula ukuzisebenzisa futhi azidingi ulwazi olwengeziwe.
- Zikuvumela ukuthi ugcine isikhala esidingekayo sesithombe ngaphambi kokusilayisha, okuvimbela ikhasi ukuthi ligxume noma lishintshe ngesikhathi sokulayisha.
- ikunikeza inketho ye vumelanisa usayizi wesithombe kumklamo yekhasi ngaphandle kokuguqula ifayela lokuqala.
- Izinkinga:
- Bangahlanekezela ukubukeka kwesilinganiselo noma ikhwalithi yesithombe uma kusetshenziswa amanani ngaphandle kosayizi wangempela.
- Ayikuvumeli usayizi wesithombe ukuthi ulungiswe ngokuya ngosayizi wesikrini somsebenzisi noma idivayisi.
- Abakuvumeli ukusebenzisa imiphumela noma izitayela ezengeziwe esithombeni.
Ungashintsha kanjani usayizi wesithombe ku-html usebenzisa i-CSS
Enye indlela ethuthuke kakhulu futhi evumelana nezimo Ukulungisa usayizi wesithombe ku-HTML ukusebenzisa i-CSS (Cascading Style Sheets), okuwulimi olukuvumela ukuthi uchaze futhi usebenzise izitayela ezintweni ze-HTML. Ukusebenzisa i-CSS ungasebenzisa ithegi ngaphakathi kwedokhumenti ye-html, ifayela langaphandle elinesandiso se-.css. Ngokwesibonelo:
img { width: 500px; height: 600px; } noma
Ukusebenzisa i-CSS kunezinzuzo ezithile kanye nokubi:
- Ventajas:
- Ikuvumela ukuthi ulungise usayizi wesithombe ngokulinganayo, usebenzisa isici sento-fit noma umsebenzi wokubala.
- Masilungise usayizi wesithombe kuye ngosayizi wesikrini somsebenzisi noma idivayisi, kusetshenziswa amayunithi ahlobene (%, em, vw, vh) noma imibuzo yemidiya.
- Imiphumela eyengeziwe noma izitayela zingasetshenziswa esithombeni, njengemingcele, izithunzi, izihlungi, noma ukuguqulwa.
- Izinkinga:
- Idinga ulwazi oluthe xaxa kanye nekhono lolimi lwe-CSS.
- Ingadala ukungqubuzana noma ukungahambisani nezinye izitayela ezisetshenziswe ekhasini noma esithombeni.
- Kungathinta ukusebenza noma isivinini sokulayisha ikhasi uma kusetshenziswa izitayela eziningi noma imiphumela.
Ungalungisa kanjani usayizi usebenzisa uhlelo lwangaphandle
Inketho yesithathu yokulungisa usayizi wesithombe ku-html ukusebenzisa uhlelo lwangaphandle olukuvumela ukuthi uguqule usayizi wefayela lesithombe ngaphambi kokulishutheka ekhasini. Ezinye zalezi zinhlelo yilezi:
- I-GIMP: wuhlelo lwamahhala noluvulekile olukuvumela ukuthi uhlele futhi ulawule izithombe. Nge-GIMP ungashintsha usayizi wesithombe Ukusebenzisa inketho ethi "Scale Image". kusuka kumenyu ethi "Isithombe". Ungakwazi futhi ukuthuthukisa isisindo nekhwalithi yesithombe usebenzisa inketho ethi "Thekelisa Njenge" kumenyu "yefayela". Ungalanda i-GIMP kuwebhusayithi yayo esemthethweni.
- I-Photoshop: wuhlelo olukhokhelwayo noludluliselayo olukuvumela ukuthi udale futhi uhlele izithombe ngendlela ethuthukile. Nge-Photoshop ungashintsha usayizi wesithombe usebenzisa inketho ethi "Usayizi Wesithombe" kumenyu ethi "Isithombe". Ungakwazi futhi ukuthuthukisa isisindo nekhwalithi yesithombe usebenzisa inketho ethi "Gcina iwebhu". kusuka kumenyu ethi "Ifayela". Ungalanda i-Photoshop kuwebhusayithi yayo esemthethweni.
- Ukushintsha usayizi wesithombe ku-inthanethi: iyithuluzi eliku-inthanethi lamahhala elikuvumela ukuthi ushintshe usayizi wesithombe ngaphandle kokufaka noma yiluphi uhlelo. Nge-Online Image Resizer ungalayisha isithombe ekhompyutheni yakho noma ku-URL, khetha ububanzi nobude obufunayo, bese ulanda isithombe esishintshiwe. Ungafinyelela I-Online Image Resizer kuwebhusayithi yayo esemthethweni.
Lungisa isithombe ngendlela ofuna ngayo
Kulesi sihloko sikubonise ukuthi ungalungisa kanjani usayizi wesithombe ku-HTML, usebenzisa izinketho nezinsiza ezahlukene ezizokuvumela ukuthi udale izithombe ezikhangayo nezilungiselelwe iwebhusayithi yakho. Siphinde sakubonisa izinzuzo kanye nokubi kwenketho ngayinye, kanye namathiphu kanye nemikhuba emihle ukuthuthukisa umsebenzi wakho.
Sithemba ukuthi lesi sihloko sibe usizo kuwe futhi uyakhuthazwa ukuthi uzame lezi zinketho nezisetshenziswa ukuze ulungise usayizi wesithombe ku-HTML. Khumbula ukuthi into ebaluleke kakhulu ukukhetha inketho evumelana kangcono nezidingo nezinjongo zakho.
Uma usithandile lesi sihloko, yabelana ngaso nabangani bakho. Futhi uma ufuna ukwazi amathiphu namasu amaningi mayelana ne-html nezinye izinhlelo zokusebenza, vakashela iwebhusayithi yethu. Ngizokubona!