Cum pui imagini pe site-ul tau folosind HTML
:: Tutoriale :: Tutoriale Web :: HTML
Pagina 1 din 1
Cum pui imagini pe site-ul tau folosind HTML
Folosind imagini pagina capata un plus de atractivitate dar puteti
plati pretul unei incarcari greoaie daca dimensiunile imaginii sunt
mari. Cateva din formatele de imagini utilizate in paginile web
sunt: JPEG (*.jpg sau *.jpeg), GIF (*.gif), BMP (*.bmp), PNG (*.png). Formatul gif este recomadat pentru realizarea butoanelor si a icoanelor iar jpg pentru fotografii. Eticheta folosita pentru inserarea unei imagini in pagina este si are urmatoarele atribute:
src = sursa, locul unde se afla imaginea
width = latimea imaginii
height = inaltimea imaginii
alt = numele care inlocuieste imaginea pana aceasta se incarca sau cand nu a fost gasita
border = chenar (0 = lipsa bordura) Dimensiunea imaginii afisate de browser este stabilita de argumentele width si height care pot fi diferite de dimensiunile imaginii originale, caz in care imaginea va fi redimensionata automat de catre browser. Exemplu: o imagine cu latime 100px, inaltime 75px, alt=poza si border=0 si inca o data cu border=1
Pentru a micsora timpul incarcarii complete a paginii exista programe care optimizeaza imaginile. Optimizarea consta in:
1. reducerea dimensiunii imaginii fara degradarea majora a calitatii
2. eliminarea informatiilor tip metadata
asociate imaginii. Aceste date (EXIF/IPTC) sunt asociate automat de
programele de grafica (de ex. Adobe Photoshop) sau de aparatele de
fotografia
plati pretul unei incarcari greoaie daca dimensiunile imaginii sunt
mari. Cateva din formatele de imagini utilizate in paginile web
sunt: JPEG (*.jpg sau *.jpeg), GIF (*.gif), BMP (*.bmp), PNG (*.png). Formatul gif este recomadat pentru realizarea butoanelor si a icoanelor iar jpg pentru fotografii. Eticheta folosita pentru inserarea unei imagini in pagina este si are urmatoarele atribute:
src = sursa, locul unde se afla imaginea
width = latimea imaginii
height = inaltimea imaginii
alt = numele care inlocuieste imaginea pana aceasta se incarca sau cand nu a fost gasita
border = chenar (0 = lipsa bordura) Dimensiunea imaginii afisate de browser este stabilita de argumentele width si height care pot fi diferite de dimensiunile imaginii originale, caz in care imaginea va fi redimensionata automat de catre browser. Exemplu: o imagine cu latime 100px, inaltime 75px, alt=poza si border=0 si inca o data cu border=1
HTML | Afisare |
|
1. reducerea dimensiunii imaginii fara degradarea majora a calitatii
2. eliminarea informatiilor tip metadata
asociate imaginii. Aceste date (EXIF/IPTC) sunt asociate automat de
programele de grafica (de ex. Adobe Photoshop) sau de aparatele de
fotografia
:: Tutoriale :: Tutoriale Web :: HTML
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum