fix picture file size

src/components/Footads.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-  import img from "../assets/img/image3.png"
+  import img from "../assets/img/image3.jpg"
   import API from '../api'
 
   export default {

src/components/Index.vue

@@ -31,25 +31,25 @@
           <p class="text-center">{{lang.index.p3}} </p>
         </div>
         <div class="row projects">
-          <div @click="gogo('#/ranking')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../assets/img/image6.png">
+          <div @click="gogo('#/ranking')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../assets/img/image6.jpg">
             <h3 class="name">
               <span style="text-decoration: underline;">{{lang.index.h1}}</span>
             </h3>
             <p class="description">{{lang.index.p4}}</p>
           </div>
-          <div @click="gogo('#/cards')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../assets/img/image4.png">
+          <div @click="gogo('#/cards')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../assets/img/image4.jpg">
             <h3 class="name">
               <span style="text-decoration: underline;">{{lang.index.h3}}</span>
             </h3>
             <p class="description">{{lang.index.p6}}</p>
           </div>
-          <div @click="gogo('#/userinfo')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../assets/img/image5.png">
+          <div @click="gogo('#/userinfo')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile }"><img class="img-responsive" src="../assets/img/image5.jpg">
             <h3 class="name">
               <span style="text-decoration: underline;">{{lang.index.h2}}</span>
             </h3>
             <p class="description">{{lang.index.p5}}</p>
           </div>
-          <div @click="gogo('https://rep.ygobbs.com')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../assets/img/image3.png">
+          <div @click="gogo('https://rep.ygobbs.com')" class="col-lg-4 col-sm-6 item" v-bind:class="{ 'fix-width': !isMobile , 'fix-width-m': isMobile}"><img class="img-responsive" src="../assets/img/image3.jpg">
             <h3 class="name">
               <span style="text-decoration: underline;">{{lang.index.h4}}</span>
             </h3>
@@ -64,7 +64,7 @@
 <script>
   import querystring from 'querystring';
   import image from '../assets/img/banner.jpg'
-  import image3 from '../assets/img/image3.png'
+  import image3 from '../assets/img/image3.jpg'
   import { mapGetters } from 'vuex'
   import API from '../api'
 

src/components/lang.js

@@ -101,7 +101,7 @@ module.exports = {
       p4: '查看EXP与竞技场排行榜，你是否也是榜上有名的明星决斗者？',
       p5: '查看玩家详细资料，记录你的MyCard决斗生涯。',
       p6: '查看各卡片 / 卡组的使用状况，这个环境的主流是什么？',
-      p7: 'Ygopro战队联盟存放统计友谊赛战报的地方。',
+      p7: 'YGOPro战队联盟存放统计友谊赛战报的地方。',
       h1: '决斗排名',
       h2: '玩家信息',
       h3: '卡片排名',