Opened 10 years ago

Closed 10 years ago

Last modified 10 years ago

#9406 closed feature (wontfix)

minified images

Reported by: sfornengo Owned by:
Priority: minor Milestone: none
Component: ui.core Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:


I am coding a cache offline manifest for a website using jquery ui. It is a mess because jquery ui css loads many images (see in themes/minified/images) and it is not easy to know which are useful and which are not by the website. So, the idea would be to optimize all this image requests:

/minified/images/ui-icons_2e83ff_256x240.png /minified/images/ui-icons_222222_256x240.png /minified/images/ui-icons_454545_256x240.png /minified/images/ui-icons_888888_256x240.png /minified/images/ui-icons_cd0a0a_256x240.png could be only one mask: /minified/images/ui-icons_256x240.png and the color declinations could be generated in js using canvas (, saving request and bandwidth in few lines of js.

the following images could be generated in js on the fly instead of generating request: /minified/images/ui-bg_flat_0_aaaaaa_40x100.png /minified/images/ui-bg_flat_75_ffffff_40x100.png /minified/images/ui-bg_glass_55_fbf9ee_1x400.png /minified/images/ui-bg_glass_65_ffffff_1x400.png /minified/images/ui-bg_glass_75_dadada_1x400.png /minified/images/ui-bg_glass_75_e6e6e6_1x400.png /minified/images/ui-bg_glass_95_fef1ec_1x400.png /minified/images/ui-bg_highlight-soft_75_cccccc_1x100.png

in conclusion, minified image number could be reduced from 14 to 2 (thanks for cache manifest), saving request and bandwidth and speeding up website loading time in browsers supporting canvas.

Change History (2)

comment:1 Changed 10 years ago by Scott González

Resolution: wontfix
Status: newclosed

We're not going to switch to canvas for images, especially since that would add a dependency for a canvas shim in old IE.

comment:2 Changed 10 years ago by sfornengo

it is easy to fallback to old image system in case of browser not supporting canvas (less than 15% in the world)

Note: See TracTickets for help on using tickets.