{
  "date": "2026-10-27",
  "method": {
    "ko": "직접 그린 4032×3024(가로)·3024×4032(세로) 그림을 자르기 도구의 비율 목록과 같은 가운데 계산으로 processImage에 넣고 WebP 화질 85로 저장했습니다. 가장자리 글자 상자가 결과 안에 모두 남았는지 계산했습니다.",
    "en": "Synthetic 4032×3024 (landscape) and 3024×4032 (portrait) scenes were cropped by the shipped processImage using the same centred rectangle the Crop ratio menu computes, saved as WebP quality 85. Edge label boxes were checked against each crop rectangle.",
    "ja": "自作の4032×3024（横）・3024×4032（縦）の画像を、切り抜きツールの比率メニューと同じ中央の計算でprocessImageに渡し、WebP画質85で保存しました。端に置いた文字の枠が結果に残ったかを計算しています。"
  },
  "table": {
    "ko": {
      "headers": [
        "원본 · 비율",
        "결과 · 용량",
        "남은 면적 · 잘린 곳"
      ],
      "rows": [
        [
          "세로 사진 · 1:1",
          "3024×3024 · 75.7 KB",
          "75.0% · 위·아래 약 504px씩"
        ],
        [
          "세로 사진 · 4:5",
          "3024×3780 · 97.5 KB",
          "93.8% · 위·아래 약 126px씩"
        ],
        [
          "세로 사진 · 16:9",
          "3024×1701 · 43.0 KB",
          "42.2% · 위·아래 약 1165px씩"
        ],
        [
          "세로 사진 · 9:16",
          "2268×4032 · 80.1 KB",
          "75.0% · 왼쪽·오른쪽 약 378px씩"
        ],
        [
          "가로 사진 · 1:1",
          "3024×3024 · 78.6 KB",
          "75.0% · 왼쪽·오른쪽 약 504px씩"
        ],
        [
          "가로 사진 · 4:5",
          "2419×3024 · 66.1 KB",
          "60.0% · 왼쪽·오른쪽 약 806px씩"
        ],
        [
          "가로 사진 · 16:9",
          "4032×2268 · 75.4 KB",
          "75.0% · 위·아래 약 378px씩"
        ],
        [
          "가로 사진 · 9:16",
          "1701×3024 · 52.6 KB",
          "42.2% · 왼쪽·오른쪽 약 1165px씩"
        ]
      ]
    },
    "en": {
      "headers": [
        "Source · ratio",
        "Output · size",
        "Area kept · removed"
      ],
      "rows": [
        [
          "Portrait · 1:1",
          "3024×3024 · 75.7 KB",
          "75.0% · about 504px from top and bottom"
        ],
        [
          "Portrait · 4:5",
          "3024×3780 · 97.5 KB",
          "93.8% · about 126px from top and bottom"
        ],
        [
          "Portrait · 16:9",
          "3024×1701 · 43.0 KB",
          "42.2% · about 1165px from top and bottom"
        ],
        [
          "Portrait · 9:16",
          "2268×4032 · 80.1 KB",
          "75.0% · about 378px from left and right"
        ],
        [
          "Landscape · 1:1",
          "3024×3024 · 78.6 KB",
          "75.0% · about 504px from left and right"
        ],
        [
          "Landscape · 4:5",
          "2419×3024 · 66.1 KB",
          "60.0% · about 806px from left and right"
        ],
        [
          "Landscape · 16:9",
          "4032×2268 · 75.4 KB",
          "75.0% · about 378px from top and bottom"
        ],
        [
          "Landscape · 9:16",
          "1701×3024 · 52.6 KB",
          "42.2% · about 1165px from left and right"
        ]
      ]
    },
    "ja": {
      "headers": [
        "元の写真 · 比率",
        "結果 · 容量",
        "残った面積 · 切れた所"
      ],
      "rows": [
        [
          "縦長の写真 · 1:1",
          "3024×3024 · 75.7 KB",
          "75.0% · 上下を約504pxずつ"
        ],
        [
          "縦長の写真 · 4:5",
          "3024×3780 · 97.5 KB",
          "93.8% · 上下を約126pxずつ"
        ],
        [
          "縦長の写真 · 16:9",
          "3024×1701 · 43.0 KB",
          "42.2% · 上下を約1165pxずつ"
        ],
        [
          "縦長の写真 · 9:16",
          "2268×4032 · 80.1 KB",
          "75.0% · 左右を約378pxずつ"
        ],
        [
          "横長の写真 · 1:1",
          "3024×3024 · 78.6 KB",
          "75.0% · 左右を約504pxずつ"
        ],
        [
          "横長の写真 · 4:5",
          "2419×3024 · 66.1 KB",
          "60.0% · 左右を約806pxずつ"
        ],
        [
          "横長の写真 · 16:9",
          "4032×2268 · 75.4 KB",
          "75.0% · 上下を約378pxずつ"
        ],
        [
          "横長の写真 · 9:16",
          "1701×3024 · 52.6 KB",
          "42.2% · 左右を約1165pxずつ"
        ]
      ]
    }
  },
  "raw": {
    "crop": [
      {
        "orient": "portrait",
        "ratio": "1:1",
        "input": [
          3024,
          4032
        ],
        "rect": {
          "x": 0,
          "y": 504,
          "width": 3024,
          "height": 3024
        },
        "output": [
          3024,
          3024
        ],
        "decoded": [
          3024,
          3024
        ],
        "bytes": 77506,
        "keptPercent": 75,
        "cut": {
          "left": 0,
          "right": 0,
          "top": 504,
          "bottom": 504
        },
        "labels": [
          {
            "text": "TOP",
            "state": "cut"
          },
          {
            "text": "BOTTOM",
            "state": "cut"
          },
          {
            "text": "LEFT",
            "state": "kept"
          },
          {
            "text": "RIGHT",
            "state": "kept"
          },
          {
            "text": "SAMPLE 2026",
            "state": "partial"
          }
        ],
        "head": {
          "w": 544,
          "h": 543,
          "aspect": 1.0018416206261511
        },
        "ms": 1065.5
      },
      {
        "orient": "portrait",
        "ratio": "4:5",
        "input": [
          3024,
          4032
        ],
        "rect": {
          "x": 0,
          "y": 126,
          "width": 3024,
          "height": 3780
        },
        "output": [
          3024,
          3780
        ],
        "decoded": [
          3024,
          3780
        ],
        "bytes": 99798,
        "keptPercent": 93.75,
        "cut": {
          "left": 0,
          "right": 0,
          "top": 126,
          "bottom": 126
        },
        "labels": [
          {
            "text": "TOP",
            "state": "kept"
          },
          {
            "text": "BOTTOM",
            "state": "kept"
          },
          {
            "text": "LEFT",
            "state": "kept"
          },
          {
            "text": "RIGHT",
            "state": "kept"
          },
          {
            "text": "SAMPLE 2026",
            "state": "kept"
          }
        ],
        "head": {
          "w": 544,
          "h": 543,
          "aspect": 1.0018416206261511
        },
        "ms": 1193.5
      },
      {
        "orient": "portrait",
        "ratio": "16:9",
        "input": [
          3024,
          4032
        ],
        "rect": {
          "x": 0,
          "y": 1165,
          "width": 3024,
          "height": 1701
        },
        "output": [
          3024,
          1701
        ],
        "decoded": [
          3024,
          1701
        ],
        "bytes": 44060,
        "keptPercent": 42.1875,
        "cut": {
          "left": 0,
          "right": 0,
          "top": 1165,
          "bottom": 1166
        },
        "labels": [
          {
            "text": "TOP",
            "state": "cut"
          },
          {
            "text": "BOTTOM",
            "state": "cut"
          },
          {
            "text": "LEFT",
            "state": "partial"
          },
          {
            "text": "RIGHT",
            "state": "partial"
          },
          {
            "text": "SAMPLE 2026",
            "state": "cut"
          }
        ],
        "head": {
          "w": 544,
          "h": 544,
          "aspect": 1
        },
        "ms": 660.8000000119209
      },
      {
        "orient": "portrait",
        "ratio": "9:16",
        "input": [
          3024,
          4032
        ],
        "rect": {
          "x": 378,
          "y": 0,
          "width": 2268,
          "height": 4032
        },
        "output": [
          2268,
          4032
        ],
        "decoded": [
          2268,
          4032
        ],
        "bytes": 81990,
        "keptPercent": 75,
        "cut": {
          "left": 378,
          "right": 378,
          "top": 0,
          "bottom": 0
        },
        "labels": [
          {
            "text": "TOP",
            "state": "kept"
          },
          {
            "text": "BOTTOM",
            "state": "kept"
          },
          {
            "text": "LEFT",
            "state": "partial"
          },
          {
            "text": "RIGHT",
            "state": "partial"
          },
          {
            "text": "SAMPLE 2026",
            "state": "partial"
          }
        ],
        "head": {
          "w": 544,
          "h": 543,
          "aspect": 1.0018416206261511
        },
        "ms": 1008.6999999880791
      },
      {
        "orient": "landscape",
        "ratio": "1:1",
        "input": [
          4032,
          3024
        ],
        "rect": {
          "x": 504,
          "y": 0,
          "width": 3024,
          "height": 3024
        },
        "output": [
          3024,
          3024
        ],
        "decoded": [
          3024,
          3024
        ],
        "bytes": 80484,
        "keptPercent": 75,
        "cut": {
          "left": 504,
          "right": 504,
          "top": 0,
          "bottom": 0
        },
        "labels": [
          {
            "text": "TOP",
            "state": "kept"
          },
          {
            "text": "BOTTOM",
            "state": "kept"
          },
          {
            "text": "LEFT",
            "state": "partial"
          },
          {
            "text": "RIGHT",
            "state": "partial"
          },
          {
            "text": "SAMPLE 2026",
            "state": "partial"
          }
        ],
        "head": {
          "w": 544,
          "h": 543,
          "aspect": 1.0018416206261511
        },
        "ms": 1023.5
      },
      {
        "orient": "landscape",
        "ratio": "4:5",
        "input": [
          4032,
          3024
        ],
        "rect": {
          "x": 806,
          "y": 0,
          "width": 2419,
          "height": 3024
        },
        "output": [
          2419,
          3024
        ],
        "decoded": [
          2419,
          3024
        ],
        "bytes": 67670,
        "keptPercent": 59.995039682539684,
        "cut": {
          "left": 806,
          "right": 807,
          "top": 0,
          "bottom": 0
        },
        "labels": [
          {
            "text": "TOP",
            "state": "kept"
          },
          {
            "text": "BOTTOM",
            "state": "kept"
          },
          {
            "text": "LEFT",
            "state": "cut"
          },
          {
            "text": "RIGHT",
            "state": "cut"
          },
          {
            "text": "SAMPLE 2026",
            "state": "partial"
          }
        ],
        "head": {
          "w": 544,
          "h": 543,
          "aspect": 1.0018416206261511
        },
        "ms": 843.8999999761581
      },
      {
        "orient": "landscape",
        "ratio": "16:9",
        "input": [
          4032,
          3024
        ],
        "rect": {
          "x": 0,
          "y": 378,
          "width": 4032,
          "height": 2268
        },
        "output": [
          4032,
          2268
        ],
        "decoded": [
          4032,
          2268
        ],
        "bytes": 77210,
        "keptPercent": 75,
        "cut": {
          "left": 0,
          "right": 0,
          "top": 378,
          "bottom": 378
        },
        "labels": [
          {
            "text": "TOP",
            "state": "cut"
          },
          {
            "text": "BOTTOM",
            "state": "cut"
          },
          {
            "text": "LEFT",
            "state": "kept"
          },
          {
            "text": "RIGHT",
            "state": "kept"
          },
          {
            "text": "SAMPLE 2026",
            "state": "partial"
          }
        ],
        "head": {
          "w": 544,
          "h": 543,
          "aspect": 1.0018416206261511
        },
        "ms": 1030.4000000357628
      },
      {
        "orient": "landscape",
        "ratio": "9:16",
        "input": [
          4032,
          3024
        ],
        "rect": {
          "x": 1165,
          "y": 0,
          "width": 1701,
          "height": 3024
        },
        "output": [
          1701,
          3024
        ],
        "decoded": [
          1701,
          3024
        ],
        "bytes": 53844,
        "keptPercent": 42.1875,
        "cut": {
          "left": 1165,
          "right": 1166,
          "top": 0,
          "bottom": 0
        },
        "labels": [
          {
            "text": "TOP",
            "state": "kept"
          },
          {
            "text": "BOTTOM",
            "state": "kept"
          },
          {
            "text": "LEFT",
            "state": "cut"
          },
          {
            "text": "RIGHT",
            "state": "cut"
          },
          {
            "text": "SAMPLE 2026",
            "state": "partial"
          }
        ],
        "head": {
          "w": 544,
          "h": 543,
          "aspect": 1.0018416206261511
        },
        "ms": 662.6999999880791
      }
    ],
    "scenes": {
      "portrait": [
        3024,
        4032
      ],
      "landscape": [
        4032,
        3024
      ]
    }
  },
  "figures": [
    {
      "file": {
        "ko": "batch2-crop-social-aspect-ratios-comparison-ko.webp",
        "en": "batch2-crop-social-aspect-ratios-comparison-en.webp",
        "ja": "batch2-crop-social-aspect-ratios-comparison-ja.webp"
      },
      "width": 1200,
      "height": {
        "ko": 1085,
        "en": 1085,
        "ja": 1085
      },
      "alt": {
        "ko": "실제 저장한 자르기 결과(표시용으로 축소). 가로 사진을 세로 비율로 자르면 양옆 글자가 사라집니다.",
        "en": "Actual saved crops, downscaled for display. Cropping a landscape photo to a tall ratio removes the side labels.",
        "ja": "実際に保存した切り抜き結果（表示用に縮小）。横長の写真を縦長の比率にすると左右の文字が消えます。"
      },
      "caption": {
        "ko": "실제 저장한 자르기 결과(표시용으로 축소). 가로 사진을 세로 비율로 자르면 양옆 글자가 사라집니다.",
        "en": "Actual saved crops, downscaled for display. Cropping a landscape photo to a tall ratio removes the side labels.",
        "ja": "実際に保存した切り抜き結果（表示用に縮小）。横長の写真を縦長の比率にすると左右の文字が消えます。"
      }
    },
    {
      "file": {
        "ko": "batch2-crop-social-aspect-ratios-steps-ko.webp",
        "en": "batch2-crop-social-aspect-ratios-steps-en.webp",
        "ja": "batch2-crop-social-aspect-ratios-steps-ja.webp"
      },
      "width": 1200,
      "height": {
        "ko": 1800,
        "en": 1800,
        "ja": 1800
      },
      "alt": {
        "ko": "자르기 화면: 세로 사진에 4:5 / 가로 사진에 16:9를 고른 실제 상태입니다.",
        "en": "Crop: 4:5 on the portrait photo / 16:9 on the landscape photo, as actually applied.",
        "ja": "切り抜き画面：縦長の写真に4:5／横長の写真に16:9を選んだ実際の状態です。"
      },
      "caption": {
        "ko": "자르기 화면: 세로 사진에 4:5 / 가로 사진에 16:9를 고른 실제 상태입니다.",
        "en": "Crop: 4:5 on the portrait photo / 16:9 on the landscape photo, as actually applied.",
        "ja": "切り抜き画面：縦長の写真に4:5／横長の写真に16:9を選んだ実際の状態です。"
      }
    }
  ]
}