diff --git a/chapters/introduction/content.ja-JP.md b/chapters/introduction/content.ja-JP.md
index 603f3108..d38fb54f 100644
--- a/chapters/introduction/content.ja-JP.md
+++ b/chapters/introduction/content.ja-JP.md
@@ -3,16 +3,16 @@
 まずは良い例から始めましょう。ベジエ曲線というのは、下の図に表示されているもののことです。ベジエ曲線はある始点からある終点へと延びており、その曲率は1個以上の「中間」制御点に左右されています。さて、このページの図はどれもインタラクティブになっていますので、ここで曲線をちょっと操作してみましょう。点をドラッグしたとき、曲線の形がそれに応じてどう変化するのか、確かめてみてください。
 
 <div class="figure">
-  <graphics-element title="2次のベジエ曲線" width="200" height="200" src="./chapters/introduction/quadratic.js">
+  <graphics-element title="2次のベジエ曲線" width="275" height="275" src="./chapters/introduction/quadratic.js">
     <fallback-image>
-      <img src="./chapters/introduction/quadratic.png" width="200" height="200">
+      <img src="./chapters/introduction/quadratic.png" width="275" height="275">
       {{ disableMessage }}
     </fallback-image>
   </graphics-element>
 
-  <graphics-element title="3次のベジエ曲線" width="200" height="200" src="./chapters/introduction/cubic.js">
+  <graphics-element title="3次のベジエ曲線" width="275" height="275" src="./chapters/introduction/cubic.js">
     <fallback-image>
-      <img src="./chapters/introduction/cubic.png" width="200" height="200">
+      <img src="./chapters/introduction/cubic.png" width="275" height="275">
       {{ disableMessage }}
     </fallback-image>
   </graphics-element>
diff --git a/chapters/introduction/content.zh-CN.md b/chapters/introduction/content.zh-CN.md
index 3bd96e81..3ebc4fc4 100644
--- a/chapters/introduction/content.zh-CN.md
+++ b/chapters/introduction/content.zh-CN.md
@@ -3,16 +3,16 @@
 让我们有个好的开始：当我们在谈论贝塞尔曲线的时候，所指的就是你在如下图像看到的东西。它们从某些起点开始，到终点结束，并且受到一个或多个的“中间”控制点的影响。本页面上的图形都是可交互的，你可以拖动这些点，看看这些形状在你的操作下会怎么变化。
 
 <div class="figure">
-  <graphics-element title="二次贝塞尔曲线" width="200" height="200" src="./chapters/introduction/quadratic.js">
+  <graphics-element title="二次贝塞尔曲线" width="275" height="275" src="./chapters/introduction/quadratic.js">
     <fallback-image>
-      <img src="./chapters/introduction/quadratic.png" width="200" height="200">
+      <img src="./chapters/introduction/quadratic.png" width="275" height="275">
       {{ disableMessage }}
     </fallback-image>
   </graphics-element>
 
-  <graphics-element title="三次贝塞尔曲线" width="200" height="200" src="./chapters/introduction/cubic.js">
+  <graphics-element title="三次贝塞尔曲线" width="275" height="275" src="./chapters/introduction/cubic.js">
     <fallback-image>
-      <img src="./chapters/introduction/cubic.png" width="200" height="200">
+      <img src="./chapters/introduction/cubic.png" width="275" height="275">
       {{ disableMessage }}
     </fallback-image>
   </graphics-element>
diff --git a/ja-JP/index.html b/ja-JP/index.html
index 84790eae..863eb95c 100644
--- a/ja-JP/index.html
+++ b/ja-JP/index.html
@@ -172,15 +172,15 @@
           <div class="figure">
             <graphics-element
               title="2次のベジエ曲線"
-              width="200"
-              height="200"
+              width="275"
+              height="275"
               src="./chapters/introduction/quadratic.js"
             >
               <fallback-image>
                 <img
                   src="./chapters/introduction/quadratic.png"
-                  width="200"
-                  height="200"
+                  width="275"
+                  height="275"
                 />
                 <span>JSがなくて、画像を表示しています。</span>
               </fallback-image>
@@ -188,15 +188,15 @@
 
             <graphics-element
               title="3次のベジエ曲線"
-              width="200"
-              height="200"
+              width="275"
+              height="275"
               src="./chapters/introduction/cubic.js"
             >
               <fallback-image>
                 <img
                   src="./chapters/introduction/cubic.png"
-                  width="200"
-                  height="200"
+                  width="275"
+                  height="275"
                 />
                 <span>JSがなくて、画像を表示しています。</span>
               </fallback-image>
diff --git a/zh-CN/index.html b/zh-CN/index.html
index 6dec5d5a..589229b9 100644
--- a/zh-CN/index.html
+++ b/zh-CN/index.html
@@ -160,15 +160,15 @@
           <div class="figure">
             <graphics-element
               title="二次贝塞尔曲线"
-              width="200"
-              height="200"
+              width="275"
+              height="275"
               src="./chapters/introduction/quadratic.js"
             >
               <fallback-image>
                 <img
                   src="./chapters/introduction/quadratic.png"
-                  width="200"
-                  height="200"
+                  width="275"
+                  height="275"
                 />
                 <span>脚本已禁用，并显示后备图像。</span>
               </fallback-image>
@@ -176,15 +176,15 @@
 
             <graphics-element
               title="三次贝塞尔曲线"
-              width="200"
-              height="200"
+              width="275"
+              height="275"
               src="./chapters/introduction/cubic.js"
             >
               <fallback-image>
                 <img
                   src="./chapters/introduction/cubic.png"
-                  width="200"
-                  height="200"
+                  width="275"
+                  height="275"
                 />
                 <span>脚本已禁用，并显示后备图像。</span>
               </fallback-image>