diff --git a/resources/assets/src/views/admin/Players.vue b/resources/assets/src/views/admin/Players.vue
index 57af7cd4..82e56f61 100644
--- a/resources/assets/src/views/admin/Players.vue
+++ b/resources/assets/src/views/admin/Players.vue
@@ -36,13 +36,13 @@
             v-if="props.row.tid_skin"
             :href="`${baseUrl}/skinlib/show/${props.row.tid_skin}`"
           >
-            <img :src="`${baseUrl}/preview/64/${props.row.tid_skin}.png`" width="64">
+            <img :src="`${baseUrl}/preview/${props.row.tid_skin}/64`" width="64">
           </a>
           <a
             v-if="props.row.tid_cape"
             :href="`${baseUrl}/skinlib/show/${props.row.tid_cape}`"
           >
-            <img :src="`${baseUrl}/preview/64/${props.row.tid_cape}.png`" width="64">
+            <img :src="`${baseUrl}/preview/${props.row.tid_cape}/64`" width="64">
           </a>
         </span>
         <span v-else-if="props.column.field === 'operations'">
diff --git a/resources/assets/src/views/user/Players.vue b/resources/assets/src/views/user/Players.vue
index 0253996a..54551957 100644
--- a/resources/assets/src/views/user/Players.vue
+++ b/resources/assets/src/views/user/Players.vue
@@ -75,7 +75,7 @@
               <a v-if="preview2d.skin" :href="`${baseUrl}/skinlib/show/${preview2d.skin}`">
                 <img
                   class="skin2d"
-                  :src="`${baseUrl}/preview/64/${preview2d.skin}.png`"
+                  :src="`${baseUrl}/preview/${preview2d.skin}/64`"
                 >
               </a>
               <span v-else v-t="'user.player.texture-empty'" class="skin2d" />
@@ -86,7 +86,7 @@
               <a v-if="preview2d.cape" :href="`${baseUrl}/skinlib/show/${preview2d.cape}`">
                 <img
                   class="skin2d"
-                  :src="`${baseUrl}/preview/64/${preview2d.cape}.png`"
+                  :src="`${baseUrl}/preview/${preview2d.cape}/64`"
                 >
               </a>
               <span v-else v-t="'user.player.texture-empty'" class="skin2d" />
diff --git a/resources/assets/tests/views/admin/Players.test.ts b/resources/assets/tests/views/admin/Players.test.ts
index 3c0da2d3..13f5580f 100644
--- a/resources/assets/tests/views/admin/Players.test.ts
+++ b/resources/assets/tests/views/admin/Players.test.ts
@@ -45,7 +45,7 @@ test('change texture', async () => {
   )
   modal.vm.$emit('confirm')
   await flushPromises()
-  expect(wrapper.html()).toContain('/preview/64/5.png')
+  expect(wrapper.html()).toContain('/preview/5/64')
 })
 
 test('change player name', async () => {
diff --git a/resources/assets/tests/views/user/Players.test.ts b/resources/assets/tests/views/user/Players.test.ts
index 51a08dd0..4d76180b 100644
--- a/resources/assets/tests/views/user/Players.test.ts
+++ b/resources/assets/tests/views/user/Players.test.ts
@@ -76,10 +76,10 @@ test('click to preview player', async () => {
   expect(Vue.prototype.$http.get).toBeCalledWith('/skinlib/info/2')
 
   wrapper.find('[data-test="to2d"]').trigger('click')
-  expect(wrapper.find('img').attributes('src')).toBe('/preview/64/2.png')
+  expect(wrapper.find('img').attributes('src')).toBe('/preview/2/64')
   wrapper.find('tbody > tr:nth-child(4)').trigger('click')
   await flushPromises()
-  expect(wrapper.find('img').attributes('src')).toBe('/preview/64/5.png')
+  expect(wrapper.find('img').attributes('src')).toBe('/preview/5/64')
 })
 
 test('change player name', async () => {