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. / 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.
Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:lnu-35495 |
Date | January 2014 |
Creators | Magnusson, Per |
Publisher | Linnéuniversitetet, Institutionen för datavetenskap (DV) |
Source Sets | DiVA Archive at Upsalla University |
Language | Swedish |
Detected Language | Swedish |
Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
Format | application/pdf |
Rights | info:eu-repo/semantics/openAccess |
Page generated in 0.001 seconds