mpchadwick / pngarbage

Scan a web page for garbage PNGs

pngarbage

A CLI utility to scan web pages for garbage PNGs.

What?

Improper image format usage can be a serious concern for frontend web performance. PNGs can be particularly problematic as they are typically much larger than JPEGs.

pngarbage will scan a URL and attempt to identify cases where PNGs are used when they really shouldn't be.

How?

Currently, pngarbage will flag a png as "garbage" if it has no transparent pixels. Alpha transparency is one of the primary reasons to use a PNG and if a PNG doesn't have any transparent pixels, there's a high likelihood that JPEG could have been used, resulting in serious savings.

Usage

Download the latest binary from the releases page. Then, simply specify the URL to scan and run it

➜  ./pngarbage -url="http://localhost:8080"
===========================
> pngarbage
===========================
Checking:  http://localhost:8080
Number of pngs:  2
http://localhost:8080/sample.png  is garbage! Content-Length:  31520

pngarbage's Issues

Add tests

😞

Add ability to show version info

Make Content-Length more human friendly

Have a "usage" (help) screen

If the URL is not supplied should output the usage screen.

Use Goroutines for downloading PNGs

Add auto updating

Detection if it's not an <img> element

May be a bit tricky, but images may be pulled in from JS or are used as background images.

Allow multiple output formats

E.g.

$ ./pngarbage -url="http://localhost:8080" -ouput="influxdb"

Detect images that only have transparency around the border

We may want to expose a "garbage reason" or something outlining why the image was flagged as "garbage".