nKB

nKB

シンプルにいこうよ

画像圧縮&リサイズ

  • 横幅「540px」
  • できるだけサイズを小さくする。圧縮等。

画像を小さくすれば読み込みが早くなり、ストレスが軽減される。容量も食わない。

ブログやドキュメントに使う適切な画像形式
使用するのは下記の3つ。
gif…アニメーションgifを作る場合
jpeg…一番使う形式。写真等。画質を80%にする。
png…イラスト等、PC画面キャプチャ、色の数が少ないもの

【圧縮】
TinyPNG...WEBサービス
PNGoo
Jpeg mini
pngquant...TinyPNGで使っているプログラムらしい

【リサイズ】
リサイズ超簡単Pro・・・イカ

【手順】
1. 画像を保存
2. リサイズ超簡単Proでリサイズ
3. PNGooで圧縮

見やすい画像

縦と横の比率を考える

アスペクト比 名称・例
1:1.618(約5:8) 黄金比
1:1.414(約5:7) 白銀比
3:2 例 一眼レフ
4:3 例 PCディスプレイ
16:9 例 ハイビジョン

web計。 黄金比・白銀比などの計算

Windowsの標準機能で圧縮

  1. ペイントの機能を使う
  2. 右クリック→ 送る → メール受信者 ※添付ファイルとしてリサイズされた画像が添付される。

参考

Dynamic Dummy Image Generator
https://dummyimage.com/
→ 画像サイズのサンプルを簡単に表示してくれるサイト

f:id:t2nak:20190201220924p:plain

f:id:t2nak:20190201220941p:plain