【Instagram】インスタグラム用のサイズ・比率に画像を自動で調整するサイトを作りました【余白埋め・切り抜き(トリミング)】

個人開発

Instagramのアカウント、持っていますか。

あれ、大半の人たちは、スマホで撮影した写真を投稿していると思うんです。

けれど稀に特殊な比率(アスペクト比)の画像を投稿しようとすると、「適正サイズではありません」と、拒否されることがありますよね。

私は以前、ある日本画の画像を投稿した時に弾かれました。

屏風絵とか、掛け軸の絵とか、そういう特殊な画角の画像は、インスタの基準からすると、縦長すぎたり、横長すぎたりするんですね。

Instagram投稿に最適な比率は3つあると言われます。

  • 4:5(縦長)
  • 1:1(正方形)
  • 1.91:1(横長)

こういう公式の比率に、自動で調整してくれるモノがあったらいいのに…そう思ったので作ってみました。

【Instagram】インスタグラム用の比率に画像を自動で加工するサイト【余白埋め・切り抜き(トリミング)】 (putdateinfile.online)

JPGもしくはPNGファイルをドラッグ&ドロップすると、その画像の形状を読み取って、4:5、1:1、1.91:1のうち一番近い比率に調整してくれるサイトです。

比率を調整する方法ですが、2種類を用意しました。どちらかをチェックボックスで選べます。

【余白埋め】画像に余白をつける

画像自体の縦横比率はそのままに、上下左右を黒いスペースで埋める方法。余白をつける、余白を埋める方法です。…余白というか、正確には余黒ですね。黒の方が締まって見えるので黒にしました。

まずはドラッグ&ドロップした画像の比率を読み取ります。そして例えば4:5よりも縦長の画像だったら、左右の両サイドに余白を足して4:5の比率に調整します。同様に1.91:1よりも横長の画像だったら上下に余白を足して、1.91:1の比率にしてしまいます。

4:5よりも横長で、なおかつ1.91:1よりも縦長の画像は、正方形つまり1:1になるように余白を埋めていきます。

【切り抜き】トリミングする

次に切り抜きです。画像の縦横比率を読み取って、4:5より縦長だったら、上下をカットして4:5にします。1.91:1よりも横長だったら、左右の両サイドをカットして1.91:1の比率にします。

4:5よりも横長で、なおかつ1.91:1よりも縦長だったら、上下もしくは左右の長い辺をカットして1:1になるようにします。

当初は切り抜き機能をメインで、こういうサイトを作ろうと考えていたのですが。例えば絵画の画像を投稿する場合、切り抜かずになるべくオリジナルのまま、上下左右すみずみまで見れるように投稿したいですよね。それで余白埋め(余白足し)をデフォルトにしてあります。

もしよければ、使ってみた方は感想を教えてください。

コメント

タイトルとURLをコピーしました