Guymon

Four Steps to File Size Reduction

Der dritte Teil der Serie zur Bild Optimierung stellt einige Tools zu Reduzierung der Dateigröße vor.

Die Liste möglicher Tools ist recht lang: pngcrush, pngrewrite, OptiPNG, PNGOut, jpegtran und GIFsicle.

Am einfachsten zu verwenden ist sicherlich smush.it mit dem dazugehörigen Firefox Plugin.

Reduce and Optimize PNG Images

Dieses Python Skript von amix.dk durchsucht das aktuelle Verzeichnis nach PNGs und optimiert die Bilder mit OptiPNG.

import os, sys

def png_optimize(dir):

 findcmd = 'find %s -name "*.png" -print' % dir

 count = 0

 for f in os.popen(findcmd).readlines():

 count += 1

 file = str(f[:-1])

 os.popen('optipng %s' % file)

 print 'optimized %s' % file

 print "Optimized %d .png files" % count

if __name__ == "__main__":

 png_optimize(".")

Unit PNG Fix

Noch mal ein IE PNG Fix zum testen: Unit PNG Fix

Unit PNG Fix uses an empty image, name “clear.gif”, to help keep certain elements structurally sound when using the filter property. Make sure that you place “clear.gif” in with your other images, and then open “unitpngfix.js”. On the first line, check to see that the first variable matches the correct path to “clear.gif”, relative to the root [not the javascript].

One thing to note: Unit PNG Fix will work with the CSS background-repeat attribute… kinda. It does not work like background-repeat should [IE6’s filter property doesn’t allow that], but Unit PNG Fix does read the element’s CSS, and if it is using a background-repeat, the image will be stretched to fill the element background. This isn’t ideal, but it is all that can be expected of the filter property.

Extended Internet Explorer PNG Alpha Transparency Fix

Den IE PNG Fix von Angus Turnbull habe ich schon häufiger eingesetzt, leider bin ich heute an seine Grenzen gestoßen, habe aber auch gleich eine modifizierte Version gefunden die die Probleme behebt.

This fix (form Angus Turnbull) has some limitations. For example it cannot handle the CSS properties background-repeat and background-position properly. The latter is especially problematic if you want to use CSS Sprites to reduce the number of HTTP requests to your server.

Funktioniert einwandfrei.

PNGs Optimieren

Zwei Programme zum Optimieren von PNGs

OptiPNG: Advanced PNG Optimizer

OptiPNG is a PNG optimizer that recompresses image files to a smaller size, without losing any information. This program also converts external formats (BMP, GIF, PNM and TIFF) to optimized PNG, and performs PNG integrity checks and corrections.

Und das Windows Programm PngOptimizer