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
Responsiv hantering av bilder: Vad är en bästa lösning för responsiv hantering av bilder på olika enheter?
Linnaeus University, Faculty of Technology, Department of Computer Science.
2014 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [sv]

Med responsiv webbdesign skapas en design som sedan dynamiskt anpassar sig till olika enheters skärmbredder, utan att specifika designer måste skapas för att få en anpassad layout till varje specifik enhet. De senaste åren har användandet av mobila enheter för surf på webben ökat och kraven som ställs på det mobila surfandet ökar med detta. Ett problem som uppstår med mobila enheter är att de trots sina små skärmar, använder samma högupplösta bilder som skapats för större skärmar. Detta medför att, trots omskalning av bilder för att responsivt anpassa bilden till enheten, så laddas en onödigt stor bild ned till enheten. Detta kan exempelvis p.g.a. dålig uppkopplings-hastighet skapa en långsam nedladdning som i sin tur ger användaren en långsam surfupplevelse. Detta kan också innebära att det stjäls onödigt mycket trafik. I denna uppsats undersöks och utvärderas olika ramverk och lösningar för responsiv hantering av bilder för att ta reda på vad en bästa lösning är på detta problem. Vad en bästa lösning är visade sig bero mycket på vilka grundförutsättningar som råder och vilka krav som från början ställs på den applikation lösningen ska implementeras i.

Abstract [en]

With responsive web design, a design is created that dynamically adapts to various devices with different screen widths, without the need to create a custom layout for each specific device. In recent years the use of mobile devices to surf the Web has increased and the demands made on the mobile surfing is growing with it. A problem that arises with mobile devices is that despite their small screens, they’re using the same high-resolution images created for larger screens. This means that, despite resizing images to responsively adjust the image to the device, an unnecessarily large image is downloaded to the device. Due to poor connection speeds, this may create a slow download, which in turn provides the user with a slow browsing experience. This could also mean that an excessive amount of bandwidth is being used. This paper investigates and evaluates different frameworks and solutions for responsive handling of images to find out what the best solution is to this problem. What a best solution is, is shown to depend a lot on what basic conditions that prevail and what requirements are initially placed on the application the solution should be implemented in.

Place, publisher, year, edition, pages
2014. , 37 p.
Keyword [sv]
responsiv, webbdesign, optimering, bilder, mobila enheter
National Category
Computer Science
Identifiers
URN: urn:nbn:se:lnu:diva-35495OAI: oai:DiVA.org:lnu-35495DiVA: diva2:727964
Subject / course
Computer Science
Educational program
Datavetenskap, kandidatprogram, 60 hp
Supervisors
Examiners
Available from: 2014-06-23 Created: 2014-06-23 Last updated: 2014-06-23Bibliographically approved

Open Access in DiVA