diff --git a/web_refresher/README.rst b/web_refresher/README.rst
index 388ed1fc2..7ecdf9e0a 100644
--- a/web_refresher/README.rst
+++ b/web_refresher/README.rst
@@ -27,7 +27,7 @@ Web Refresher
 
 Adds a button next to the pager (in trees/kanban views) to refresh the displayed list.
 
-.. |refresh| image:: ./images/refresh.png
+.. |refresh| image:: https://raw.githubusercontent.com/OCA/web/11.0/web_refresher/images/refresh.png
 
 **Table of contents**
 
diff --git a/web_view_transition/README.rst b/web_view_transition/README.rst
index b8afe7fb6..787930f23 100644
--- a/web_view_transition/README.rst
+++ b/web_view_transition/README.rst
@@ -40,7 +40,7 @@ Go to user menu > Preferences > View Transition Mode
   |config|
 
 
-.. |config| image:: ./images/config.gif
+.. |config| image:: https://raw.githubusercontent.com/OCA/web/11.0/web_view_transition/images/config.gif
 
 Bug Tracker
 ===========
diff --git a/web_view_transition/static/description/index.html b/web_view_transition/static/description/index.html
index 478a62ecb..754e63768 100644
--- a/web_view_transition/static/description/index.html
+++ b/web_view_transition/static/description/index.html
@@ -385,7 +385,7 @@ ul.auto-toc {
 <h1><a class="toc-backref" href="#id1">Usage</a></h1>
 <p>Go to user menu &gt; Preferences &gt; View Transition Mode</p>
 <blockquote>
-<img alt="config" src="./images/config.gif" /></blockquote>
+<img alt="config" src="https://raw.githubusercontent.com/OCA/web/11.0/web_view_transition/images/config.gif" /></blockquote>
 </div>
 <div class="section" id="bug-tracker">
 <h1><a class="toc-backref" href="#id2">Bug Tracker</a></h1>
diff --git a/web_widget_color/README.rst b/web_widget_color/README.rst
index 9baf93a9a..3515b67af 100644
--- a/web_widget_color/README.rst
+++ b/web_widget_color/README.rst
@@ -51,9 +51,9 @@ Features
   |listview|
 
 
-.. |picker| image:: ./images/picker.png
-.. |formview| image:: ./images/form_view.png
-.. |listview| image:: ./images/list_view.png
+.. |picker| image:: https://raw.githubusercontent.com/OCA/web/11.0/web_widget_color/images/picker.png
+.. |formview| image:: https://raw.githubusercontent.com/OCA/web/11.0/web_widget_color/images/form_view.png
+.. |listview| image:: https://raw.githubusercontent.com/OCA/web/11.0/web_widget_color/images/list_view.png
 
 **Table of contents**
 
diff --git a/web_widget_color/static/description/index.html b/web_widget_color/static/description/index.html
index 86e1cd0fd..586e1b706 100644
--- a/web_widget_color/static/description/index.html
+++ b/web_widget_color/static/description/index.html
@@ -374,17 +374,17 @@ ul.auto-toc {
 <h1>Features</h1>
 <ul>
 <li><p class="first">The picker allow the user to quickly select a color on edit mode</p>
-<p><img alt="picker" src="./images/picker.png" /></p>
+<p><img alt="picker" src="https://raw.githubusercontent.com/OCA/web/11.0/web_widget_color/images/picker.png" /></p>
 <div class="admonition note">
 <p class="first admonition-title">Note</p>
 <p class="last">Notice how html code and the background color is updating when selecting a color.</p>
 </div>
 </li>
 <li><p class="first">Display the color on form view when you are not editing it</p>
-<p><img alt="formview" src="./images/form_view.png" /></p>
+<p><img alt="formview" src="https://raw.githubusercontent.com/OCA/web/11.0/web_widget_color/images/form_view.png" /></p>
 </li>
 <li><p class="first">Display the color on list view to quickly find what’s wrong!</p>
-<p><img alt="listview" src="./images/list_view.png" /></p>
+<p><img alt="listview" src="https://raw.githubusercontent.com/OCA/web/11.0/web_widget_color/images/list_view.png" /></p>
 </li>
 </ul>
 <p><strong>Table of contents</strong></p>