情報整理術の数々! PICK UP!

iPadでブログ記事を執筆中!記事内に挿入する画像を編集するならどのアプリを使う?

会社の広報に自治体の案内、もしくは個人的な趣味など
インターネット上に公開する方法として「ブログ」形式でサイトを運営している方は結構多いと思います。

WindowsやMacなど、パソコンでブログ記事を執筆しているなら、
その記事内に挿入する”画像”や”画面のスクリーンショット”を編集する方法として、「Photoshop」や無料で使える「GIMP」など画像編集ソフトは色々な選択肢があるでしょう。

画像のリサイズやトリミング、その他様々な加工などを上記に挙げたような一つのソフトウェアだけでまかなうのはとても簡単です。

こういったブログ記事の運営には、無料のブログツールや、WordPressのような高機能なCMSツールで作業するわけですが、
作業データはクラウド上にあるので、パソコンで執筆した記事の続きは外出先であればiPadでもできますよね。

ただ、iPadで記事内に挿入する画像の編集をしよう、と思ったらパソコンのようにはいきません。

一つのアプリですべてが編集できるものが中々見つからない上に、
「ブラウザさえあれば画像編集ができるWebツール」のようなものも、いまいちしっくり来ないからです。

記事の執筆はパソコンと同じようにできても
”画像の編集作業にはこれ”
といったアプリがなかなか見つからないのが、iPadでブログ運営をする上で悩ましい問題でした。

今回は、当サイトの記事内でもよく利用している画像達を
iPadでどのように編集しているかをご覧頂きたいと思います。

パソコンのiCloud写真アプリに画像をアップロード

WindowsやMacのパソコン画面をスクリーンショットした場合は、その画像を「iCloud」経由で「写真」にアップロードします。

画面はWindows10となります。
Windows版iCloudをインストールしている場合、ステータスバーにiCloudが常駐しています。
「iCloud.comに移動」をクリックすると、「写真」へ画像をアップロードできます。

画像のトリミングは写真アプリで

画像のトリミングは、「写真」アプリで行います。
画像で必要な部分のトリミングだけをしたら、リサイズは以降の「画像サイズ」アプリに託します。

「写真」アプリを開いて、目的の画像を開いたら、画面右上の「編集」をタップします。
以下のように、編集するボタンがいくつか表示されます。

丸で囲んだ部分をタップすると、「トリミング」になります。

画像に線が表示されて、四隅にトリミングするためのハンドルが表示されていますね。
このハンドルをドラッグして、必要となる部分をトリミングします。

トリミングができたら、画面右上の「チェックマーク」をタップして、画像を保存します。

画像のリサイズは画像サイズアプリで

iPadで画像のリサイズを行う場合は、「画像サイズ」アプリを使います。

本来、「写真」アプリに画像をリサイズできる機能があるといいのですが、
現時点でその機能はありませんので、一旦この「画像サイズ」アプリにリサイズ作業を託すわけです。

無料版は、広告が表示されますが編集したい画像のサイズを変更するだけであれば、このアプリで十分でしょう。

「画像サイズ」アプリを最初に開き、「写真」にアクセスできない場合は上のようにアクセス許可を求められます。
「OK」をタップします。

画面左上の丸囲みをタップすると、「写真」アプリの画像一覧からリサイズする画像を選択できます。
目的の画像を開いたら、真ん中の四角囲みからリサイズの数値を入力します。

「幅」と「高さ」の数値の間にある「連結マーク」をタップして”水色の状態”にしておくと、
縦横の比率が維持されたままとなります。
例えば、「幅」の数値を変更すると、縦横の比率を維持するために、「高さ」の数値が自動的に変更される、といった具合です。

リサイズが済んだら、画面左下の「保存」をタップして、リサイズ後の画像を「写真」アプリに保存します。

画像内のマークアップは写真アプリで

さて、次はリサイズ後の画像の目的の位置に、丸や四角などでマークを付けたいと思います。

マークを付けるアプリは、再び「写真」アプリで行います。

「写真」アプリを開いたら、先ほどと同じように、画面右上の「編集」をタップします。

画面右上の「・・・」をタップして、一覧から「マークアップ」をタップします。

下に表示されたメニューの中から、「+」マークをタップします。

一覧に、「四角」や「丸」を描くためのボタンが表示されています。
今回は、「四角」を描くために、上の丸囲みの部分をタップしてみます。

画像上に、「四角」が描かれました。
線の色は、上のように丸囲みの色から「赤」を選択して、赤い四角囲みに設定しました。

編集が完了したら、「マークアップ」画面の右上にある「完了」をタップします。
最初の画面に戻り、同じ右上にある「チェックマーク」をタップすると、編集した画像が保存されます。

WebDriveアプリでWebDAVサーバに接続

さて、最後に作成した画像をFTPやWebDAVでサーバにアップしましょう。

iPadでは、「WebDrive」アプリを使うと、FTP・FTPS・WebDAVなどでWebサーバと接続できるので便利です。

「WebDrive」を起動して、まずはWebサーバへの接続情報を登録します。

左サイドの「サイト」の「+」をタップします。

接続方法や接続先を選択する画面になります。
目的の接続をタップします。

接続先アドレスやアカウント情報を登録します。
ご自身が契約されている内容を確認して入力してください

「サイト・プロフィール名」には、この接続登録名を任意でつけます。

上の画面は、「会社」という任意の名前をつけた「WebDAV」情報を表示しています。
接続が完了すると、右サイドには接続先のフォルダやファイルの一覧が表示されます。
右サイドのフォルダの一覧から画像をアップロードする場所を開いておきます。

右上の「+」をタップして、メニューから「写真のアップロード」をタップします。
「写真」アプリ内の画像や写真が表示されますので、先程編集した画像をWebサーバにアップロードして、完了となります。

総括

画像のトリミングからリサイズ、そしてマークアップまでの編集と
編集が終わった画像をWebサーバにアップロードするまでの一連の流れを、iPadの複数のアプリを使って辿ってみました。

Adobeの「PS Express」のような高機能なアプリも存在しますが、
このアプリだと、目的のサイズでリサイズができなかったり、単純な四角形や丸が描けなかったりと
ちょっとした作業に不便を感じていたため、今回やってみたような手順を踏んでみました。

もちろん、これ以外にも方法はあるでしょうし、
新しいアプリの開発も日々行われているわけですから、
今後もっとよりよい方法で画像編集からアップロードまでできるものが、世に出てくるかもしれません。

私もそうですが、外出先でのiPad作業が多いと、
いざパソコンと同じ作業をしようと思っても、同じ環境を構築するのに苦労をした、と言う経験を持っている方は多いかもしれません。

今回は、ちょっとした画像の編集を挙げてみましたが、
メインのパソコンと併用で活躍するiPadも仕事には欠かせない存在ですから、
今後もiPadの有効な活用方法を当サイトで色々と紹介していければな、と思っています。

関連記事

  1. iPadのsmartkeyboardを使っていて英語入力ができなくなった時に確認したいこととは?

  2. [連載]これから始めるiPad Pro!便利な使い方実践講座―マルチタスクで複数のアプリを起ち上げる…

  3. iPadOSでできるようになったテキスト操作とファイル操作いろいろ

  4. iCloudフォトにWindowsパソコンから動画をアップロードできない場合に確認しておきたい設定と…

  5. iPadOS13で強化された「Slide Over」と「Split View」!同じアプリを画面に並…

  6. iPadOS13でとうとう解禁されたファイルの解凍・圧縮を「iZip」アプリで試してみる

  7. iPadで勝手に文字が変換されるようになった?と思ったらライブ変換を確認しよう

  8. iPadで手書きのメモを取る!Microsoft WordでApplePencilを使うには

  9. iPadで手書きのメモを取る!ApplePencilが使える無料のメモアプリ5選

特集記事!

  1. 街を愛する地域ポータルサイト!個人的に好きな10サイトを選んでみた!(1位~3位…
  2. 街を愛する地域ポータルサイト!個人的に好きな10サイトを選んでみた!(4位~10…
  3. 会社を退職したいけどできない!退職代行サービスの利用で失敗しない方法とは
  4. 自社でメールマガジンを配信したい!メール配信サービス徹底比較6選
  5. 高機能は必要ない!初心者にも簡単な動画の編集を可能にしたEaseUS Video…
  6. Office365のエクセルにもとうとう登場したスピル!オートフィルや配列数式と…
  7. iPadOSでできるようになったテキスト操作とファイル操作いろいろ
  8. iPadOS13で強化された「Slide Over」と「Split View」!…
  9. 【連載3】Lucidchartで作成した図面をGoogleの文書やシートに挿入す…
  10. 【連載2】Lucidchartで図面作成からプレゼンテーションまですべて完結!プ…

人気記事 PickUp!

ー文字だけで語る(あつもじ)ー

おすすめ記事

ピックアップ!

  1. Slackとの連携にも必須!Trelloでチームを作成する方法
  2. [slack]24.slackに設定したOneDrive上のMicrosoft3…
  3. [slack]25.メインのメールや予定表にOutlookを使っているならsla…
  4. 【シリーズ:一昔前のExcel(エクセル)で停滞している方へ】進化し続けるエクセ…
  5. 【連載番外】Lucidchartでロジカルシンキングに使う図面を3つ選んでみた
  6. 【OneNote for Windows10】OneNoteにファイルを挿入する…
  7. [OneNote for Windows10]Android端末での利用に重宝す…
  8. iPadでブログ記事を執筆中!記事内に挿入する画像を編集するならどのアプリを使う…
  9. iPadの時短技3選!無駄な時間を省いて効率よく作業しよう
  10. [slack]28.チャットではカバーしきれない分散される情報をStockで拾う…

↓OneDriveの便利な機能が満載!↓

icon-cogマイクロソフトのクラウドストレージである「OneDrive」の便利な使い方をご紹介しています。個人契約でしか利用できない機能もあります。

PAGE TOP