diff --git a/app/assets/images/graphics/timeline-line-opt.png b/app/assets/images/graphics/timeline-line-opt.png
deleted file mode 100644
index f0b8bd99..00000000
Binary files a/app/assets/images/graphics/timeline-line-opt.png and /dev/null differ
diff --git a/app/assets/images/graphics/timeline-line.png b/app/assets/images/graphics/timeline-line.png
index daeddb8a..f0b8bd99 100644
Binary files a/app/assets/images/graphics/timeline-line.png and b/app/assets/images/graphics/timeline-line.png differ
diff --git a/app/assets/images/graphics/timeline-line-opt.webp b/app/assets/images/graphics/timeline-line.webp
similarity index 100%
rename from app/assets/images/graphics/timeline-line-opt.webp
rename to app/assets/images/graphics/timeline-line.webp
diff --git a/app/views/timelines/edit.html.erb b/app/views/timelines/edit.html.erb
index 44dc6568..50eed17a 100644
--- a/app/views/timelines/edit.html.erb
+++ b/app/views/timelines/edit.html.erb
@@ -184,7 +184,7 @@
               </ul>
             </div>
             <div class="col l1 cfenter" style="margin-bottom: -60px; margin-left: -7px; margin-right: -40px;">
-              <%= image_tag 'graphics/timeline-line.png' %>
+              <%= image_tag 'graphics/timeline-line.webp' %>
             </div>
             <div class="col l6">
               <!--
@@ -305,7 +305,7 @@
             </ul>
           </div>
           <div class="col l1 cfenter" style="margin-bottom: -60px; margin-left: -7px; margin-right: -40px;">
-            <%= image_tag 'graphics/timeline-line.png' %>
+            <%= image_tag 'graphics/timeline-line.webp' %>
           </div>
           <div class="col l6">
             <div class="hoverable clearfix card" style="border-top: 5px solid <%= Timeline.hex_color %>">
diff --git a/app/views/timelines/show.html.erb b/app/views/timelines/show.html.erb
index b1cad7cf..8e14458f 100644
--- a/app/views/timelines/show.html.erb
+++ b/app/views/timelines/show.html.erb
@@ -64,7 +64,7 @@
               <% end %>
             </div>
             <div class="col l1" style="margin-bottom: -60px; margin-left: -7px; margin-right: -40px;">
-              <%= image_tag 'graphics/timeline-line.png' %>
+              <%= image_tag 'graphics/timeline-line.webp' %>
             </div>
             <div class="col l6">
               <div class="hoverable clearfix card" style="border-top: 5px solid <%= Timeline.hex_color %>">