Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Responsive images in HTML5: A standardized solution in markup language
2018 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

Due to the varied climate of devices used today, the web must accommodate to every use case via responsive design. The problem is that images are often forgotten when implementing fluid design, resulting in slower loading of pages and more data sent than necessary. This thesis aims to explore through a literary study which valid standardized responsive image solutions there are using HTML5 and how to implement them. The empirical study of this thesis will be an experiment conducted to find answers on what the benefits are and what you must consider when implementing responsive image solutions. The experiment consists of collecting data from three different websites implementing various degrees of responsive image solutions. We conclude from the literary study that there are currently two valid standardized responsive image solutions in HTML5 in the form of the ‘picture’ element and the ‘srcset’ attribute. We find that the increased size of data stored on disk and the increased complexity of the markup and images must be considered when implementing responsive image solutions. The benefits of the technique will show in terms of decreased loading times of the page and less data sent over the network. We also concluded that a clearer focus and more context was achieved on the images implementing art direction.

Place, publisher, year, edition, pages
2018. , p. 36
Keywords [en]
HTML5, Responsive images, Responsive design
National Category
Computer Sciences
Identifiers
URN: urn:nbn:se:bth-16260OAI: oai:DiVA.org:bth-16260DiVA, id: diva2:1212760
Subject / course
PA1445 Kandidatkurs i Programvaruteknik
Educational program
PAGWE Web Programming
Supervisors
Examiners
Available from: 2018-06-05 Created: 2018-06-03 Last updated: 2018-06-05Bibliographically approved

Open Access in DiVA

BTH2018Esmailzade(822 kB)251 downloads
File information
File name FULLTEXT01.pdfFile size 822 kBChecksum SHA-512
ebc2388112ad79c5f14f8066c065d1d0358bf6e25b373ffc8c89c916ab3a9a42c7562e64b3c76fc0bedc8b469c88bc1a94a0d6e717a76447917b8ad4c81bc835
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Esmailzade, Philip
Computer Sciences

Search outside of DiVA

GoogleGoogle Scholar
Total: 251 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 980 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf