diff --git a/frontend/src/modules/Grid3D/3d-grid.png b/frontend/src/modules/Grid3D/3d-grid.png
deleted file mode 100644
index 75b2dc2af..000000000
Binary files a/frontend/src/modules/Grid3D/3d-grid.png and /dev/null differ
diff --git a/frontend/src/modules/Grid3D/preview.tsx b/frontend/src/modules/Grid3D/preview.tsx
index b7b87f9de..2a9746ab7 100644
--- a/frontend/src/modules/Grid3D/preview.tsx
+++ b/frontend/src/modules/Grid3D/preview.tsx
@@ -1,8 +1,8 @@
 import { DrawPreviewFunc } from "@framework/Preview";
-import grid3Dpreview from "./3d-grid.png";
+import previewImg from "./preview.webp";
 
 export const preview: DrawPreviewFunc = function (width: number, height: number) {
     return (
-        <img src={grid3Dpreview} style={{width, height}} className="object-cover object-center" />
+        <img src={previewImg} style={{width, height}} className="object-cover object-center" />
     );
 };
diff --git a/frontend/src/modules/Grid3D/preview.webp b/frontend/src/modules/Grid3D/preview.webp
new file mode 100644
index 000000000..d180acb38
Binary files /dev/null and b/frontend/src/modules/Grid3D/preview.webp differ
diff --git a/frontend/src/modules/Grid3DIntersection/intersection-preview.svg b/frontend/src/modules/Grid3DIntersection/preview.svg
similarity index 100%
rename from frontend/src/modules/Grid3DIntersection/intersection-preview.svg
rename to frontend/src/modules/Grid3DIntersection/preview.svg
diff --git a/frontend/src/modules/Grid3DIntersection/preview.tsx b/frontend/src/modules/Grid3DIntersection/preview.tsx
index 3a2e7dbe3..eb2960245 100644
--- a/frontend/src/modules/Grid3DIntersection/preview.tsx
+++ b/frontend/src/modules/Grid3DIntersection/preview.tsx
@@ -1,6 +1,6 @@
 import { DrawPreviewFunc } from "@framework/Preview";
-import previewSvg from "./intersection-preview.svg";
+import previewImg from "./preview.svg";
 
 export const preview: DrawPreviewFunc = function (width: number, height: number) {
-   return <img src={previewSvg} style={{width, height}} />
+   return <img src={previewImg} style={{width, height}} />
 };
diff --git a/frontend/src/modules/Map/map.png b/frontend/src/modules/Map/map.png
deleted file mode 100644
index 9e4913dee..000000000
Binary files a/frontend/src/modules/Map/map.png and /dev/null differ
diff --git a/frontend/src/modules/Map/preview.tsx b/frontend/src/modules/Map/preview.tsx
index a88321c7d..212104d7b 100644
--- a/frontend/src/modules/Map/preview.tsx
+++ b/frontend/src/modules/Map/preview.tsx
@@ -1,8 +1,8 @@
 import { DrawPreviewFunc } from "@framework/Preview";
-import grid3Dpreview from "./map.png";
+import previewImg from "./preview.png";
 
 export const preview: DrawPreviewFunc = function (width: number, height: number) {
     return (
-        <img src={grid3Dpreview} style={{width, height}} className="object-cover object-center" />
+        <img src={previewImg} style={{width, height}} className="object-cover object-center" />
     );
 };
diff --git a/frontend/src/modules/Map/preview.webp b/frontend/src/modules/Map/preview.webp
new file mode 100644
index 000000000..254d2d061
Binary files /dev/null and b/frontend/src/modules/Map/preview.webp differ
diff --git a/frontend/src/modules/Pvt/preview.svg b/frontend/src/modules/Pvt/preview.svg
new file mode 100644
index 000000000..ff599edfc
--- /dev/null
+++ b/frontend/src/modules/Pvt/preview.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 451.3 214.2">
+  <path d="M-218 68c20 3 40 9 58 18 12 6 22 13 33 20l48 27a607 607 0 0 0 193 65" style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(298 8)"/>
+  <path d="M-199 72A2607 2607 0 0 1 31 32c28-4 56-6 84-7M-161 85a1169 1169 0 0 1 276-42M-134 100a1282 1282 0 0 1 249-39M-106 117a1461 1461 0 0 1 220-35M-74 135a919 919 0 0 1 189-27M-40 152a796 796 0 0 1 154-21M-3 167a439 439 0 0 1 118-14M48 185a211 211 0 0 1 67-12" style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(298 8)"/>
+  <path d="M-223-8v214h338" style="fill:none;fill-rule:evenodd;stroke:#1d1d1d;stroke-width:1.95895696;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="translate(298 8)"/>
+</svg>
\ No newline at end of file
diff --git a/frontend/src/modules/Pvt/preview.tsx b/frontend/src/modules/Pvt/preview.tsx
index 0fa07323f..eb2960245 100644
--- a/frontend/src/modules/Pvt/preview.tsx
+++ b/frontend/src/modules/Pvt/preview.tsx
@@ -1,6 +1,6 @@
 import { DrawPreviewFunc } from "@framework/Preview";
-import previewSvg from "./pvt-preview.svg";
+import previewImg from "./preview.svg";
 
 export const preview: DrawPreviewFunc = function (width: number, height: number) {
-   return <img src={previewSvg} style={{width, height}} />
+   return <img src={previewImg} style={{width, height}} />
 };
diff --git a/frontend/src/modules/Pvt/pvt-preview.svg b/frontend/src/modules/Pvt/pvt-preview.svg
deleted file mode 100644
index 667d4b9db..000000000
--- a/frontend/src/modules/Pvt/pvt-preview.svg
+++ /dev/null
@@ -1,232 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   preserveAspectRatio="none"
-   viewBox="0 0 451.29777 214.17857"
-   version="1.1"
-   id="svg8"
-   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
-   sodipodi:docname="pvt-preview.svg">
-  <defs
-     id="defs2">
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4860"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4856"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4852"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4848"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4844"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4840"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4836"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4812"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4808"
-       is_visible="true" />
-    <inkscape:path-effect
-       effect="spiro"
-       id="path-effect4804"
-       is_visible="true" />
-    <g
-       id="g845"
-       class="clips">
-      <clipPath
-         class="plotclip"
-         id="clipdd8bacxyplot">
-        <rect
-           y="0"
-           x="0"
-           id="rect833"
-           height="193"
-           width="266" />
-      </clipPath>
-      <clipPath
-         id="clipdd8bacx"
-         class="axesclip">
-        <rect
-           id="rect836"
-           height="293.172"
-           width="266"
-           y="0"
-           x="50" />
-      </clipPath>
-      <clipPath
-         id="clipdd8bacy"
-         class="axesclip">
-        <rect
-           id="rect839"
-           height="193"
-           width="437.5"
-           y="50"
-           x="0" />
-      </clipPath>
-      <clipPath
-         id="clipdd8bacxy"
-         class="axesclip">
-        <rect
-           id="rect842"
-           height="193"
-           width="266"
-           y="50"
-           x="50" />
-      </clipPath>
-    </g>
-    <g
-       id="g847"
-       class="gradients" />
-    <g
-       id="g849"
-       class="patterns" />
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.35"
-     inkscape:cx="956.88008"
-     inkscape:cy="394.16844"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1560"
-     inkscape:window-height="867"
-     inkscape:window-x="136"
-     inkscape:window-y="143"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(224.34063,7.6591178)">
-    <g
-       id="g6057"
-       transform="matrix(1.3313992,0,0,1,73.91414,0)">
-      <path
-         sodipodi:nodetypes="cscssc"
-         inkscape:original-d="m -218.06339,68.080027 c 9.01142,5.226415 55.2487,12.336549 58.23622,18.311584 4.91417,9.828345 25.4817,11.583686 33.14141,19.243409 13.08199,13.08198 31.839648,16.77193 47.573982,27.26149 35.522132,23.68142 78.29467128,40.88871 123.478518,51.31575 11.653581,2.68929 66.9564,4.00379 69.63435,13.55592"
-         inkscape:path-effect="#path-effect4804"
-         inkscape:connector-curvature="0"
-         id="path4802"
-         d="m -218.06339,68.080027 c 20.22483,2.9354 39.97092,9.144287 58.23622,18.311584 11.42074,5.732035 22.23077,12.591524 33.14141,19.243409 15.60753,9.51544 31.461437,18.62872 47.573982,27.26149 39.369315,21.09326 80.4420619,39.3687 123.478518,51.31575 22.808945,6.33183 46.115831,10.86905 69.63435,13.55592"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="cssc"
-         inkscape:original-d="M -199.46147,71.767809 C -139.95744,54.712537 -76.837534,50.336463 -11.22532,37.214018 -0.26815812,35.022586 20.765994,35.642813 30.86963,31.601358 47.081162,25.116746 103.37499,24.9917 114.72147,25.26592"
-         inkscape:path-effect="#path-effect4808"
-         inkscape:connector-curvature="0"
-         id="path4806"
-         d="M -199.46147,71.767809 C -137.16711,57.951616 -74.365347,46.423336 -11.22532,37.214018 2.7827796,35.17086 16.808663,33.241649 30.86963,31.601358 58.718803,28.352595 86.700315,26.238448 114.72147,25.26592"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="csc"
-         inkscape:original-d="M -161.0037,84.507294 C -102.68924,67.567762 -43.720447,60.09148 19.777944,49.508417 46.706796,45.020274 88.926893,46.388095 114.79226,42.693043"
-         inkscape:path-effect="#path-effect4812"
-         inkscape:connector-curvature="0"
-         id="path4810"
-         d="M -161.0037,84.507294 C -101.78812,68.113064 -41.277636,56.398384 19.777944,49.508417 51.339228,45.946806 83.045758,43.672498 114.79226,42.693043"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="csc"
-         inkscape:original-d="M -134.43888,100.29519 C -43.945902,104.29464 -12.405752,72.613932 52.919365,66.079129 68.000648,64.570472 101.709,65.31755 114.65863,61.001005"
-         inkscape:path-effect="#path-effect4836"
-         inkscape:connector-curvature="0"
-         id="path4834"
-         d="M -134.43888,100.29519 C -72.949828,84.264988 -10.266588,72.817541 52.919365,66.079129 73.454187,63.88921 94.041961,62.195843 114.65863,61.001005"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="ccc"
-         inkscape:original-d="M -106.16298,117.25961 C -45.061185,107.82085 -37.863972,109.17824 9.3047569,94.306858 15.959586,92.088583 108.35447,83.680421 114.37629,81.673147"
-         inkscape:path-effect="#path-effect4844"
-         inkscape:connector-curvature="0"
-         id="path4842"
-         d="M -106.16298,117.25961 C -68.003057,108.06105 -29.472097,100.40184 9.3047569,94.306858 44.160648,88.828176 79.215162,84.613251 114.37629,81.673147"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="cac"
-         inkscape:original-d="m -74.128631,135.1801 c 31.458031,-5.3471 63.484038,-14.3466 95.65563,-19.02199 30.81591,-4.47837 74.728427,-5.76501 93.020921,-8.61352"
-         inkscape:path-effect="#path-effect4848"
-         inkscape:connector-curvature="0"
-         id="path4846"
-         d="m -74.128631,135.1801 c 31.518534,-8.02786 63.463695,-14.38045 95.65563,-19.02199 30.834197,-4.44578 61.894656,-7.3219 93.020921,-8.61352"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="csc"
-         inkscape:original-d="m -40.15067,151.90737 c 20.336814,-7.03026 58.581343,-10.71164 78.171486,-14.53456 19.590142,-3.82293 56.556817,-6.51985 76.359414,-6.5568"
-         inkscape:path-effect="#path-effect4852"
-         inkscape:connector-curvature="0"
-         id="path4850"
-         d="m -40.15067,151.90737 c 25.793255,-6.14343 51.893836,-10.99636 78.171486,-14.53456 25.328125,-3.41035 50.820666,-5.59933 76.359414,-6.5568"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="csc"
-         inkscape:original-d="m -2.9386153,167.21446 c 4.498138,-1.57689 60.4816183,-9.77244 64.7774563,-11.92036 19.005333,-9.50267 34.749926,-0.93489 52.953419,-2.45915"
-         inkscape:path-effect="#path-effect4856"
-         inkscape:connector-curvature="0"
-         id="path4854"
-         d="m -2.9386153,167.21446 c 21.2533163,-5.58822 42.9270863,-9.57664 64.7774563,-11.92036 17.580086,-1.88568 35.274233,-2.7074 52.953419,-2.45915"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         sodipodi:nodetypes="csc"
-         inkscape:original-d="m 48.479973,185.24335 c 6.50312,-5.08317 21.157484,-7.37641 34.928392,-9.27248 13.770907,-1.89607 27.036335,-2.63901 31.517535,-3.10969"
-         inkscape:path-effect="#path-effect4860"
-         inkscape:connector-curvature="0"
-         id="path4858"
-         d="m 48.479973,185.24335 c 11.348685,-4.08321 23.048769,-7.18925 34.928392,-9.27248 10.408007,-1.82517 20.953525,-2.86564 31.517535,-3.10969"
-         style="fill:none;fill-rule:evenodd;stroke:#0a00f9;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-      <path
-         inkscape:connector-curvature="0"
-         id="path5667"
-         d="M -223.03656,-7.6591178 V 205.53997 h 337.93123"
-         style="fill:none;fill-rule:evenodd;stroke:#1d1d1d;stroke-width:1.95895696;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    </g>
-  </g>
-</svg>
diff --git a/frontend/src/modules/WellCompletions/well-completion-preview.svg b/frontend/src/modules/WellCompletions/preview.svg
similarity index 100%
rename from frontend/src/modules/WellCompletions/well-completion-preview.svg
rename to frontend/src/modules/WellCompletions/preview.svg
diff --git a/frontend/src/modules/WellCompletions/preview.tsx b/frontend/src/modules/WellCompletions/preview.tsx
index 7d35efc35..48b06f888 100644
--- a/frontend/src/modules/WellCompletions/preview.tsx
+++ b/frontend/src/modules/WellCompletions/preview.tsx
@@ -1,6 +1,7 @@
 import { DrawPreviewFunc } from "@framework/Preview";
-import previewSvg from "./well-completion-preview.svg";
-
+import previewImg from "./preview.svg";
+ 
 export const preview: DrawPreviewFunc = function (width: number, height: number) {
-   return <img src={previewSvg} style={{width, height}} />
+   return <img src={previewImg} style={{width, height}} />
 };
+   
\ No newline at end of file