Results 1 to 6 of 6

Thread: How to use CSS Sprites

  1. #1
    Join Date
    Feb 2010
    Posts
    538

    How to use CSS Sprites

    Hi all,

    I am a web designer and build a project on website. I want to know that system CSS Sprites concept, purpose and usage, I believe this would help me for great make great efforts in my website. Thanks in advance.

  2. #2
    Join Date
    May 2008
    Posts
    2,137

    Re: How to use CSS Sprites

    CSS Sprites is not a new technology, now it has been WebDeveloped a more mature development. CSS Sprites is not a golden rule, but in many cases, it has certain advantages, the most important is that it can reduce the server load, improve your page loading speed. "Sprite" is such a technique, it combined a number of images into a grid, and then process the contents of each grid location to the screen.

  3. #3
    Join Date
    Oct 2005
    Posts
    2,358

    Re: How to use CSS Sprites

    CSS Sprite has been targeted to a static picture, and through a simple process or hardware, you can correct positioning of the screen, like the one pictures is "change" out, and they did not occupy a separate memory, it has been named for the "Sprite Wizard." CSS Sprites can be used on many occasions, large sites can be many separate pictures combined organic way, making it easy to maintain and update. Between pictures often leave a large gap, making pictures will not affect theWebContent. But mostly used in CSS Sprite over a fixed pixel location, it's less flexible, receive positioning factors.
    I'm the Proud Owner of the most dangerous weapon
    known to man kind: Human Brain

  4. #4
    Join Date
    Apr 2008
    Posts
    2,578

    How to use CSS Sprites

    Here are someCSS Sprites Use examples:
    # Xing -This site will provide a number of buttons, icons, and made a LOGOCSS Sprites.
    # Amazon - Amazon uses a large, tidy and neatCSS Sprites.
    # YouTube - YouTube uses a 2008 pixel high -CSS Sprites.

    check the above site and reply.

  5. #5
    Join Date
    May 2008
    Posts
    2,792

    Re: How to use CSS Sprites

    You are using different tool for CSS sprites. I give you some example.
    # DURIS (Data URI [CSS] Sprites) is a managementWebPicture a new tool, it can help you reduce the maximum number of background images to reduce the number of requests.
    # Spritr -A generation CSS Sprites of simple tools
    # CSS Sprite Generator - ProductionCSS sprites of Drupal plug-in
    # CSS Sprites Generator - This tool allows you to upload multiple pictures generatedCSS Sprites and CSS code.

    Check that and reply.

  6. #6
    Join Date
    Apr 2008
    Posts
    2,578

    How to use CSS Sprites

    Use CSS Sprites, you can write a small part of an object loaded rollover effect, the use of negative background image position ( background-position ), You can create CSS-based image mapping. BasedCSS The image map of the simple example. BasedCSSThe image map of the simple example. You can with the the traditional way compare advantages and disadvantages. Check and reply.

Similar Threads

  1. Orthodox bishop sprites in Crusader Kings II
    By Super-Man in forum Video Games
    Replies: 4
    Last Post: 08-02-2012, 02:19 PM
  2. Replies: 3
    Last Post: 28-01-2012, 03:33 AM

Posting Permissions

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