diff --git a/README.md b/README.md
index 24dae022f76ea320b9090cbf4589c56fce69a8d6..f5fac9588372db36ac4ef5bc4b60b97c472569cb 100644
--- a/README.md
+++ b/README.md
@@ -7,5 +7,5 @@
 ChatMan is a multi purpose chatbot built for ITB-IF3111 class assignment.  
 
 ## Display
-<p align="center"> <img src="photoshop_assets/login_page.jpg" alt="login_page" width="250"/>  <img src="photoshop_assets/bot_chatroom.jpg" alt="bot_chatroom" width="250"/> </p>  
+<p align="center"> <img src="photoshop_assets/login_page.png" alt="login_page" width="250"/>  <img src="photoshop_assets/bot_chatroom.png" alt="bot_chatroom" width="250"/> </p>  
 
diff --git a/photoshop_assets/.DS_Store b/photoshop_assets/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..258aaa3dbb2557cf7e6f4b894acce6ba9b6f479f
Binary files /dev/null and b/photoshop_assets/.DS_Store differ
diff --git a/photoshop_assets/bot_chatroom.jpg b/photoshop_assets/bot_chatroom.jpg
deleted file mode 100644
index fe8bf862c8fb76206087c37f99525bbb7e81c375..0000000000000000000000000000000000000000
Binary files a/photoshop_assets/bot_chatroom.jpg and /dev/null differ
diff --git a/photoshop_assets/bot_chatroom.png b/photoshop_assets/bot_chatroom.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab400810639e6d98689482183702d3bb61684187
Binary files /dev/null and b/photoshop_assets/bot_chatroom.png differ
diff --git a/photoshop_assets/login_page.jpg b/photoshop_assets/login_page.jpg
deleted file mode 100644
index 84c24c7fdc00631856ade64d3ca28f46c5fdc4ba..0000000000000000000000000000000000000000
Binary files a/photoshop_assets/login_page.jpg and /dev/null differ
diff --git a/photoshop_assets/login_page.png b/photoshop_assets/login_page.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f5d954bb446e72bd6d1c8db1d11a99491c28f42
Binary files /dev/null and b/photoshop_assets/login_page.png differ