Tag Archives: css

Update: CSS Sprites Generator V2.0

What’s New in Version 2.0 :

A placeholder image is not necessary any more and is replaced by a span class.

The application now generates also a ‘test-css-sprites.html’ file, to test directly how the sprites look using the local combined image file.

Webpage : http://www.4dots-software.com/css-sprites-generator/
Download Link : http://www.4dots-software.com/d/CSSSpritesGenerator/

One of the most important guidelines of onpage SEO (search-engine-optimization) and in order for your webpage to load faster is that you use CSS Image Sprites for your webpage’s images.

This means that you do not insert a lot of images in your HTML code but combine them into one and you display them with proper CSS code.

By using CSS Sprites you reduce significantly the dns queries and file queries when your webpage is being loaded by just the one of your combined CSS Sprites image.

This results into faster loading times and search engines prefer webpages that load fast !

With CSS Sprites Generator from 4dots Software you can easily generate CSS Sprites with just a few mouse clicks !

This free tool will generate both the combined CSS Sprites image and the CSS, HTML code that is required.

You can also save your work as a project and open it later.

Free source code is also available.

New Web App : CSS Sprites Generator Online Tool – http://cssspritestool.com

http://cssspritestool.com - Main Screen
http://cssspritestool.com – Main Screen

New Web App : CSS Sprites Generator Online Tool – http://cssspritestool.com

Webpage : http://cssspritestool.com

Free Online Tool to generate CSS Sprites easily with a simple drag and drop. It is unique because it can save and open projects of your work. Good for SEO,performance

cssspritestool.com is an easy to use CSS sprites generator tool. CSS Sprites are useful for SEO purposes and for website performance improvement.

cssspritestool.com is unique because it allows you to load and save projects and reuse your work and css sprites another time later.

Simply, drag and drop images (png,gif,jpg images) and then press on the “Generate CSS Sprite” button to generate the css sprite. Then the combined sprite image will be generated and displayed to you and also the required css and html code to use it on your site. Copy and paste this code to your site and download and add the generated image to your site.

To download the generated files directly as a zip archive, press on the “Download Zip Package” button.

If you press on the “Download Zip Package” button then in the Zip archive that you have downloaded, you will find a file called “Project.cssproj.zip“. This is the project file and you can use it to reuse your work later.

To open a project simply drag and drop the “Project.cssproj.zip” file and then press on the “Open Project” button that will appear.

You can also set the padding between the images of the sprite, the alignment of the sprite (horizontal or vertical) and also the css class prefix. Also, you can set the desired sprite image type (png,gif or jpg).

Maximum Image Size : 25MB

Maximum Number of Images:200

Time till sprite image Files get Deleted: 1 day

New Release : CSS Sprites Generator – Free tool to generate CSS Sprites easily with just a few clicks

CSS Sprites Generator - Main Screen
CSS Sprites Generator – Generate CSS Sprites easily.

Webpage : http://www.4dots-software.com/css-sprites-generator/

Download Link : http://www.4dots-software.com/d/CSSSpritesGenerator/

One of the most important guidelines of onpage SEO (search-engine-optimization) and in order for your webpage to load faster is that you use CSS Image Sprites for your webpage’s images.

This means that you do not insert a lot of images in your HTML code but combine them into one and you display them with proper CSS code.

By using CSS Sprites you reduce significantly the dns queries and file queries when your webpage is being loaded by just the one of your combined CSS Sprites image.

This results into faster loading times and search engines prefer webpages that load fast !

With CSS Sprites Generator from 4dots Software you can easily generate CSS Sprites with just a few mouse clicks !

This free tool will generate both the combined CSS Sprites image and the CSS, HTML code that is required.

You can also save your work as a project and open it later.

Free source code is also available.