CSS Thumbnail Sprites Wordpress Plugin - Rating, Reviews, Demo & Download

CSS Thumbnail Sprites Preview Wordpress Plugin - Rating, Reviews, Demo & Download
5 Average out of 1 ratings
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

The plugin creates CSS sprites from the original uploaded image, resizes to the defined dimensions and then applies the selected filter.

You can have has many different sprites as you like. Larger images (over 1000px * 1000px) will depending on your chosen filter, take longer to process.

Supports jpg, png and gif images.

There is also a live example which demonstrates a live example of the plugin in use.

Screenshots

  1. css-thumbnail-sprites screenshot 1

    Over view of the interface. (1) Set the unique identifier that you will later use to reference your image within your wordpress site. WordPress will register this as a custom image size. (2) Set sprite dimensions Specifies the sprite image size dimensions in pixels. (3) Set sprite jpg quality Set the level of jpg compression on any jpg images you upload. 100 is best quality. Default is 95. (4) Set sprite png quality Set the level of png compression for any png images you upload. 0 is best quality. (5) Set image effect on sprite Choose the image effect to apply to your CSS sprite. Depending on what option you select, further configuration options may display. (6) Set image effect position Controls the position of the image effect on the sprite. Select for the image effect to appear at the top of the sprite. Deselect for it to appear at the bottom. (7) Remove Sprite Will remove sprite data for the selected sprite. Only actually removes content when options are saved. (8) Add new CSS Sprite to plugin sprite list (9) Save Sprite Options Saves options. All options are validated.

  2. css-thumbnail-sprites screenshot 10

    Contrast. Applies a contrast filter to an image.Set contrast amount using slider. Range(-100 to 100). Default amount is: -10.

  3. css-thumbnail-sprites screenshot 11

    Colourise. Applies a colourise filter to an image. Set colourisation options via the three sliders. Value range is -255 to 255. 0 represents no change. Tip: Use arrow keys for small adjustments.

  4. css-thumbnail-sprites screenshot 12

    Sepia. Applies a quick sepia filter to an image. No configurable options.

  5. css-thumbnail-sprites screenshot 13

    Brightness. Applies a brightness filter to an image. Adjust brightness values using sliders. Value range is -255 to 255. 0 represents no change. Tip: Use arrow keys for small adjustments..

  6. css-thumbnail-sprites screenshot 14

    Pixellate. Applies a pixellation filter to an image. Adjust pixel block size value using slider. Value range is 0 to 100. 0 represents no change. Tip: Use arrow keys for small adjustments.

  7. css-thumbnail-sprites screenshot 15

    Selective Blur. Applies a selective blur filter to an image. No configurable options.

  8. css-thumbnail-sprites screenshot 16

    Scatter. Applies a pixel scatter filter to an image. Adjust scatter X and Y values using sliders. Value range is 0 to 100. 0 represents no change. Tip: Use arrow keys for small adjustments.

  9. css-thumbnail-sprites screenshot 17

    Flea. Applies a Flea (random OR) filter to an image. No configurable options.

  10. css-thumbnail-sprites screenshot 2

    Greyscale. Applies greyscale filter to image. No configurable options.

  11. css-thumbnail-sprites screenshot 3

    Greyscale Except Red. Applies greyscale filter to image but leaves the RED channel untouched. No configurable options.

  12. css-thumbnail-sprites screenshot 4

    Greyscale Except Green. Applies greyscale filter to image but leaves the GREEN channel untouched. No configurable options.

  13. css-thumbnail-sprites screenshot 5

    Greyscale Except Blue. Applies greyscale filter to image but leaves the BLUE channel untouched. No configurable options.

  14. css-thumbnail-sprites screenshot 6

    Greyscale Except. Applies greyscale filter to image but leaves the YELLOW channel untouched. No configurable options.

  15. css-thumbnail-sprites screenshot 7

    Greyscale Colourise. Colourises a greyscale image. Set image colourisation via the colour select box, or manually enter a HTML hex colour.

  16. css-thumbnail-sprites screenshot 8

    Greyscale Photo Negative. First applies a greyscale filter and then a photo negative filter to an image. No configurable options.

  17. css-thumbnail-sprites screenshot 9

    Photo Negative. Applies a photo negative filter to an image. No configurable options.


Reviews & Comments