Results 1 to 6 of 6

Thread: What is the benefit to use image sprites in web page?

  1. #1
    Join Date
    Feb 2014
    Location
    india
    Posts
    202
    Rep Power
    73

    What is the benefit to use image sprites in web page?

    what is the benefits to use image sprites in web site ?

  2. #2
    Join Date
    Feb 2014
    Location
    india
    Posts
    155
    Rep Power
    72
    Hello Jack !!

    Sprites were intended to increase download speed by having all the small images together into one file, instead of spread out into multiple smaller files where the browser would either have to start and finish downloads for each one, or try to download them all simultaneously.


    Note that sprites sometimes break with zooming, increasing/decreasing text sizes, and increase/decrease in display DPI. For that reason, I can't say I really use them any more.

  3. #3
    Join Date
    Feb 2014
    Location
    india
    Posts
    202
    Rep Power
    73

  4. #4
    Join Date
    Apr 2019
    Location
    Ahmedabad
    Posts
    25
    Rep Power
    0
    1. Image sprites are used in numerous web apps where multiple images are used.
    2. An image sprite is a collection of images put into a single image.
    3. A web page with many images can take a long time to load and generates multiple server requests.
    4. Using image sprites will reduce the number of server requests and save bandwidth.


    Refer this link : https://www.tutorialrepublic.com/css...ss-sprites.php

  5. #5
    Join Date
    Aug 2019
    Location
    USA
    Posts
    5
    Rep Power
    0
    thanks for shearing

  6. #6
    Join Date
    May 2019
    Location
    Ahemdabad
    Posts
    20
    Rep Power
    0
    Images for a website are typically stored in individual files. Some of these images may be related or may be variations of the same image, such as a plain button and a highlighted button. When a user opens the webpage their browser has to request each of these files, resulting in a slower experience.
    With CSS sprites, multiple images are combined into a single image called a sprite sheet. Instead of downloading several files, the user downloads a single file and displays the necessary image (or sprite) by offsetting the file. This removes the overhead of having to request multiple files at the cost of having to download one larger file.

    HO​​W CSS SPRITES WORK
    A web developer merges several images into a single sprite sheet, placing them in a grid-like pattern. When a particular image is required, the CSS references the sprite sheet, offsets it by the index of the desired sprite, then defines the size of the sprite in pixels.
    CSS sprites are commonly used in situations where a web page uses multiple images that have the same size, (e.g. for buttons or logos). Each button references the same sprite sheet but accesses an image by offsetting the sheet by a certain number of pixels. The desired image is then “framed” on the webpage.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. What is the benefit of seo marketing?
    By prakashsharmas in forum Website Design
    Replies: 4
    Last Post: 10-11-2016, 08:10 PM
  2. What is RSS and its benefit?
    By Yummy in forum Blogging Discussion
    Replies: 13
    Last Post: 03-11-2014, 09:29 AM
  3. Benefit of Adwords Coupon
    By tiafranklin in forum Affiliate Marketing
    Replies: 1
    Last Post: 07-07-2014, 10:35 AM
  4. What is benefit of link building?
    By carlodavis in forum Search Engine Marketing
    Replies: 5
    Last Post: 15-04-2014, 06:39 PM
  5. What is the benefit of blog commenting?
    By webexpert66 in forum Search Engine Marketing
    Replies: 1
    Last Post: 22-10-2013, 08:28 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search Engine Optimization by vBSEO 3.5.0 RC1 PL1

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32