ログイン不要！主要SNSの画像一括リサイズ＆圧縮ツール｜完成！
今回は、ログイン不要でデータをアップロードせず、ブラウザで完結できる
主要 SNS 向けサイズをワンタップで選択できて、かつ、サイズごとに個別クロップ調整も可能、しかも圧縮もできるツールを作りました。
⬛️ 作ろうと思ったきっかけ
SNS によって画像サイズが違うケースがあり、いちいち入力するのが面倒くさかったので、一括でリサイズできたらいいなと思ったのがきっかけです。
1 枚の画像でもトリミングする場所を選択できるので、雰囲気を変えることができて使い回したかったんです。
ただし、サイズによります。
無料で使えるので、よかったら使ってみてください！
⬛️ ツール機能 ＋ UI
「Choose Sizes - インフォメーション」
ここをクリックすると各 SNS のサイズ一覧表になっています。
よく利用されるサイズには⭐️マークを付けていて、各カードにマウスを乗せると、どの SNS のサイズかがホバーでわかるようになっています。
⚠️カスタムサイズは手動入力で1枚のみになります。
note のアイキャッチ画像の場合だと画像をアップロードし、1230×670 と入力し、Add ボタンをクリック。
そうすると下に画像が出てくるので、画質を選択して「Generate」をクリックすると下にリサイズ後のイメージ画像が出てきて「Download」ボタンをクリックすると完了という流れになります。
⚠️基本的に圧縮のみの場合、枚数が多いと時間はかかります。
圧縮のみの場合は、「Format」で画質の種類を選択、「Quality」で画質を選択し、小さめのボックスに画像をアップロードしたら、「Compress only」ボタンをクリックすると、「Results」に圧縮後のイメージ画像が出てくるので、「Download」ボタンをクリックすると Zip ファイルでダウンロードされます。
複数 SNS カードを選択する場合、選択する SNS のボタンをクリックすると、すぐ下にカードサイズが出てくるので、必要なサイズのカードをクリックすると、そのサイズが選択された状態になります。
そのまま、次の SNS ボタンに移動して同じように選択します。
選択したサイズのカウントはボタンの横に表示されます。
そして画像をアップロードボックスにドラッグ＆ドロップ、もしくはアップロードしてもらうとその画像が左下に表示されます。
「Adjust Crop」セクションに選択した各 SNS のリサイズとクロップ調整が1枚ごとに出てくるのでここでトリミング場所を決めます。
枚数が多い場合でも右側にスクロールすると全て確認できます。
ここのクロップについては選択したサイズがそのまま適用されている状態なので、マウスを真ん中辺りに持っていき、クリックしたまま上下、左右に動かすことができます。
「Result」セクションでトリミング後の画像が確認できるので、よければ「Download」ボタンをクリックすると Zip ファイルでダウンロードできます。
解凍後のフォルダの中身も、どの SNS の、どのサイズの画像なのかがわかるようになっています。
⚠️複数枚の場合は、Zip ファイルでダウンロードされます。
カードの表示の仕方や、リサイズ後のイメージ画像をスライド式にしたりするアイデアは Gemini にもらいました😊
ここ最近は作成したツールの記事は上げていませんでしたが、セキュリティ関連のニュースなんかも多かったので、2 段階認証対応とプロンプトイジェクションチェック機能をつけた Firefox アドオンや、以前作っていたツールを作り替えてリサーチ分析サイトに改造したりと、その他にも色々作っていました。
相変わらず作ることを楽しんでいて、すでに次のツールも作り始めています😁
