diff --git a/_layouts/coop.html b/_layouts/coop.html
index 9f92862..c8f3827 100644
--- a/_layouts/coop.html
+++ b/_layouts/coop.html
@@ -87,7 +87,7 @@
                   {% assign s = site.services | where: "slug", service | first %}
                   <div class="column">
                     <a href="{{ s.url | relative_url }}" class="service-thumb">
-                      <div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }}.png)"></div>
+                      <div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }})"></div>
                       <div>{{ s.name }}</div>
                     </a>
                   </div>
@@ -107,7 +107,7 @@
                   {% assign t = site.technologies | where: "slug", technology | first %}
                   <div class="column">
                     <a href="{{ t.url | relative_url }}" class="technology-thumb">
-                      <div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }}.png)"></div>
+                      <div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }})"></div>
                     <div>{{ t.name }}</div>
                   </a>
                 </div>
@@ -126,7 +126,7 @@
                 {% for client in page.clients %}
                   {% assign c = site.clients | where: "slug", client | first %}
                   <div class="column client-thumb-container">
-                    <div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }}.png)"></div>
+                    <div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }})"></div>
                     <div class="client-thumb-header">{{ c.title }}</div>
                   </div>
                 {% endfor %}
diff --git a/_layouts/service.html b/_layouts/service.html
index d095e15..76832f9 100644
--- a/_layouts/service.html
+++ b/_layouts/service.html
@@ -15,7 +15,7 @@
     <div id="page-banner">
       <div class="row">
         <div class="small-12 small-centered columns">
-          <img src="/images/services/{{ page.slug }}.png" alt="">
+          <img src="/images/services/{{ page.slug }}" alt="">
           <h1>Coops that offer <span>{{ page.name }}</span></h1>
 {% if page.description %}
           <p>{{ page.description }}</p>
@@ -43,7 +43,7 @@
                 {% if coop.services contains page.slug %}
                   <div class="column">
                     <a href="{{ coop.url | relative_url }}" class="coop-thumb">
-                      <img src="/images/coops/{{ coop.slug }}.png" alt="">
+                      <img src="/images/coops/{{ coop.slug }}" alt="">
                     </a>
                   </div>
                 {% endif %}