CSS Sprite Generator - Reduce number of HTTP requests & increase your website speed

in #steemhunt5 years ago

CSS Sprite Generator

Reduce number of HTTP requests & increase your website speed


Screenshots

css loading.png

css loading 1.png
View Image

Hunter's comment

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image. source

CSS Sprite Generator is a web tool that helps you increase the loading speed of your website.

Opera for instance doesn't a background position that is greater than 2042px or smaller than -2042px. This tool helps you solve that problem for Opera users by creating new columns within the image output each time the vertical limit is reached.

Image source


Link

https://spritegen.website-performance.org/



Steemhunt.com

This is posted on Steemhunt - A place where you can dig products and earn STEEM.
View on Steemhunt.com

Sort:  

YOU ARE VERIFIED.

remember to hunt really your best finds on the web, we want the site to be fully of quality awesome products that people will love!

some power tips for the next hunt.. .

  • use animated gifs up to 5mb
  • quote some of the text using > arrow
  • write your opinions about the product
  • comment pro and cons on other hunts
  • upvote and resteem your favs of the day
  • write a blog post about your top 5/10/25 :)


Coin Marketplace

STEEM 0.30
TRX 0.12
JST 0.033
BTC 64093.86
ETH 3123.80
USDT 1.00
SBD 3.94