- Simplified Chinese
- Traditional Chinese
IntroductionAre you after reducing your server load and speeding up your web pages? You’ve heard of CSS sprites before but you don’t know how they can bring improvements in your situation?
Well, simply put, each image on a web page is a separate HTTP request to the server, and experience shows that you can dramatically increase the performance of a page by combining multiple images or icons into a larger image sprite sheet. CSS is finally used to select the parts of the composite image to display at different places in the page.
Plugin DescriptionWordPress CSS Sprites Generator for posts content try to offer your pages this performance improvement by automatically creating for you corresponding CSS sprites for images in posts, pages and custom type posts which reduce by the way the amount of image files and then the amount of HTTP requests.
Family galleries, portfolios, news reports with a lot of small and medium photos, manual making of sprites for every post content can be a really tedious task. WordPress CSS Sprites Generator for posts content saves your bandwidth and provides an automated solution to replace all standard tag by the corresponding CSS sprites.
You can try CSS sprites generation your self and compare before you decide whether to buy it.
Also, feel free to ask me any questions you may have regarding the code before purshasing to avoid mismatched expectations.You can also compare performance difference between those two pages having the same content with and without CSS Sprites:
- With CSS Sprites: http://faylabs.aws.af.cm/wordpress-css-sprites-generator-for-posts-content-demo/
- Without CSS Sprites: http://faylabs.aws.af.cm/wordpress-css-sprites-generator-for-posts-content-demo-without-sprites/
- Ready to use, global options are applied on existing and future posts/pages images
- Customizing the number of images per sprite for every single post/page
- Automation of the generated sprites quality compression for better optimization
Requirements:PHP5 and GD support turned on (which is already the case for 99,99% if you are dealing with images)
- CSS Sprites generation WILL NOT WORK with PAGED galleries plugin, it’s not possible to automate this generation since every plugin handles the pagination on its own way
In the demo website, I installed the “Art Direction” plugin that allows embedding custom CSS /Script with posts so you can test before. Here is how to do it http://goo.gl/2Xe2R
The ReadMe or the plugin web page explain how to set it up, and it really only takes a few minutes.
Please do not hesitate to contact me if you have any further questions
CreditsNOTE : Photos used in the demo, but not included with this plugin are provided by their individual photographers from National Geographic Photo Contest http://ngm.nationalgeographic.com/ngm/photo-contest/
7 February 12
11 January 13
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
WordPress 4.4.2, WordPress 4.4.1, WordPress 4.4, WordPress 4.3.1, WordPress 4.3, WordPress 4.2, WordPress 4.1, WordPress 4.0, WordPress 3.9, WordPress 3.8, WordPress 3.7, WordPress 3.6, WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0