さよなら無気力な日々よ

無気力→活動的へ、自由気ままに書くブログ

画像のリサイズの仕方 【ブログに貼る画像|画像の圧縮】 

スポンサーリンク

どうも、あみさかです。

スマートフォンとパソコンを接続したイラスト

 

今日もお昼ご飯は餅でした。

いそべ餅にしました。

餅を味付けのりで食べるとめちゃくちゃうまいですね(笑)

 

※前日に餅の味付けについて書きました

 

失礼いたしました

今回は画像のリサイズの仕方について書いていきます。

 

自分は今までブログに貼る写真を選ぶときに今までは、スマホで撮った写真をメールに添付してその写真をそのまま貼り付けていました。

 

それだとやはり、画像の読み込みに時間がかかってしまったりサイズもばらばらでいちいちメールに添付したりこのままじゃ良くないなと思い、

効率的に画像をパソコンに取り込み貼る方法を覚えたので紹介します。

 

 

スマホの写真をパソコンに取り込む

スマホでの操作

画像を取り込む際にGoogleドライブを利用しました。

 

まずは、スマホにGoogleドライブのアプリを入れます。

そしてグーグルアカウントをすでに作成している状態でマイドライブから

+マークをタップしてアップロードからパソコンで使用したい画像を選択します。

 

(この時に、選んだ画像がわかりやすいようにフォルダを先に作ってフォルダを選択した状態でアップロードをすることで簡単に画像を仕分けることができます。)

 

パソコンでの操作

パソコンでは、グーグルクロームから入りスマホと同じアカウントを利用します。

 

同じアカウントに出来たら、右上の四角が9個あるやつをクリックしドライブを選択します。

 

そこのマイドライブに先ほどスマホで選択した画像があると思います。

画像を開きダウンロードをクリックすると「ダウンロード」に保存されます。

 

パソコン内での画像の保存場所を変更する場合

「ダウンロード」に保存されるとファイル内がごちゃごちゃにになって困るという方、スマホから取り込んだ画像を分かりやすい場所にまとめておきたい方は保存場所を変更することをおすすめします。

 

  1. グーグルクロームの右上の丸が縦に三つ並んだものをクリック
  2. メニューが表示されるので設定をクリック
  3. 下の方にある詳細設定をクリック
  4. そこに「保存先」というものがあるので変更をクリックして、保存先にしたいフォルダを選択することで変更できます。

 

取り込んだ画像をリサイズ、圧縮する方法

今回は、ペイント3Dを使ったリサイズの仕方を紹介します。

 

  1. ペイント3Dを開いて、「開く」を選択する。
  2. ファイルの参照からリサイズしたい画像を選択
  3. (必要であれば、トリミングで画像のいらない部分を切り取る)
  4. 「キャンバス」を選択
  5. キャンバスでの画像のサイズ変更にチェックを入れる。
  6. 縦横比を固定する場合は、縦横比を固定するにチェックを入れる)
  7. ピクセル数を変更する。(ピクセル数が少ない方が解像度が低く読み込みにかかる時間が少なくなります。細かい数値は実際にブログなどに貼って確かめてください。)
  8. 編集が終わったら名前を付けて保存を選択。
  9. ファイルの種類は「2D-JPEG」を選択し、保存して完了です。

 

はてなブログでの写真の貼り付け、サイズの調整

自分は見てわかる通り、はてなブログを利用しています。

 

写真の貼り方としては、写真の投稿を選びフォルダの中から貼り付けたい画像を選択して、記事の中に表示させます。

 

見たまま編集で写真のサイズを変更することもできますが、

HTML編集で細かく写真のサイズを決めることができます。

 

そのやりかたは、画像を貼り付けてからHTML編集にして

画像のコードの終わりが多分

/></p>などととなっているはずです。

基本的にはこのような終わりのコードの少し前あたりであれば問題なく適用されるはずです。

 

この /></p>などの前に一マス空欄を開けて、

半角で width="数値"といれると画像の大きさを固定できます。

 

例)width="200" /></p>

       width="300" /></p>

 

画像のコードの終わりがこのようになります。

数値は実際に記事の中で調整してください。

 

終わりに

画像のリサイズ、貼り付けの仕方の説明は以上となります。

また、新たにリサイズについて新しい情報を得た場合には追記いたします。

 

まだ、締めの言葉を何にするか迷っているので

明日は締めの言葉についてにしようかなと思っています。

 

 読んでいただきありがとうございました。