Problemi kryesor në lidhje me shtimin e imazheve në HTML nga burime të largëta është se mund të çojë në kohë të ngadalta të ngarkimit të faqeve. Kjo për shkak se shfletuesi duhet të bëjë një kërkesë të veçantë për çdo imazh, e cila mund të shtohet shpejt nëse ka shumë imazhe në faqe. Për më tepër, nëse burimi në distancë është i dëmtuar ose ka një lidhje të ngadaltë, kjo mund të vonojë më tej kohën e ngarkimit të faqes. Së fundi, ekziston gjithashtu një rrezik në rritje i dobësive të sigurisë pasi imazhet po tërhiqen nga një burim i jashtëm.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Kjo linjë kodi është një etiketë imazhi HTML, e cila përdoret për të shfaqur një imazh në një faqe interneti.
2. Atributi “src” specifikon URL-në e imazhit që do të shfaqet, në këtë rast është “https://example.com/image.jpg”.
3. Atributi "alt" ofron tekst alternativ për imazhin, në këtë rast është "Imazhi shembull".
atributi img src
Atributi img src në HTML përdoret për të specifikuar burimin e një imazhi. Përdoret brenda etiketë për të përcaktuar burimin e një imazhi. Vlera e këtij atributi duhet të jetë një URL e vlefshme që tregon një skedar imazhi. Ky atribut kërkohet për të gjitha imazhet në një faqe interneti dhe i lejon shfletuesit të lokalizojë dhe të shfaqë imazhin.
Si mund të shtoj një imazh të jashtëm në HTML
Shtimi i një imazhi të jashtëm në HTML është mjaft i thjeshtë. E tëra çfarë ju duhet të bëni është të përdorni etiketoni dhe specifikoni burimin e imazhit duke përdorur atributin src. Sintaksa për shtimin e një imazhi të jashtëm në HTML duket si kjo:
Ku "image_url" është një lidhje me skedarin e imazhit dhe "teksti alternativ" është një përshkrim i asaj që është në imazh (për qëllime të aksesueshmërisë).
Për shembull, nëse dëshironi të shtoni një imazh të jashtëm nga faqja juaj e internetit të quajtur my-image.jpg, kodi juaj do të dukej kështu:
