What are the benefits of sprites? There are a few very good reasons to use this method. Manageability If you use a ton of images, keeping them in a few master sprite images keeps them manageable.
Reducing your HTTP request overhead Anyone who has done work on a high-traffic, high-profile site knows that you want to reduce the amount of HTTP requests that are made as the page loads. You can also install locally and run it from your server to bypass their.
The downside is that there appears to be a learning curve to usage beyond traditional spriting, as well as the fact that it must be installed and run locally, command line style. Best time for a sprite generator? Show related SlideShares at end.
WordPress Shortcode. Next SlideShares. Download Now Download to read offline and view in fullscreen. Download Now Download Download to read offline. Css sprite Download Now Download Download to read offline. Psy psy week 2 quiz 10 correct answers ashford new. Related Books Free with a 30 day trial from Scribd. Related Audiobooks Free with a 30 day trial from Scribd.
Views Total views. Actions Shares. But what happens when you encounter a large sprite like Amazon or Google? Can you imagine what it would be like to maintain such a file and change the position of the sprite in the CSS? What about the first time you created CSS code? A large sprite can cause endless testing and picture state re-placement relative to a simple button that makes it easy to calculate state positions.
Amazon's sprites does save at least 30 HTTP connections, and there's really a big improvement in performance. But by comparing these benefits with development and maintenance costs, and taking into account factors such as caching and speed, the decision to use such a large sprites may be less convincing.
Of course, some people don't think that a sprite is the first problem that causes headaches. In most cases, when a sprite is created and encoded, it is rarely altered or affected by ongoing site maintenance.
If you feel that the sprite maintenance is not a problem, then perhaps using a large sprite is the best choice. Another reason for not advocating the misuse of CSS sprites is that it causes developers to mistakenly use the background image.
Experienced developers will consider accessibility issues in the project, and they understand that not every picture is a background. The background image should be left to the button and used to decorate the element, and the image used to convey important information should be inline in XHTML. Some newly-started developers will use all the images as background images to save the number of HTTP requests which is the benefit of using CSS sprites — even those that convey important information.
The result will be a lack of accessibility to the site, but also reduce the potential benefits of title and Alt in HTML. Therefore, the CSS sprite itself is correct, and it does not raise accessibility issues in fact, the correct use will improve accessibility. But it's not right to overdo it. Using a sprite can hinder web-building processes with accessibility and productivity. Many people argue that the most important part of improving site performance is reducing the number of HTTP requests.
Also know that a study shows that the percentage of a site's daily visitors is not cached by the browser. Does this suffice to indicate that large sprites should be used in all cases? Maybe it is. Especially considering the importance of a user's first visit to a website. This means that each server has 6 concurrent connections.
Quote Steve Souders:. One of the simplest way to optimize your WordPress blog is by using super cache plugin, Smush. Firefox 4 has finally been released after an amazing number of Beta versions…. A few web based operating systems have emerged the last few years including…. Microsoft is honest in the recent blog post about using one platform to build…. Write and manage your documentation from an easy to use yet powerful help authoring environment.
Fast and easy high quality screen capture software for Windows 7, Vista and XP. IBE Software. Input enter the text to flip. Original image. Select file Change.
0コメント