低画質でも訴求力アップ![waifu2x]

粗い画像はユーザー離れの原因の一つです

ここ数年で、スマホカメラの機能が驚くほど向上し、カメラの知識がなくても誰でも気軽に高解像度の写真が撮影できるようになりました。
Web上で目にする写真のクオリティが高くなり、ユーザーの求める画質も上がってきています。

ブログやSNSへの投稿で、より物事を伝えやすくするには写真が必要不可欠ですが、粗い画像を使用すると、ページ自体が安っぽい印象になったり、見にくくなってユーザーにストレスを与えてしまいます。

そうは言っても、高画質な画像がなくて困ることもありますよね。
粗い画像で何とかするしかない…そんな時は「waifu2x」で画像を綺麗に拡大し、訴求力をアップしましょう!

AIによる自動補完で画像を美しく拡大

「waifu2x」は人工知能を使ってノイズやジャギーを抑え、画質を補正して拡大してくれるサービスです。アプリのダウンロードも必要なく、waifu2x にアクセスし、画像をアップロードするだけで利用できます。

画像を綺麗にするメリット

粗い画像を綺麗にして載せることで、そのまま載せるよりも次のようなメリットがあります!

  • 綺麗な写真の方がよりページの訴求力がアップ
  • ページが安っぽくなるのを防ぐことができる
  • 写真が見やすくなって、見る人にストレスを与えない

どれくらい綺麗になるの?

イラスト+文字

元の粗い画像
before
[waifu2x]で綺麗になった画像
after
一目瞭然!イラストや文字の周りがハッキリし、すごくキレイになりました!

動物の写真

元の粗い写真
before
[waifu2x]で綺麗になった写真
after
こちらも、ガタガタ感が減り、なめらかになりました。
 

人物の写真

元の粗い写真
before
[waifu2x]で綺麗になった写真
after
人物写真もなめらかになっています。

イラスト、文字、写真とどれも綺麗になっていますが、写真よりも色数の少ないイラストの方が、より綺麗になるようですね。

使い方は簡単。

waifu2x にアクセス

[waifu2x]の画面

①画像を選択します

②イラストか写真かを選びます

③ノイズ除去のレベルを選びます。
最高にすると逆に粗くなってしまう場合があるので、色々試して調整してください。

④画像を拡大したい場合は、チェックを入れます。

⑤「私はロボットではありません」にチェックを入れて「実行」

綺麗になったPNG画像がダウンロードできます!

※「waifu2x」は、不安定な時があり、エラーが出る時があります。エラーが出る時はしばらく時間を置いて利用してみてください。

まとめ

完璧にキレイに!とはいかないですが、「waifu2x」を使うと、粗い画像をキレイに拡大してくれます。
綺麗な画像を使うことで訴求力を高め、ページの価値を上げましょう!
画質の粗い写真しかなくてお困りの場合は、是非一度試してくださいね。

「画質」も「想い」も劣化させないJPEGmini

「低画質」や「ページ読み込み負荷」で閲覧者にストレスを与えていませんか?

一眼レフなどで、せっかく綺麗に撮影された写真もホームページ掲載する際には軽量化しなければなりませんよね。ですが、軽量化した画像は画質まで劣化してしまい、納得できない画質でアップすることになった経験などありませんか?

だからと言って、スマホユーザーが増えた今、重たい画像ファイルをそのままアップすると通信環境によって正常に閲覧できない可能性も出てきます。そんなことになれば、せっかくの閲覧者が逃げて行ってします。

そこで今回ご紹介するのが「JPEGmini」。

画質劣化ほぼなしで、ファイルサイズだけ縮小。

JPEGminiは、現状の画質をほぼ保ったままファイルサイズだけを縮小してくれる便利なツール(オンラインサービスとアプリ)です。どのようにサイズダウンしたのか原理を知りたくなるほどの画質維持。

JPEGminiJPEGmini
http://www.jpegmini.com/

リンク先のTOPページでその画質維持と軽量化(写真下のバー)を確認できます。

訴求力とユーザビリティーを両立。

JPEGminiを使用することで以下のメリットがあります。

  • 高画質で訴求力を維持できる。
  • 高画質画像によりホームページ全体の印象が良くなる。
  • ストレスなく閲覧できるため離脱率軽減につながる。
  • ページ読み込み速度向上によりSEOの効果も多少あり。

実際の画像を比較

元画像とJPEGminiで縮小した画像を見比べてみてください。

JPEGmini縮小前の元画像↑<Before> まずは、縮小する前の元画像【2.4MB】

 

JPEGmini縮小完了↑<After> 縮小完了画像【1.5MB】(画像によって、もっとサイズダウンすることがあります。)

どうですか、違い分かります?おそらく、目で見る限りでは違いは分からないのではと思います。

関心を持たれた方はさっそく使用方法を見ていきましょう。

 

JPEGminiの使用方法

1. ダウンロードとインストール

下記のサイトからダウンロードできます。
http://www.jpegmini.com/

ちなみに、Macユーザーは、App Storeで「JPEGmini LITE」という無償版があります。Winユーザーは、まずフリー版を試してみてください。また、WEB上で縮小作業が可能なので試しに縮小してみてはいかがでしょう。尚、毎回複数枚を縮小する場合はダウンロード版をオススメします。

2. 縮小サイズを設定

↓アプリを起動し、画像左下の赤丸部分をクリック。
JPEGmini縮小方法

 

新しいウィンドウが開くので、下記に習い任意の設定を行います。

JPEGmini設定画面

 

3. 縮小を実行

あとは、画面の中にドラッグアンドドロップしたらできあがり!

ファイルサイズを確認し軽量化されていれば成功です。

まとめ

JPEGminiいかがでしたでしょうか?使い方も簡単で、ほんの一手間かけるだけで、「画質」も「想い」も劣化させることなく、閲覧者に写真に込めたメッセージを伝えることができます。大きな画像であれば一枚だけでも効果歴然ですし、画像の占める面積が大きい写真中心のホームページや、記事を蓄積していくブログでも高画質且つ軽量化された画像は大きな役割を果たします。

些細なことですが、このような小さな積み重ねが積もりに積もって、最終的には大きな差を生み出します

ぜひ今日から使ってみてください。

文/ 赤松