diff --git a/CHANGELOG.md b/CHANGELOG.md
index f1a4d140..8aade3e8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - `config.yml` for issue template
 ### Changed
 - Bug report template modified
+- Diagrams updated
 - Document modified
 - `README.md` modified
 - Test system modified
diff --git a/Document/Document.ipynb b/Document/Document.ipynb
index 57af2c07..f01f2b0f 100644
--- a/Document/Document.ipynb
+++ b/Document/Document.ipynb
@@ -280,7 +280,7 @@
    "metadata": {},
    "source": [
     "<div style=\"text-align:center;\">\n",
-    "    <img src=\"../Otherfiles/block_diagram.jpg\" onerror='this.src=\"../images/block_diagram.jpg\"'>\n",
+    "    <img src=\"../Otherfiles/block_diagram.jpg\" onerror='this.src=\"../images/block_diagram.jpg\"' width=\"700\">\n",
     "</div>\n",
     "<center><p style=\"text-align:center;\">Fig1. ConfusionMatrix Block Diagram</p></center>\n"
    ]
@@ -2634,7 +2634,7 @@
    "metadata": {},
    "source": [
     "<div style=\"text-align:center;\">\n",
-    "    <img src=\"../Otherfiles/recommendation_block_diagram.jpg\" onerror='this.src=\"../images/recommendation_block_diagram.jpg\"'>\n",
+    "    <img src=\"../Otherfiles/recommendation_block_diagram.jpg\" onerror='this.src=\"../images/recommendation_block_diagram.jpg\"' width=\"400\">\n",
     "</div>\n",
     "<center><p style=\"text-align:center;\">Fig2. Parameter Recommender Block Diagram</p></center>"
    ]
@@ -2833,7 +2833,7 @@
    "metadata": {},
    "source": [
     "<div style=\"text-align:center;\">\n",
-    "    <img src=\"../Otherfiles/compare_block_diagram.jpg\" onerror='this.src=\"../images/compare_block_diagram.jpg\"'>\n",
+    "    <img src=\"../Otherfiles/compare_block_diagram.jpg\" onerror='this.src=\"../images/compare_block_diagram.jpg\"' width=\"500\">\n",
     "</div>\n",
     "<center><p style=\"text-align:center;\">Fig3. Compare Block Diagram</p></center>"
    ]
diff --git a/Otherfiles/block_diagram.jpg b/Otherfiles/block_diagram.jpg
index bfca5ab3..913cba1e 100644
Binary files a/Otherfiles/block_diagram.jpg and b/Otherfiles/block_diagram.jpg differ
diff --git a/Otherfiles/compare_block_diagram.jpg b/Otherfiles/compare_block_diagram.jpg
index aae86486..5d3e36b8 100644
Binary files a/Otherfiles/compare_block_diagram.jpg and b/Otherfiles/compare_block_diagram.jpg differ
diff --git a/Otherfiles/recommendation_block_diagram.jpg b/Otherfiles/recommendation_block_diagram.jpg
index b4418e0c..a19df490 100644
Binary files a/Otherfiles/recommendation_block_diagram.jpg and b/Otherfiles/recommendation_block_diagram.jpg differ
diff --git a/README.md b/README.md
index 232aa3a9..2144e1ff 100644
--- a/README.md
+++ b/README.md
@@ -42,7 +42,7 @@ PyCM is the swiss-army knife of confusion matrices, targeted mainly at data scie
 </p>
 
 <div align="center">
-<img src="https://github.com/sepandhaghighi/pycm/raw/master/Otherfiles/block_diagram.jpg">
+<img src="https://github.com/sepandhaghighi/pycm/raw/master/Otherfiles/block_diagram.jpg" width="700">
 <p>Fig1. ConfusionMatrix Block Diagram</p>
 </div>