Results 1 to 3 of 3

Thread: Lossless Compression of Images in extjs framework

  1. #1
    Sencha User
    Join Date
    Sep 2009
    Location
    Denver
    Posts
    51
    Vote Rating
    2
      0  

    Exclamation Lossless Compression of Images in extjs framework

    I was curious if it would be possible to have the images under the core framework optimized with lossless compression tools which should give show no visible difference to users. I ran two open source tools for compression and here are my findings.

    Extjs Images Directory located under resources


    Without compression 1.46MB (1,538,315 bytes)
    With pngopt ran on files 1.44 MB (1,513,226 bytes)


    saving a total of 25 kb (64% decrease)

    With pngopt ran on files 1.44 MB (1,513,226 bytes)
    with pngopt and gifopt 423 KB (433,942 bytes)


    saving a total of 1053 kb (77% decrease)


    For a total savings of 1079 kb (141% decrease)


    with only lossless compression.

    I enclosed a zip file with all the needed tools and images directory for the 4.0.7 release compressed and uncompressed for comparision.

    The zip files are 7 zip format and not normal zip so the you will need 7 zip and the file extension will need changed to 7z
    Attached Files Attached Files

  2. #2
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,711
    Vote Rating
    240
      0  

    Default

    Sounds interesting! Thanks for the tips and research.
    Don Griffin
    Director of Engineering - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  3. #3
    Sencha User
    Join Date
    Sep 2009
    Location
    Denver
    Posts
    51
    Vote Rating
    2
      0  

    Default Additional re-factoring in css and image usage on default themes

    I have some more refactoring that could be done on the stock themes on this form

    http://www.sencha.com/forum/showthre...nd-css-cleanup

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •