Is there any reason why the theme cannot use optimized PNGs instead of GIFs? Some of the sizes are dramatic. slideshow-shadow.gif 45,611 bytes converted to slideshow-shadow.png 13,147 bytes. Some of the existing PNGs can be optimized too:

slideshow-shadow.gif 45,611 bytes -> 13,147 bytes
mission-bg.png 2,012 bytes -> 788 bytes

and more modest improvements:
shadow.png 1,698 bytes -> 1,525 bytes
print.gif 989 bytes -> 414 bytes

The tiny ones sizes do add up over time. The change for slideshow-shadow.gif to png is the easiest to implement, as only the CSS file needs changed.

#slideshow-wrapper{
width:100%;
background: transparent url(images/slideshow-shadow.png) no-repeat center bottom;
height:420px;
margin-bottom:-45px;
margin-top:14px;
}

CommentFileSizeAuthor
#3 OptiPNG -o7 then pngout compressed images.zip24.83 KBjlpicard2
#2 OptiPNG 0.6.5 compressed images with -o7 option.zip26.77 KBjlpicard2
shadow.png1.49 KBjlpicard2
mission-bg.png788 bytesjlpicard2
slideshow-shadow.png12.84 KBjlpicard2

Comments

danpros’s picture

danpros commented

Hi,

Great! 40 kb to 12 kb is very big improvement. I will change the images in my next release for faster loading.

Thanks,
Dan

jlpicard2’s picture

jlpicard2 commented
StatusFileSize
new OptiPNG 0.6.5 compressed images with -o7 option.zip26.77 KB

I re-compressed and converted the entire images folder with OptiPNG 0.6.5 using the -o7 option. This option further shrunk the files. This brought the entire images folder from 63,851 bytes to 24,633 bytes.

slideshow-shadow.png was further reduced from 13,147 bytes -> 13,053 bytes

jlpicard2’s picture

jlpicard2 commented
StatusFileSize
new OptiPNG -o7 then pngout compressed images.zip24.83 KB

I did some more research and found that putting the OptiPNG compressed files through PNGOUT gave most of them a further decrease in size (http://en.wikipedia.org/wiki/Portable_Network_Graphics#Optimizing_tools). The entire images folder was further reduced to 21,964 bytes.
slideshow-shadow.png was further reduced from 13,053 bytes -> 11,590 bytes

Taxoman’s picture

Taxoman commented
Title: Is there any reason why the theme cannot use optimized PNGs instead of GIFs? » Use optimized PNGs instead of GIFs
Category: feature » task
jcnventura’s picture

jcnventura
Primary language English
commented
Issue summary: View changes
Status: Active » Fixed

  • jcnventura committed d998016 on 7.x-1.x 
    Issue #1044098 by jlpicard2: Use optimized PNGs instead of GIFs

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.