WORDPRESS

【ブログ向け】画像編集を始めるなら真っ先に覚えておきたい「リサイズ」とは?【超基本】

画像編集を始めるなら真っ先に覚えておきたい「リサイズ」とは? アイキャッチ



あずきです🐥

「ブログ」用の画像編集を始めるなら、まず真っ先に覚えておきたい…

リサイズ

という作業について、初心者さん向けに1から解説していきます

はじめに、「ブログ」用の画像編集を行うなら…

  • リサイズ ←今回のテーマ!
  • ファイル形式の変換

この2つが、大前提の必須作業になってきます

ということで、今回のテーマである「リサイズ」のポイントは3つです

  • リサイズとは?
  • リサイズが超大切な理由
  • リサイズの方法

さっそく見ていきましょー🐥

▼「リサイズの手順」についてはこちら ▼

ペイントで「画像サイズのリサイズ」&「ファイル形式の変換」をする方法 アイキャッチ
【画像編集】ペイントで、「画像サイズのリサイズ」&「ファイル形式の変換」をする方法【jpg・pngなどの拡張子変更】

続きを見る

▼「おすすめな画像サイズ」についてはこちら ▼

WordPressブログでおすすめな画像サイズについて アイキャッチ
WordPressブログでおすすめな、画像サイズ(ピクセル数)ってどのくらい?【リサイズの基準】

続きを見る

\「本気」で収益化するなら /

WING AFFINGER5 バナー 02

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

今回の記事はこちらの章に属しています

WordPressブログガイド 第9章「豆知識」編 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

【ブログ用の画像編集】リサイズとは?

WordPressブログ「完全初心者」ガイド 見出し a-01

画像編集における「リサイズ」とは、文字通り…

画像の「サイズ」を変更する

こと

ここで言う「サイズ」とは、ファイルサイズ(重さ)のことではなく、縦横の寸法(px)のことです

pxは「ピクセル」と読むよ!

例えば…

ブログ用の画像編集 まず押さえておきたい「リサイズ」とは? 1-01

↑ こちらが 横 700px / 縦 500px にあたるサイズで、その縦横を半分に「リサイズ」したのが…

ブログ用の画像編集 まず押さえておきたい「リサイズ」とは? 1-02

↑ こちらの 横350px / 縦 250px です

でもこの「リサイズ」という作業が、なぜ画像編集において「真っ先に押さえておくべきポイント」なのか?

次パートへ!

【ブログ用の画像編集】リサイズが超大切な理由

WordPressブログ「完全初心者」ガイド 見出し a-02

画像編集において、「リサイズ」は大前提となる大切なポイントです

まず第1の理由として…

「スマホで撮った写真」にしても「ダウンロードした画像」にしても、このリサイズを行わないままだと…

  • 元々の画像サイズは、ブログにそのまま貼るには大きすぎる(例:5000px)
  • 画像サイズが大きいと、当然「容量」もかさむ(例:5MB)

という問題があります

そもそも、ブログに貼るような画像は…

  • 画像サイズ(横幅) → 「1024px」とか、せいぜい「1200px」まで
  • 画像の容量 → 「100KB」とか、せいぜい「300KB」くらいまで

が、わりと一般的な目安なんですね

これは、「それを超えるような高容量の画像は、普段使いにはオススメできない」という意味です

容量の重たい画像を載せると、サイトスピード(ページ読み込みのこと!)も重たくなる!

とはいえ、そうなると…

ブログにアップロードするタイミングで、(プラグインとかを使って)自動リサイズとかすればいいじゃん

と思うかもですよね

ワードプレスだと、「Imsanity」というプラグインが有名

でもその発想だと、もう1つ「別の問題」が出てくるんですね

それが…

  • 各画像を「一定のサイズ(横幅のpx)」に毎回揃えておかないと、「編集で加えたテキストなどのサイズ比率」もバラバラになってしまう
  • ブログで画像をいくつか載せた際にも、画像ごとで「テキストなどのサイズ」がバラバラなのが、けっこう目立ってしまう

という問題

つまり!

どんなテキストやパーツを画像編集で描き加えるにしても、その「編集を始める前」にリサイズしておかないと…

自分は同じサイズで毎回描いてるつもりでも、実際には画像ごとでバラバラになってしまう

ということですね

これが、「画像編集をするならまずリサイズを覚えるべき」理由です

お次は、「リサイズの具体的な手段」について見ていきましょう🐥

【ブログ用の画像編集】リサイズの方法

WordPressブログ「完全初心者」ガイド 見出し a-03

リサイズを行うには、「画像編集ソフト」を使います

「画像編集ソフト」と言うと難しそうなイメージかもですが…

  • ペイント

という無料の簡易ソフトなら、「起動」も「作業」もわりと一瞬です

Windows10では標準搭載されてる、超メジャーな画像編集ソフトになります

▼「ペイント」を起動する ▼

Windows10で画像編集ソフト「ペイント」を起動する方法 アイキャッチ
【ペイントが見つからない…】Windows10で、画像編集ソフト「ペイント」を起動する方法【アイコンをピン留め】

続きを見る

▼「ペイント」でリサイズする ▼

ペイントで「画像サイズのリサイズ」&「ファイル形式の変換」をする方法 アイキャッチ
【画像編集】ペイントで、「画像サイズのリサイズ」&「ファイル形式の変換」をする方法【jpg・pngなどの拡張子変更】

続きを見る

 

【おまけ】「リサイズ」と同じく、最優先で覚えておくべき「ファイル形式の変換」について

WordPressブログ「完全初心者」ガイド 見出し a-04

最後に1点おまけです

今回の「リサイズ」と並んで、「ブログ」用の画像編集を行うなら真っ先に覚えておきたいポイントとして…

「ファイル形式」の変換

という必須作業があります

ファイル形式は、「.jpg」とか「.png」とかのこと!

この「ファイル形式の変換」をちゃんと行わないまま画像編集を始めると、「保存のたびに画質が劣化してしまう」というリスクがあるからですね

▼ 正しいファイル形式を選ぶ ▼

画像ファイル形式の実践的な使い分け アイキャッチ
jpg(jpeg)とpngの違い!画像ファイル形式の「超実践的な使い分け」を初心者向けに解説【拡張子】

続きを見る

ちなみに「ファイル形式の変換」は、「リサイズ」と同じく画像編集ソフト「ペイント」を使えば一瞬でおわります

▼「ペイント」でファイル形式を変換する ▼

ペイントで「画像サイズのリサイズ」&「ファイル形式の変換」をする方法 アイキャッチ
【画像編集】ペイントで、「画像サイズのリサイズ」&「ファイル形式の変換」をする方法【jpg・pngなどの拡張子変更】

続きを見る

おしまい♪

あずき🐥

\「本気」で収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

✔ 洗練された美しいデザイン性!

✔ 面倒なカスタマイズもクリック1つ!

✔ SEO対策と広告収入UPの機能が標準装備!

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

公式:「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入&導入ステップを画像つきで1から解説

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

今回の記事はこちらの章に属しています

WordPressブログガイド 第9章「豆知識」編 

あずきのWordPressブログガイド 総合TOP 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ