Yadda ake Canja Girman Hoto a HTML

Sabuntawa ta ƙarshe: 13/07/2023

A cikin duniyar dijital, ƙirar gidan yanar gizo tana taka muhimmiyar rawa wajen gabatar da bayanai masu kyan gani da fahimta. Ɗaya daga cikin hanyoyin da ake amfani da su don cimma wannan ita ce amfani da hotuna, waɗanda za su iya aikawa da sakonni masu karfi da kuma daukar hankalin mai amfani. Koyaya, yana da mahimmanci mu fahimci yadda ake sarrafa waɗannan hotuna don dacewa da takamaiman bukatunmu. A cikin wannan labarin, za mu bincika dalla-dalla yadda za a canza girman daga hoto a cikin HTML, samar da masu haɓaka kayan aikin da suka dace don cimma ingantaccen gabatarwar gani a cikin ayyukan yanar gizon su. Za mu gano mahimman dabaru da halayen da dole ne a yi amfani da su cikin nasara don samun ingantacciyar sakamako mai ban sha'awa.

1. Gabatarwa ga magudin girman hoto a HTML

Idan ya zo ga nuna hotuna a kunne gidan yanar gizo, sau da yawa ya zama dole don daidaita girman su don dacewa da shimfidar shafin. A cikin HTML, muna iya sarrafa girman hotuna cikin sauƙi ta amfani da alamar "img" da wasu takamaiman halaye. Mafi mahimmancin sifa don sake girman hoto shine sifa mai faɗi., wanda ke bayyana faɗin hoton a cikin pixels ko kaso na faɗin akwati.

Keɓaɓɓen abun ciki - Danna nan  Yadda ake ɓoye matsayin da aka gani na ƙarshe daga takamaiman lambobin sadarwa akan Android?

Don canza girman hoto a cikin HTML, kawai muna buƙatar ƙara sifa "nisa" zuwa alamar "img" kuma saita ƙimar da ake so. Misali, idan muna son hoto ya sami nisa na pixels 300, zamu iya amfani da lambar mai zuwa:

"`html

«`

Baya ga sifa ta "nisa", muna iya amfani da sifa "tsawo" don ayyana tsayin hoton. Duk da haka, yana da mahimmanci a lura da hakan Yana da kyau a ƙayyade ɗaya daga cikin waɗannan halayen (zai fi dacewa "nisa"), kamar yadda saita duka biyun na iya karkatar da yanayin yanayin hoton.

Idan muna son hoton ya dace da faɗin akwati ta atomatik, zamu iya amfani da ƙimar "100%" don sifa "nisa". Wannan zai sa hoton yayi girma ta atomatik bisa girman samuwa. Misali:

"`html

«`

A taƙaice, sarrafa girman hoto a cikin HTML tsari ne mai sauƙi kuma mai yawa. Ta hanyar ƙara sifa "nisa" kawai zuwa alamar "img", za mu iya sarrafa girman girman hotunan mu cikin sauƙi a cikin pixels ko kashi. Ka tuna cewa Yana da mahimmanci don kula da ainihin rabon hoton lokacin daidaita girmansa kuma muna iya amfani da ƙimar "100%" ta yadda hoton ya dace da faɗin akwati ta atomatik.

Keɓaɓɓen abun ciki - Danna nan  Cómo Tener Bebés

2. Mahimman kalmomi don sake girman hoto a HTML

Don canza girman hoto a HTML, kuna buƙatar amfani da alamar `'da faɗin' da 'tsawo' halayen. Waɗannan halayen suna ba ku damar saita girman hoton a cikin pixels. Misali, idan muna son hoto ya kasance yana da faɗin pixels 400 da tsayin pixels 300, zamu iya ƙara waɗannan halayen zuwa alamar ``: ` nisa = » 400 ″ ` da `tsawo =» 300 ″`.

Yana da mahimmanci a lura cewa canza girman hoto ta wannan hanyar zai iya shafar ingancinsa. Don haka, ana ba da shawarar yin amfani da hotuna masu ƙarfi da inganta su kafin a sake girman su. Hakanan yana yiwuwa a kula da ainihin asalin hoton ta hanyar saita ɗaya kawai daga cikin sifofin 'nisa' ko 'tsawo', da barin ɗayan ya daidaita daidai gwargwado. Don yin wannan, zaku iya amfani da sifa 'style' tare da ƙimar '' max-nisa: 100%; tsawo: auto;»'. Wannan zai tabbatar da cewa hoton ya yi daidai da matsakaicin faɗin samuwa, yayin da yake riƙe da asalin yanayin sa.

Keɓaɓɓen abun ciki - Danna nan  Yadda ake wargaza iPhone ɗin

Baya ga halayen 'nisa' da 'tsawo', HTML kuma yana ba da wasu zaɓuɓɓuka don sake girman hoto. Misali, zaku iya amfani da alamar `

`a hade tare da` tag`don ƙara bayanin take ga hoton. Hakanan zaka iya amfani da CSS don amfani da ƙarin salo ga hoton, kamar ƙara tasirin canji ko daidaita girman hoton zuwa na'urori daban-daban. A cikin waɗannan lokuta, ana ba da shawarar yin amfani da kaddarorin CSS masu dacewa, kamar 'max-width', 'max-height' da 'abu-fit', don tabbatar da cewa an canza girman hoton daidai a yanayi daban-daban.

3. Yin amfani da sifa "nisa" don daidaita girman hoto a HTML

Sifa mai faɗi a cikin HTML kayan aiki ne mai amfani don daidaita faɗin hoto akan shafin yanar gizon. Tare da wannan sifa, zaku iya sarrafa madaidaicin girman hoto kuma ku tabbatar ya dace daidai da ƙirar rukunin yanar gizon ku.

Don amfani da sifa “nisa”, kawai kuna ƙara shi cikin alamar hoton. Misali, idan kuna son hoton ya zama faɗin pixels 300, lambar zata kasance .

Yana da mahimmanci a lura cewa an ƙayyade ƙimar sifa mai faɗi a cikin pixels. Koyaya, zaku iya amfani da kaso don daidaita faɗin dangi dangane da akwati. Misali, idan ka saita nisa =”50%”, hoton zai dauki rabin fadin kwandon da yake ciki.

Idan kana son daidaita fadin hoto daidai gwargwado, tabbatar ba ka tantance tsayin hoton ba. Idan kawai ka daidaita faɗin kuma ba tsayi ba, hoton zai sake girma ta atomatik ba tare da yaƙe-yaƙe ba, yana riƙe ainihin daidaitattun sa. Wannan yana da amfani musamman lokacin da kuke aiki tare da hotuna masu amsawa waɗanda ke buƙatar daidaitawa zuwa girman allo daban-daban.

4. Daidaita tsayin hoto a HTML ta amfani da sifa "tsawo".

Lokacin haɗa hotuna akan shafin yanar gizon, sau da yawa ya zama dole don daidaita tsayi don dacewa da tsarin zane. A cikin HTML, ana iya samun wannan cikin sauƙi ta amfani da sifa "tsawo". Anan zamu nuna muku yadda zaku yi mataki-mataki:

1. Da farko, dole ne ku sami alamar hoton a cikin lambar HTML ɗin ku:
"`html
Bayanin Hoto
«`

2. Don daidaita tsayin hoton, kawai ƙara sifa "tsawo" a cikin alamar hoton. Kuna iya ƙayyade tsayin da ake so a cikin pixels ko cikin kashi. Misali, idan kuna son saita tsayin pixels 200, alamar hotonku zai yi kama da haka:
"`html
Bayanin Hoto
«`
Ko kuma idan kun fi son amfani da kashi, kuna iya yin ta kamar haka:
"`html
Bayanin Hoto
«`

3. Yana da mahimmanci a ambaci cewa lokacin daidaita tsayin hoto, dole ne ku yi la'akari da adadin don guje wa kamannin gurɓatacce. Idan ka saita tsayi kawai ba tare da canza faɗin daidai gwargwado ba, hoton na iya bayyana a miƙe ko an matsa.

Ka tuna cewa sifa "tsawo" a cikin HTML yana ba ku sassauci don daidaita tsayin hoto cikin sauƙi gwargwadon bukatun ƙirar ku. Ta bin waɗannan matakan, za ku sami damar sarrafa yanayin gani na hotunanku yadda ya kamata kuma tabbatar da ingantaccen ƙwarewar mai amfani.

5. Kula da rabon hoto lokacin da aka canza shi a cikin HTML

Akwai hanyoyi da yawa don kula da rabon hoto lokacin da aka canza shi a cikin HTML. A ƙasa za a sami bayani ta mataki-mataki ta amfani da HTML da CSS.

1. Yi amfani da sifa "nisa" a cikin tag '`: Wannan ita ce hanya mafi sauƙi don kula da girman hoto lokacin da ake sake girmansa. Muna buƙatar kawai saita nisa da ake so don hoton ta amfani da sifa "nisa" kuma tsayin zai daidaita ta atomatik, yana riƙe da ainihin rabo. Ga misali:

"`html
Hoto na
«`

2. Yi amfani da CSS don saita faɗi da tsayin hoton: Idan muna son samun iko sosai akan girman hoton, zamu iya amfani da CSS. Don yin wannan, kawai dole ne mu sanya madaidaicin ajin zuwa hoton sannan mu ayyana nisa da tsayi a cikin takardar salon. Ga misali:

"`html

Hoto na
«`

3. Yi amfani da sifa «style» a cikin `tag`: Wani zaɓi shine a yi amfani da sifa "style" kai tsaye a cikin alamar '`don saita faɗi da tsayin hoton. Ga misali:

"`html
Hoto na
«`

Waɗannan su ne wasu hanyoyin da aka fi amfani da su don kula da ƙimar hoto lokacin da ake sake girman shi a cikin HTML. Kuna iya amfani da kowane ɗayan waɗannan zaɓuɓɓukan dangane da buƙatunku da abubuwan da kuke so. Koyaushe tuna don gwadawa da daidaita girman don samun sakamakon da ake so.

6. Maimaita hoto tare da ƙimar dangi a cikin HTML

Don canza girman hoto a cikin HTML ta amfani da ƙimar dangi, zamu iya amfani da kadarar “nisa” CSS. Wannan kadarar tana ba mu damar tantance faɗin hoton a cikin kashi dangane da girman akwati. Misali, idan muna son hoton ya dauki rabin akwati, zamu iya amfani da "nisa: 50%" a cikin salon CSS na alamar hoton.

Wata hanya don canza girman hoton ita ce ta amfani da kadarorin CSS "max-nisa". Wannan kadarar tana ba mu damar ƙididdige matsakaicin girman hoton, tabbatar da cewa ba ya yin kama da pixelated ko karkatar da shi akan manyan fuska. Za mu iya amfani da "max-nisa: 100%" don haka hoton ya dace da girman akwati, amma ba tare da wuce girman girmansa ba.

Yana da mahimmanci a lura cewa lokacin da ake sake girman hoto ta amfani da dabi'u na dangi, yana da mahimmanci don daidaita tsayin hoton daidai gwargwado don kula da asalinsa. Don wannan, za mu iya amfani da "tsawo" CSS dukiya tare da "nisa" ko "max-nisa". Misali, idan muna son hoton ya ci gaba da kula da yanayin sa na asali, zamu iya amfani da "tsawo: auto" a cikin salon CSS na alamar hoton. Wannan zai tabbatar da cewa tsayin ya daidaita ta atomatik daidai gwargwado zuwa ƙayyadadden faɗin.

7. Sarrafa girman hoto tare da cikakkun dabi'u a cikin HTML

Hanya ɗaya don sarrafa girman hoto a HTML ita ce ta amfani da cikakkiyar ƙima. Waɗannan dabi'u suna ba ku damar ƙididdige ƙayyadadden ma'auni don tsayi da faɗin hoton, ba tare da la'akari da girman ainihin fayil ɗin ba.

Don yin wannan, zaka iya amfani da tag HTML kuma yi amfani da faɗin da sifofi masu tsayi don ƙididdige ƙimar ƙimar da ake so. Misali, idan kana son hoton ya sami nisa na pixels 300 da tsayin pixels 200, zaku iya haɗa lambar mai zuwa:

"`html
Bayanin Hoto
«`

Yana da mahimmanci a lura cewa lokacin amfani da cikakkiyar ƙima, hoton na iya zama gurɓata ko pixelated idan taga mai lilo ya sake girma. Wannan saboda hoton baya daidaitawa zuwa girman allo daban-daban.

Wani zaɓin da aka ba da shawarar shine a yi amfani da ƙimar dangi maimakon cikakku. Misali, maimakon tantance girman a cikin pixels, zaku iya amfani da kashi-kashi don dacewa da hoton ta atomatik zuwa sararin samaniya. a kan allo. Ana samun wannan ta hanyar sanya ƙimar kashi zuwa faɗi da halayen tsayi.

"`html
Bayanin Hoto
«`

Ta amfani da ƙimar dangi, hoton zai daidaita daidai gwargwado zuwa girman taga mai bincike, yana haifar da kyakkyawan ƙwarewar kallo. ga masu amfani. Duk da haka, yana da mahimmanci a lura cewa a wasu lokuta yana da muhimmanci a haɗa cikakkiyar dabi'u da dangi don samun sakamakon da ake so.

A taƙaice, sarrafa girman hoto tare da cikakkun dabi'u a cikin HTML zaɓi ne mai inganci, amma yana da mahimmanci a yi la'akari da iyakokin da ke da alaƙa da daidaitawa zuwa girman allo daban-daban. Yin amfani da dabi'u na dangi na iya samar da mafi sassaucin ra'ayi da daidaitawa.

8. Amfani da ma'auni na musamman don daidaita girman hoto a HTML

Ƙungiyoyin aunawa suna taka muhimmiyar rawa lokacin da ake sake girman hoto a HTML. Baya ga gama-gari na ma'auni kamar pixels, kaso, da maki, HTML kuma yana ba da raka'a na ma'auni na musamman waɗanda ke ba da ƙarin sassauci da iko akan girman hoto.

Ɗaya daga cikin raka'o'in ma'auni na musamman da aka fi amfani da shi shine naúrar "em", wanda ya dogara da girman font na yanzu. Ta hanyar saita girman hoto zuwa "em", hoton zai daidaita ta atomatik idan an canza girman font a cikin takaddar HTML. Misali, idan ka saita girman hoto zuwa 2em sannan ka ƙara girman font a cikin takaddar, hoton zai ninka cikin girman daidai gwargwado.

Wani ma'aunin ma'auni na musamman mai amfani shine "rem," wanda ya bambanta da "em" saboda ya dogara ne akan girman tushen rubutun maimakon girman font na yanzu. Wannan yana ba da damar ƙarin iko da daidaito a cikin dacewa da hotuna a sassa daban-daban na takaddar. Misali, idan ka saita girman hoto zuwa 1.5rem, girmansa zai ninka girman font din sau 1.5.

Bayan wadannan na'urori na musamman na ma'auni, HTML yana ba da wasu zaɓuɓɓuka, kamar su "vw" wanda ya dogara ne akan faɗin taga mai bincike, "vh" wanda ya dogara da tsayin tagar browser, da kuma naúrar “vmin” wacce ta dogara ne akan ƙaramin ƙima tsakanin faɗi da tsayin taga mai lilo. Waɗannan raka'a suna da amfani musamman don ƙirƙirar shimfidu masu amsawa da kuma tabbatar da hotuna sun dace daidai akan girman allo daban-daban.

A takaice, yin amfani da raka'o'in aunawa na musamman kamar "em", "rem", "vw", "vh" da "vmin" don girman hoto a cikin HTML yana ba ku iko da sassauci. Waɗannan raka'a suna ba da damar daidaita hotuna ta atomatik bisa dalilai daban-daban, kamar girman font, girman taga mai bincike, da nau'in na'urar da aka yi amfani da ita. Gwada waɗannan raka'a kuma gano yadda ake samun dacewa da hotunanku a cikin ayyukanku na HTML.

9. Mayar da girman hoto a HTML ta amfani da salon CSS

Don canza girman hoto a HTML ta amfani da salon CSS, akwai wasu matakai masu sauƙi da za a bi. Da farko, dole ne ka gano hoton da kake son amfani da girman girmansa. Wannan Ana iya yin hakan ta amfani da sifa ta HTML "id" ko "class" don zaɓar shi daidai. Da zarar an gano hoton, ana amfani da salon CSS don gyara girmansa.

Hanya gama gari don sake girman hoto ita ce ta amfani da faɗin da kaddarorin tsayi a cikin CSS. Waɗannan kaddarorin suna ba ku damar tantance faɗin da tsayin hoton bi da bi. Misali, idan kuna son rage girman hoto da rabi, zaku iya saita ƙimar 50% don duk kaddarorin. A gefe guda, idan kuna son ƙara girman hoton, zaku iya amfani da darajar fiye da 100%.

Bugu da ƙari ga sakewa daidai gwargwado, kuma yana yiwuwa a daidaita girman hoton da kansa don faɗi da tsayi. Ana samun wannan ta hanyar gyara kayan da ake so kawai, ko dai "nisa" don faɗi ko "tsawo" don tsayi. Yana da mahimmanci a lura cewa idan ɗaya daga cikin kaddarorin ne kawai aka gyara, hoton zai iya rasa asalinsa na asali, don haka ana ba da shawarar yin amfani da irin wannan girman tare da taka tsantsan. Koyaushe ku tuna don adana canje-canjenku kuma duba yadda hoton yake kama da girman allo daban-daban.

10. Aiwatar da ci-gaba da tasirin girman girman hoto a HTML

A cikin wannan labarin, za mu bincika yadda ake amfani da ci-gaban tasirin girman girman hoto ta amfani da HTML. Girman hoto wata dabara ce da aka saba amfani da ita a ci gaban yanar gizo don daidaita girman da bayyanar hotuna dangane da buƙatun ƙira. Za mu koyi yadda za mu cimma wannan yadda ya kamata da kuma sana'a.

Anan akwai wasu matakai na asali don aiwatar da tasirin girman girman girma zuwa hoto a HTML:

1. Yi amfani da tag ɗin HTML "img" don saka hoton a cikin shafin yanar gizon ku. Tabbatar da samar da sifa "src" wanda ke nuna wurin hoton akan sabar ku. Misali,

2. Don sake girman hoton, zaku iya amfani da sifa "nisa" da "tsawo" a cikin alamar hoton. Misali, don saita faɗin pixels 300 da tsayin pixels 200, zaku iya ƙara nisa =”300″ tsayi=”200″ zuwa lambar alamar hoton.

3. Wani ƙarin ci gaba mai tasiri mai girma wanda za'a iya amfani dashi shine daidaitawa daidai. Wannan ya ƙunshi saita ƙimar faɗi ko tsayi kawai da barin ɗayan ƙimar ta daidaita ta atomatik don kiyaye ainihin yanayin yanayin hoton. Kuna iya cimma wannan ta hanyar saita sifa "nisa" ko "tsawo" kawai kuma bari ɗayan sifa ta daidaita ta atomatik. Misali, Zai daidaita ta atomatik a tsayi don kula da ainihin yanayin yanayin hoton.

Da fatan za a tuna cewa girman hotuna na iya shafar ingancin gani na hotuna. Yana da mahimmanci don kula da ma'auni tsakanin girman hoto da inganci don tabbatar da cewa shafin yanar gizonku yana ɗauka da sauri kuma yana ba da ƙwarewar mai amfani mai kyau. Gwaji tare da girma dabam dabam da ma'auni don nemo tsarin da ya fi dacewa don bukatun ku. Tare da waɗannan matakai da nasihu, za ku kasance kan hanyarku don yin amfani da ci-gaba mai girman tasiri ga hotunan HTML ɗinku.

11. Yadda ake canza girman hoton baya a HTML

Lokacin zayyana shafin yanar gizon, yana iya zama dole sake girman hoto baya a cikin HTML don daidaita shi zuwa ƙirar shafin. Abin farin ciki, wannan tsari yana da sauƙi kuma ana iya cika shi a cikin ƴan matakai. Na gaba, zan nuna muku yadda zaku iya canza girman hoton baya a HTML.

1. Mataki na farko don canza girman hoton baya a HTML shine don ayyana salon CSS na sashe ko element inda kake son amfani da hoton. Don yin wannan, dole ne ka yi amfani da kayan CSS na "Bayan-bayan" kuma sanya shi URL na hoton da kake son amfani da shi azaman bango.

2. Da zarar ka ayyana salon CSS na sashin, lokaci yayi da za a tantance ma'auni na bangon hoton. Don yin wannan, yi amfani da kadarorin "Bayan-Bayan" CSS kuma saka nisa da tsayin da ake so. Kuna iya amfani da raka'o'in ma'auni na dangi, kamar kashi ko kallon kallo, ko cikakken raka'a na auna, kamar pixels.

3. Baya ga ƙididdige ma'auni na bayanan hoton, za ku iya sarrafa matsayi na bango ta amfani da kayan CSS "matsayin baya". Wannan dukiya yana ba ku damar saita matsayi na kwance da matsayi na baya a cikin sashin. Kuna iya amfani da ƙima a cikin pixels, kashi ko kalmomi kamar "hagu", "dama", "saman" ko "ƙasa".

Ka tuna cewa yana da mahimmanci don gwadawa da daidaita girman da matsayi na hoton hoton don cimma sakamakon da ake so. Jin kyauta don gwaji tare da dabi'u daban-daban kuma ku ga yadda suke kallon gidan yanar gizon ku! Tare da waɗannan matakai masu sauƙi, zaku iya sauƙaƙe girman hoton bangon HTML kuma ku daidaita shi zuwa ƙirar gidan yanar gizon ku.

12. Magance matsalolin gama gari yayin canza girman hoto a HTML

Lokacin canza girman hoto a cikin HTML, al'amuran gama gari sukan tashi waɗanda zasu iya shafar bayyanar gani da ayyukan gidan yanar gizon ku. Abin farin ciki, ana iya magance waɗannan matsalolin ta hanyar bin ƴan matakai da amfani da kayan aiki da dabaru daban-daban. Anan akwai cikakken jagora don taimaka muku magance waɗannan matsalolin:

1. Bincika ainihin girman hoton: Kafin canza girman hoto, yana da mahimmanci a san ainihin girmansa. Kuna iya yin wannan ta amfani da kayan aikin binciken kashi a ciki burauzar yanar gizonku. Da zarar kun gano faɗi da tsayin hoton, zaku iya tantance girman girman da kuke son daidaitawa.

2. Yi amfani da sifa "nisa" da "tsawo" akan lakabin : Don sake girman hoto a HTML, kuna iya amfani da sifofin "nisa" da "tsawo" a cikin alamar. . Waɗannan halayen suna ba ku damar saita faɗi da tsayin hoton a cikin pixels. Misali: . Ka tuna don daidaita dabi'u bisa ga takamaiman bukatun ku.

3. Yi amfani da CSS don ƙara girman hotuna daidai: Idan kana buƙatar ƙarin sassauci a cikin girman hotuna, zaka iya amfani da CSS don sake girman su. Kuna iya yin haka ta amfani da kayan "nisa" da "tsawo" a cikin ƙa'idar CSS masu dacewa. Misali: img {nisa: 50%; tsawo: kai; }. Wannan zai mayar da hoton zuwa kashi 50% na girmansa na asali kuma ya kula da yanayin sa.

Ka tuna cewa lokacin da ake sake girman hoto, yana da mahimmanci a yi la'akari da bayyanar gani da iya karanta abun cikin gidan yanar gizon ku. Gwaji tare da girma dabam dabam da hanyoyin daidaita girman don nemo mafi kyawun bayani ga takamaiman lamarin ku. Ta bin waɗannan matakan da amfani da kayan aikin da suka dace, zaku iya warware matsalolin gama gari masu alaƙa da girman hoton HTML.

13. Inganta girman da aikin hotunan HTML

Lokacin aiki tare da hotunan HTML, yana da mahimmanci don haɓaka girman su da aikin su don haɓaka ƙwarewar lodi da saurin gidan yanar gizon ku. Don cimma wannan, yana da mahimmanci a bi wasu ƙa'idodi da amfani da ingantattun kayan aiki. A ƙasa akwai matakan da ake buƙata don inganta hotuna a cikin HTML.

1. Matse hotuna: Daya daga cikin mafi inganci hanyoyin da za a rage girman hotuna ita ce ta matsa su. Akwai kayan aikin kan layi iri-iri da shirye-shirye na musamman waɗanda zasu iya taimaka muku damfara hotunanku ba tare da rasa inganci sosai ba. Kuna iya amfani da compressors hoto na kan layi kamar TinyPNG o JPEGmini, ko software kamar Adobe Photoshop o GIMP don matsawa hotunanku kafin ƙara su zuwa gidan yanar gizonku.

2. Haɓaka tsarin: Wani mahimmin batu a inganta hoto shine yin amfani da tsari daidai gwargwadon nau'in hoton. Mafi na kowa tsari don hotuna a yanar gizo su ne JPEG, PNG y GIF. JPEG ya dace da hotuna tare da launuka masu yawa, yayin da PNG Ya fi dacewa da hotuna tare da m launuka da kuma nuna gaskiya. Tsarin GIF Ana amfani da shi musamman don rayarwa ko hotuna masu sauƙi. Ta zaɓar tsarin da ya dace, za ku iya ƙara rage girman hotunan ku.

3. Saita ma'auni da kudurori masu dacewa: Wata hanya don inganta ayyukan hotunan HTML ita ce ta saita matakan da suka dace da kudurori. Yana da mahimmanci a tantance faɗin hoton da tsayin hoton a cikin lambar HTML don hana mai bincike daga yin girmansa kai tsaye, wanda zai iya rage saukar da lodin shafi. Hakanan kuna iya la'akari da amfani srcset don tantance girman hoto daban-daban don na'urori daban-daban, wanda zai ba da damar ɗaukar hoto mafi dacewa don na'urar mai amfani ta atomatik.

Bin waɗannan matakan da yin amfani da kayan aiki da fasaha masu dacewa za su ba ku damar inganta girman da aikin hotuna akan gidan yanar gizon ku, ta haka inganta ƙwarewar mai amfani da saurin lodawa. Koyaushe tuna don kimanta sakamakon kuma gudanar da gwaje-gwaje don nemo mafi kyawun haɗin girman hoto da inganci don gidan yanar gizon ku.

14. Ƙarshe da shawarwari don canza girman hoto a HTML

A takaice, canza girman hoto a HTML tsari ne mai sauƙi wanda za a iya yi ta bin ƴan matakai masu sauƙi. Da farko, yana da mahimmanci a lura cewa ana iya canza girman hoto a cikin HTML ta amfani da kaddarorin faɗi da tsayi. Ana iya yin wannan duka ta layi na lambar ko ta amfani da kayan aikin gyara hoto.

Hanya ɗaya don sake girman hoto ita ce ta amfani da sifofin " faɗin" da "tsawo" a cikin alamar hoton. Misali:
"`html
Bayanin Hoto
«`
A cikin wannan misali, za a nuna hoton tare da faɗin pixels 500 da tsayin pixels 300. Yana da mahimmanci a lura cewa idan ɗaya daga cikin halayen (nisa ko tsayi) aka ƙayyade, za a daidaita girman hoton daidai gwargwadon ƙimar da aka ƙayyade.

Wata hanyar da za a sake girman hoto a HTML ita ce ta amfani da CSS. Don yin wannan, zaka iya amfani da kayan "nisa" da "tsawo" a cikin takardar salo ko kai tsaye a cikin alamar hoton. Misali:
"`html

«`
A cikin wannan misalin, za a nuna hoton tare da faɗin 50% na gandun da ke kewaye kuma tsayin zai daidaita ta atomatik don kula da yanayin asalin hoton.

Baya ga zaɓuɓɓukan da aka ambata, akwai kayan aikin kan layi da ɗakunan karatu waɗanda ke sa aiwatar da sake girman hotuna a cikin HTML ya fi sauƙi. Wasu daga cikinsu suna ba ku damar daidaita girman ta hanyar jawowa da sauke hoton, samar da zaɓin yankewa da matsawa, kuma suna ba da yuwuwar samar da lambar da ake buƙata don saka hoton a cikin shafin yanar gizon. Waɗannan kayan aikin galibi suna da amfani sosai ga waɗanda ba su da gogewa wajen gyara hotuna ko kuma kawai suna son hanzarta aiwatarwa. Ka tuna cewa yana da mahimmanci don inganta girman hotuna don inganta saurin lodawa na shafin yanar gizon.

A ƙarshe, canza girman hoto a cikin HTML tsari ne mai sauƙi don aiwatarwa ta amfani da kaddarorin faɗi da tsayi, duka a layin lamba kuma ta amfani da CSS. Hakanan akwai kayan aikin kan layi waɗanda ke sauƙaƙe wannan tsari. Tabbatar inganta girman hotunan ku don inganta aikin gidan yanar gizon ku.

A taƙaice, canza girman hoto a HTML aiki ne mai sauƙi amma mai mahimmanci don tabbatar da ingantaccen nunin gidan yanar gizo da aiki. Ta hanyar amfani da sifa "nisa" da "tsawo" a cikin alamar "img", za ku iya ayyana girman hoton da ake so duka a cikin pixels da cikin kashi. Yana da mahimmanci a tuna cewa gyara girman hoto kai tsaye a cikin HTML na iya haifar da ɓarna na gani idan ba a kiyaye ainihin rabo ba. Saboda haka, yana da kyau a yi amfani da shirye-shiryen gyaran hoto don yin daidaitattun gyare-gyare kafin saka su a cikin lambar HTML. Bugu da ƙari, yana da mahimmanci a yi la'akari da tasirin da girman hoton zai iya yi akan saurin loda gidan yanar gizon da ƙwarewar mai amfani. A ƙarshe, yana da daraja ambaton cewa akwai dabaru da kayan aiki da yawa waɗanda ke ba ku damar haɓakawa da sake girman hotuna. yadda ya kamata, wanda zai iya taimakawa wajen inganta aikin yanar gizon gaba ɗaya da tasiri. Tsayawa daidaitattun daidaito tsakanin ingancin gani da saurin kaya yana da mahimmanci don samar da ingantaccen ƙwarewar mai amfani.