Čuli ste da je web postao vizualniji i da su važne velike slike na web-lokaciji tvrtke.
No, te slike mogu biti pošast posjetitelja vaše web-lokacije. Slike čine 1MB od 1.7MB prosječne web-stranice.
To možda neće biti veliki problem za vaše posjetitelje na stolnim računalima koja koriste brze internetske veze. Međutim, ako vidite ili želite vidjeti povećanje prometa od mobilnih posjetitelja, te slike mogu biti problem. Web-stranice koje su teške za preuzimanje mogu se dugo trajati. Posjetitelji se frustriraju i napuštaju vašu web-lokaciju.
$config[code] not foundMožda ste implementirali odgovarajući web dizajn, misleći da rješava sve vaše mobilne probleme. Istina je da odgovarajući web dizajn rješava neke probleme. Automatski raspoređuje i prikazuje elemente vaše web-lokacije kako bi ih se moglo vidjeti na manjim, uskim mobilnim zaslonima.
No, odgovor na web dizajn nije odgovor na sve. To ne mora nužno riješiti problem preuzimanja slike. Čak i uz prilagodljiv dizajn, mnogo puta se te teške slike ipak preuzimaju. Kao što je stručnjak za web-performanse Yoav Weiss sažeto ukazao na web-mjesto Opera:
“Odgovarajući web dizajn RWD kombinirao je nove mogućnosti preglednika i CSS tehnike za stvaranje web stranica koje se prilagođavaju uređaju koji ih prikazuje, i izgledaju idealno svugdje. To je razvojnim inženjerima omogućilo da prestanu brinuti o nepouzdanom otkrivanju uređaja i razmišljaju o svojim web-lokacijama u pogledu dimenzija prikaza.
No, iako su RWD stranice izgledale drugačije na svakom uređaju, ispod njih, većina ih je nastavila s preuzimanjem istih resursa za sve uređaje.
Novi
Ako ne znate ništa o HTML kodu, netehnička definicija je: to je poseban jezik. Kada se koristi iza kulisa u kodu vaše web-lokacije, ovaj jezik daje upute o tome kako preglednik treba prikazati tekst i slike. Novi element slike je vrsta jezika HTML oznake. Napisano je ovako (prema grupi zajednice Odgovarajuće slike): Element slike je osjetljiv slike, ne odgovara dizajn. Netehničkim poslovnim ljudima ta se razlika može činiti malom. No, kada je riječ o izvedbi web-lokacije na mobilnim uređajima, to bi moglo biti značajno. Prema izvješću ArsTechnica, novi element označavanja rješava probleme uzrokovane slikama koje su trebale biti vidljive na monitoru u punoj veličini - slike koje se ne prenose dobro na mobilne uređaje.
“Kada preglednik naiđe na element slike, prvo procjenjuje sva pravila koja web developer može odrediti. *** Zatim, nakon procjene različitih pravila, preglednik odabire najbolju sliku na temelju vlastitih kriterija. Ovo je još jedna zgodna značajka jer kriteriji preglednika mogu uključivati vaše postavke. Na primjer, budući preglednici mogu ponuditi opciju za zaustavljanje učitavanja slika visoke razlučivosti preko 3G-a, bez obzira na to što bi neki element slike na stranici mogao reći. Nakon što preglednik zna koju je sliku najbolji izbor, ona zapravo učitava i prikazuje tu sliku u dobrom starom img elementu. … što se događa je Picture omotava img tag. Ako je preglednik prestar da bi znao što napraviti U početku svi novi programeri nisu prihvatili novi element slike. Priča o Ars Technici opisuje proces koji su vođe u zajednici za razvoj weba prošli da bi došli do točke gdje $config[code] not found No, sada se čini da je problem riješen, s novim HTML elementom slike koji je usvojen.
Kao poslovni ljudi, važno je to znati Implementacija elementa Picture HTML za slike je nešto o čemu treba razgovarati s vašim web programerima. Tehnički orijentirani i do-it-yourselfers mogu ići ovdje kako bi naučili kako koristiti element slike. To je izvrstan zapis Scott Scotta Gilbertsona. Slobodno provedite
Slike: Shutterstock; RICG Što je element HTML slike?
Ključne točke o
