Title: CSS Image Sprites Last modified: August 21, 2016 --- # CSS Image Sprites * Resolved [nullmem](https://wordpress.org/support/users/nullmem/) * (@nullmem) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/) * I love this plug-in, and it is exactly what my wife needed for her website. Unfortunately this has come at the cost of higher page load times. I would like to make a suggestion which would dramatically increase the rendering speed of this plug-in. You should be using image sprites for the buttons, not separate images. This would increase the load time substantially. For example use the following example CSS code to carve out the buttons from 1 image: * ``` .twitter{ background-position: 0 0; width: 64px; height: 64px; } .facebook{ background-position: -64px 0; width: 64px; height: 64px; } .google{ background-position: -128px 0; width: 64px; height: 64px; } ``` * [https://wordpress.org/plugins/simple-share-buttons-adder/](https://wordpress.org/plugins/simple-share-buttons-adder/) Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/css-image-sprites-1/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-image-sprites-1/page/2/?output_format=md) * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980574) * I just wanted to suggest the same thing. It’s a simple update and we will all benefit a lot from it. * THANK YOU! * Thread Starter [nullmem](https://wordpress.org/support/users/nullmem/) * (@nullmem) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980575) * I found a performance workaround that works well. I just pasted base64 image strings into the “custom image” boxes in the plugin settings. * ``` data:image/png;base64,iVBORw0KGgoAAAA... ``` * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980576) * Sounds great! But unfortunately I don’t know exactly what you mean. I opened: Share Buttons > Style Settings > Custom CSS * Now what should I insert there? * Right now I just have: `.ssba img {width: 30px; height: 30px;}` * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980627) * Would be very helpful if someone could explain me how to implement this. * Thank you! * Thread Starter [nullmem](https://wordpress.org/support/users/nullmem/) * (@nullmem) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980628) * Go [here](http://www.opinionatedgeek.com/dotnet/tools/base64encode/) and encode your images into base64 strings, then go to your “basic” plugin options and select custom image set. Type * ``` data:image/png;base64, ``` * followed by the base64 string in the custom image box with no spaces. Do not hit upload, just save changes at bottom of page when your done with all of your images. * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980648) * Your a genius! It’s working, thank you 🙂 * Plugin Author [Simple Share](https://wordpress.org/support/users/davidoffneal/) * (@davidoffneal) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980667) * Hi guys, * I’ve just released [Simple Share Buttons Plus](http://www.simplesharebuttons.com/plus/), it uses a CSS sprite and is retina-ready too. * On top of that every click to share is saved so you can check out the stats from your dashboard 🙂 * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980668) * Awesome, just bought it! * Thread Starter [nullmem](https://wordpress.org/support/users/nullmem/) * (@nullmem) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980669) * Nice I’m going to buy as well * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980670) * What happened to the button count? * Plugin Author [Simple Share](https://wordpress.org/support/users/davidoffneal/) * (@davidoffneal) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980671) * I plan to add it soon. The reason it’s not there at the moment is some people’s servers don’t have the PHP functionality required on their server to use what SSBA does. The intention is to use [http://codex.wordpress.org/Function_Reference/wp_remote_get](http://codex.wordpress.org/Function_Reference/wp_remote_get) which shall ensure everyone can get the counts. * I would also like at some point to add the option of showing a total share count too! Watch this space… * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980672) * The total share count sounds like a great ideas! * Maybe it’s even possible to read out the comment count from popular services like livefyre, disqus or wordpress comments, just like [http://www.entrepreneur.com/article/234339](http://www.entrepreneur.com/article/234339) they do it. * The Hover-Effect on their buttons is also cool, very simple, would be nice if we could use that too. * You should also raise the price a bit, I think £1.99 is way to low for such a great plugin! * Plugin Author [Simple Share](https://wordpress.org/support/users/davidoffneal/) * (@davidoffneal) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980673) * Glad you like it! I shall certainly look into the comment count too! * Nice you think the price is too low, thanks! It’s only set at that price until June 27th, where I’ll decide if people will still pay if it goes up 🙂 * Don’t forget to activate your license so that you get auto-updates! If you go to the ‘License’ option, copy and paste your license in and click ‘Save changes’, an ‘Activate license’ option should appear. * [s2am](https://wordpress.org/support/users/s2am/) * (@s2am) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980674) * I didn’t receive a mail with the license code, where do I find it? * How is it possible to use the buttons that you are using on your site? [http://www.simplesharebuttons.com/plus/](http://www.simplesharebuttons.com/plus/) they also have this simple hover effect 🙂 * Plugin Author [Simple Share](https://wordpress.org/support/users/davidoffneal/) * (@davidoffneal) * [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/#post-4980675) * Seems to have come through ok, can you let me know the domain your email address is on please? I’ll then forward it over to you. * The share buttons you see on that page are the default that come with Simple Share Buttons Plus 🙂 Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/css-image-sprites-1/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-image-sprites-1/page/2/?output_format=md) The topic ‘CSS Image Sprites’ is closed to new replies. * ![](https://ps.w.org/simple-share-buttons-adder/assets/icon-256x256.png?rev=2661516) * [Simple Share Buttons Adder](https://wordpress.org/plugins/simple-share-buttons-adder/) * [Frequently Asked Questions](https://wordpress.org/plugins/simple-share-buttons-adder/#faq) * [Support Threads](https://wordpress.org/support/plugin/simple-share-buttons-adder/) * [Active Topics](https://wordpress.org/support/plugin/simple-share-buttons-adder/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/simple-share-buttons-adder/unresolved/) * [Reviews](https://wordpress.org/support/plugin/simple-share-buttons-adder/reviews/) * 18 replies * 3 participants * Last reply from: [Simple Share](https://wordpress.org/support/users/davidoffneal/) * Last activity: [12 years ago](https://wordpress.org/support/topic/css-image-sprites-1/page/2/#post-4980679) * Status: resolved