Slišali ste, da je splet postal bolj vizualen in da so slike na vaši poslovni spletni strani pomembne.
Toda te slike so lahko nadlogi obiskovalcev vaše spletne strani. Slike predstavljajo 1 MB od 1.7MB, ki jih vsebuje povprečna spletna stran.
To morda za obiskovalce na namiznih računalnikih s hitrimi internetnimi povezavami ne predstavlja velike težave. Če vidite ali želite videti povečan promet mobilnih obiskovalcev, bi lahko bile te slike težava. Spletne strani, ki so težke za slike, lahko prenesejo veliko časa. Obiskovalci se razočarajo in zapustijo vaše spletno mesto.
$config[code] not foundMorda ste implementirali odzivno spletno oblikovanje, ki misli, da rešuje vse vaše mobilne težave. In res je, da odzivno oblikovanje spletnih strani rešuje nekatere težave. Samodejno razporedi in prikaže elemente vašega spletnega mesta, ki si jih lahko ogledajo na manjših, ožjih zaslonih za mobilne naprave.
Vendar odzivno oblikovanje spletnih strani ni odgovor na vse. Težava s prenosom slik ni nujno potrebna. Tudi pri odzivnem dizajnu so te slike v veliki meri še vedno prenesene. Kot je poudaril Yoav Weiss na spletni strani Opera
“Odzivno spletno oblikovanje RWD je združilo nove možnosti brskalnika in CSS tehnike za ustvarjanje spletnih strani, ki se prilagajajo napravi, ki jih prikazuje, in so videti povsod idealne. To je razvijalcem omogočilo, da so prenehali skrbeti zaradi nezanesljivega odkrivanja naprav in razmišljati o svojih spletnih mestih glede na dimenzije pogleda.
Kljub temu, da so se na vseh napravah pod različnimi RWD lokacijami pojavile drugačne različice, jih je večina še vedno prenesla iste vire za vse naprave.
Novi
Če ne veste ničesar o HTML kodi, je netehnična definicija: to je poseben jezik. Ko se uporablja v ozadju v kodi vaše spletne strani, ta jezik vsebuje navodila, kako naj brskalnik prikaže besedilo in slike. Novi element slike je vrsta označevalnega jezika HTML. Napisano je tako (na skupino odzivnih slik): Element slike je odziven slik, se ne odziva oblikovanja. Za netehnične poslovne ljudi se to razlikovanje zdi majhno. Toda ko gre za uspešnost vašega spletnega mesta na mobilnih napravah, je lahko pomembna. Po poročilu ArsTechnica novi element za označevanje obravnava težave, ki jih povzročajo slike, ki naj bi bile vidne na monitorju v polni velikosti - slike, ki se ne prevajajo dobro v mobilne naprave. The
»Ko brskalnik naleti na element slike, najprej oceni vsa pravila, ki jih lahko določi razvijalec spleta. *** Potem, ko oceni različna pravila, brskalnik izbere najboljšo sliko na podlagi lastnih kriterijev. To je še ena lepa lastnost, saj lahko merila brskalnika vključujejo vaše nastavitve. Na primer, prihodnji brskalniki lahko ponujajo možnost ustavitve nalaganja slik visoke ločljivosti prek 3G, ne glede na to, kaj bi lahko rekel kateri koli element slike na strani. Ko brskalnik ve, katera slika je najboljša izbira, jo dejansko naloži in prikaže v dobrem starem img elementu. … kar se zgodi, je Picture prelomi img tag. Če je brskalnik prestar, da bi vedel kaj narediti Vsi razvijalci najprej niso sprejeli novega elementa slike. Zgodba Ars Technice opisuje proces, ki so ga voditelji v skupnosti za razvoj spletnih strani izvedli do točke, kjer je $config[code] not found Zdaj pa se zdi, da je vprašanje urejeno, s sprejetjem novega elementa HTML za sliko. The
Kot poslovneži je to pomembno vedeti Izvajanje elementa Picture HTML za slike je nekaj, o čemer se pogovorite z vašim razvijalcem na spletu. Tehnično usmerjene in do-it-yourselfers lahko gredo tukaj, da se naučijo, kako uporabljati element slike. To je odlična izjava Scott Gilbertsona. Prosto izvajati
Slike: Shutterstock; RICG Kaj je element HTML slike?
Ključne točke o
