Optimize picture

llleixx · Feb 1, 2024 · c12e622 · c12e622
1 parent 806cf3b
commit c12e622
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/views/TechnologyView.vue b/src/views/TechnologyView.vue
@@ -4,9 +4,9 @@
     <div class="technology-main">
       <div class="technology-wrapper">
         <picture>
-          <source :srcset="getImageUrl('landscape')" type="image/jpg" media="(max-width: 1023px)" />
-          <source :srcset="getImageUrl('portrait')" type="image/jpg" media="(min-width: 1024px)" />
-          <img class="technology-image" :src="getImageUrl('portrait')" alt="technology picture" />
+          <source :srcset="getImageUrl('landscape')" type="image/jpg" media="(max-width: 1023px)" height="175" />
+          <source :srcset="getImageUrl('portrait')" type="image/jpg" media="(min-width: 1024px)" height="420" />
+          <img class="technology-image" :src="getImageUrl('portrait')" alt="technology picture" height="420" />
         </picture>
       </div>
       <div class="technology-section">