diff --git a/Makefile b/Makefile
index 7d3fda8..0148920 100644
--- a/Makefile
+++ b/Makefile
@@ -45,7 +45,12 @@ doc:
 test:
 	$(CARGO) test
 
-graphs: $(GRAPH_SVG)
+graphs-png: $(GRAPH_IMG)
+design/%.png: design/%.gv
+	dot -Tpng $^ -o $@
+
+graphs: $(GRAPH_SVG) graphs-png
 design/%.svg: design/%.gv
 	dot -Tsvg $^ -o $@
 
+
diff --git a/README.md b/README.md
index bccbb16..8d21cd2 100644
--- a/README.md
+++ b/README.md
@@ -14,4 +14,4 @@ This is an experiment with using Rust to build a CRUD web app.
 * Full interface / Web API separation
 
 ### DB Design
-![DB Design](./design/db.svg)
\ No newline at end of file
+![DB Design](./design/db.png)
\ No newline at end of file
diff --git a/design/db.png b/design/db.png
new file mode 100644
index 0000000..a241e0e
Binary files /dev/null and b/design/db.png differ
diff --git a/design/media-collection-tree.png b/design/media-collection-tree.png
new file mode 100644
index 0000000..9c0086b
Binary files /dev/null and b/design/media-collection-tree.png differ