URL、Dropbox、Google Drive、OneDriveから安全に画像をインポート

ダウンロードして再アップロードする手間を省きましょう。ウェブやクラウドストレージから直接ImageSizrのエディターに画像を読み込めます。

ImageSizrについて

はじめに

次に編集したい画像は、Google Driveのフォルダ、Dropboxの共有リンク、またはウェブからコピーしたURLにあるかもしれません。エディターに直接インポートできるのに、なぜ先にパソコンにダウンロードする必要があるでしょうか?

現代のワークフローでは、画像はクラウドプロバイダーやウェブに分散しています。画像をローカルフォルダにダウンロードして、編集ツールに再アップロードするのは手間がかかり、時間を無駄にし、重複ファイルを作成してしまいます。また、クラウドアカウントをオンラインツールに接続してもデータが危険にさらされないという安心感も求められています。

このチュートリアルでは、ImageSizrで利用可能なすべてのインポート方法――URL、Google Drive、Dropbox、OneDrive――をステップバイステップの手順で解説し、各段階でデータがどのように扱われるか説明し、スムーズなインポートのためのヒントをご紹介します。

インポート方法の概要

ImageSizrはエディターに画像を取り込む7つの方法をサポートしています。すべてのインポート方法は同じ編集パイプラインにつながります――画像が読み込まれると、すべてのツール(リサイズ、切り抜き、圧縮、回転、反転)はソースに関係なく同じように動作します。

方法仕組み使用場面
ドラッグ&ドロップファイルマネージャーからアップロードゾーンにファイルをドロップデスクトップやダウンロードフォルダからの素早いアップロード
ファイルブラウザー「参照」をクリックして従来のファイルピッカーを開くデバイス上のファイルの正確な場所がわかっている場合
クリップボード貼り付けCtrl/Cmd+Vを押して画像、data URL、または画像URLを貼り付けスクリーンショット、コピーした画像、クリップボード上のURL
URLインポート画像の直接URLを入力。サーバーサイドAPIで画像を取得ウェブ上の一般公開されている画像
Google DriveOAuth認証のピッカーでDriveファイルを閲覧Google Driveアカウントに保存されている画像
DropboxDropboxファイルピッカー連携Dropboxアカウントに保存されている画像
OneDriveOneDriveファイルピッカー連携Microsoft OneDriveアカウントに保存されている画像

ファイル制限は共通です:1ファイルあたり最大10 MB、一度に最大5枚まで。

各クラウド・URLインポートのステップバイステップ

URLインポート

  1. 一般公開されている画像の直接URLをコピーします。URLが画像ファイル自体(.jpg、.png、.webpなどで終わるもの)を指していることを確認してください。ギャラリーやHTMLページではありません。
  2. 任意のツールページのURLインポートフィールドに貼り付けますリサイズ切り抜き圧縮など)。またはCtrl/Cmd+Vでアップロードゾーンに直接貼り付けることもできます。
  3. ImageSizrがサーバーサイドAPIルート/api/import/url)を通じて画像を取得し、ブラウザに配信します。
  4. 画像がエディターに読み込まれ、以降のすべての処理はクライアントサイドで行われます。

Google Drive

  1. 任意のツールページのアップロードゾーンでGoogle Driveボタンをクリックします。
  2. OAuthサインインプロンプトを使用してGoogleアカウントで認証します。
  3. Driveを閲覧または検索して編集したい画像を選択します。
  4. ファイルが/api/import/google-driveを通じて取得され、ローカル処理のためにブラウザに配信されます。

Dropbox

  1. アップロードゾーンでDropboxボタンをクリックします。
  2. Dropboxファイルピッカーが開きます。フォルダを閲覧するか、画像を検索します。
  3. 画像を選択します。取得され、ローカル編集のためにブラウザに配信されます。

OneDrive

  1. アップロードゾーンでOneDriveボタンをクリックします。
  2. プロンプトが表示されたらMicrosoftアカウントでサインインします。
  3. OneDriveファイルから画像を選択します。取得され、ブラウザに配信されます。

各インポート方法はどのツールページからでも利用できます――リサイズ、切り抜き、圧縮、回転、反転。編集目的に合ったツールを選んで、直接インポートしてください。

スムーズなインポートのためのヒント

  • 画像の直接URLを使用してください。URLがギャラリーやHTMLページではなく、実際の画像ファイル(.jpg、.png、.webpなどで終わるもの)を指していることを確認してください。URLがウェブページにリンクしている場合、インポートが失敗する可能性があります。
  • インポート前にファイルサイズを確認してください。Google Drive、Dropbox、OneDriveの場合、画像ファイルが10 MB未満であることを確認してください。
  • 対応フォーマットを把握しておきましょう。ImageSizrはPNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICO、HEICファイルに対応しています。
  • インポート後にフォーマットと透過性を確認してください。透過性のあるPNGをインポートした場合、アルファチャンネルを保持するためにPNGまたはWebPとしてエクスポートしてください。透過ワークフローの詳細については、画像エクスポート時に透過性を保持する方法をご覧ください。
  • クリップボード貼り付けはURLにも対応しています。画像URLをクリップボードにコピーしてCtrl/Cmd+Vで貼り付けると、URLインポートフィールドを使用するのと同じ自動取得が行われます。

これらのヒントは、どのツールから始めても適用されます。切り抜きツールを開いても圧縮ツールを開いても、インポート体験は同じです。

クラウドインポートのプライバシーとデータ取り扱い

クラウドインポートパス(URL、Google Drive、Dropbox、OneDrive)は、/api/import/*配下のサーバーサイドAPIルートを使用して外部ソースからファイルを取得します。これは画像データがサーバーを通過する唯一の段階です。

何が起こるか、そして何が起こらないかをご説明します:

  • 取得されたファイルはブラウザに配信され、ImageSizrのサーバーには保存されません
  • 画像がブラウザに到達すると、すべての編集操作(リサイズ、切り抜き、圧縮、回転、反転)はCanvas APIを通じてクライアントサイドで行われます。画像がデバイスから再び出ることはありません。
  • Google DriveとOneDriveのOAuthトークンはファイルピッカーセッションのみに使用され、保持されません。
  • アナリティクス(Google Analytics 4)はページビューとインタラクションを追跡しますが、画像の内容は追跡しません。広告(Google AdSense)はアップロードされた画像と連携しません。

データ取り扱いの詳細については、プライバシーポリシーをお読みください。クライアントサイド処理がデータを保護する仕組みについての詳しい技術的な説明は、ブラウザベースの画像処理はどの程度プライベートか?をご覧ください。

まとめ

ImageSizrのクラウドおよびURLインポートオプションにより、ダウンロードして再アップロードする手間がなくなります。画像がウェブ上、Google Drive、Dropbox、OneDriveのいずれにあっても、エディターに直接読み込むことができます。取得はサーバーサイドルートを通過しますが、画像は保存されず、以降のすべての処理は完全にクライアントサイドで行われます。

よくある質問

画像をアップロードするにはどうすればよいですか?

アップロードエリアにファイルをドラッグ&ドロップする、「参照」をクリックしてファイルを選ぶ、クリップボードから貼り付ける(Ctrl/Cmd+V)、URLからインポートする、またはGoogle Drive、Dropbox、OneDriveに接続することができます。

画像はサーバーにアップロードされますか?

いいえ。クラウドインポートはファイルを取得するためにサーバーサイドの取得を使用しますが、保存はされません。以降のすべての処理はブラウザ内で直接行われ、画像がデバイスから出ることはありません。

最大ファイルサイズはいくつですか?

各ファイルは最大10 MBです。

どの画像フォーマットに対応していますか?

PNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICO、HEICファイルをアップロードできます。出力フォーマットには元のフォーマット、JPEG、PNG、WebP、ICOが含まれます。

URL、Dropbox、Google Drive、OneDriveから安全に画像をインポート | ImageSizr | ImageSizr