画像をWebPに変換・リサイズできる便利ソフトを作りました

目次

画像をWebPに変換・リサイズできる便利ソフトを作りました

ホームページやブログを作っていると、

「画像をWebPにしたい」
「横幅を1000pxにそろえたい」
「画像サイズを小さくしたい」

という作業がよくあります。

以前は、そのたびにデザインソフトや無料の変換サイトを使っていました。

でも、毎回ソフトを開いたり画像をアップロードしたりするのは意外と手間です。

そこで、画像のサイズ変更とWebP変換を簡単にできるソフトを作りました。

このページのHTMLをコピーして使えます

画像 4

今回作ったソフトは、HTMLファイルだけで動くシンプルなものです。

特別なソフトをインストールしなくても、HTMLをパソコンに保存してブラウザで開けば使えます。

このページ一番下に紹介しているHTMLをコピーして、

image-resize.html

などの名前で保存してください。

保存したHTMLファイルをダブルクリックしてブラウザで開けば、そのまま画像変換ソフトとして使えます。

元のHTMLでは、JPEG・PNG・WebP画像を読み込み、横幅を指定してWebP形式で保存できる作りになっています。

HTMLを使う手順

使い方
  1. HTMLコードをコピーする
  2. メモ帳などを開く
  3. コピーしたコードを貼り付ける
  4. image-resize.html のような名前で保存する
  5. 保存したHTMLをダブルクリックする

これだけで使えます。

サーバーへアップロードしなくても、パソコン上で使えます。

画像を選んで保存するだけ

画像を選んで保存だけ

使い方はとても簡単です。

  1. 画像を選択
  2. 保存する横幅を入力
  3. WebP画質を選択
  4. 「WebPで保存」をクリック

JPEG・PNG・WebPに対応しています。

横幅も自由に変更できます

サイズ変更も自由

初期設定は1000pxです。

横幅は100px〜5000pxまで変更できます。

例えば、

ブログ画像 → 1000px
バナー画像 → 750px
大きめ画像 → 1200px

というように使い分けできます。

画像の縦横比はそのままで、高さは自動で調整されます。

WebP画質も変更できます

画質も変更

WebP画質の初期設定は85%です。

画質を優先したい場合は高めに、容量を小さくしたい場合は少し下げるなど、用途に合わせて調整できます。

作業時間がかなり短くなりました

時短

以前は、

画像を用意
↓
デザインソフトを開く
↓
サイズ変更
↓
保存
↓
WebPへ変換

という流れでした。

今は、

画像を選ぶ
↓
サイズを指定
↓
WebPで保存

だけです。

ホームページやブログで画像をたくさん使うので、かなり作業時間を短縮できるようになりました。

こんな方におすすめ

おすすめ

・WordPressをよく更新する方
・ブログ画像を同じサイズにしたい方
・簡単にWebPへ変換したい方
・無料変換サイトを毎回使うのが面倒な方
・画像作成の時間を短縮したい方

難しい機能は入れず、

「画像サイズを変更してWebPで保存する」

ことに絞ったシンプルなソフトです。

この記事を書いたパソコンショップATEC 荻野宏之
この記事を書いた人
荻野 宏之
パソコンショップATECで、 パソコン修理・設定・出張サポートなどを担当。 2018年から営業し、実際のサポート経験をもとに記事を作成しています。
→ 詳しいプロフィールを見る
目次