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 Drive | OAuth認証のピッカーでDriveファイルを閲覧 | Google Driveアカウントに保存されている画像 |
| Dropbox | Dropboxファイルピッカー連携 | Dropboxアカウントに保存されている画像 |
| OneDrive | OneDriveファイルピッカー連携 | Microsoft OneDriveアカウントに保存されている画像 |
ファイル制限は共通です:1ファイルあたり最大10 MB、一度に最大5枚まで。
各クラウド・URLインポートのステップバイステップ
URLインポート
- 一般公開されている画像の直接URLをコピーします。URLが画像ファイル自体(.jpg、.png、.webpなどで終わるもの)を指していることを確認してください。ギャラリーやHTMLページではありません。
- 任意のツールページのURLインポートフィールドに貼り付けます(リサイズ、切り抜き、圧縮など)。またはCtrl/Cmd+Vでアップロードゾーンに直接貼り付けることもできます。
- ImageSizrがサーバーサイドAPIルート(
/api/import/url)を通じて画像を取得し、ブラウザに配信します。 - 画像がエディターに読み込まれ、以降のすべての処理はクライアントサイドで行われます。
Google Drive
- 任意のツールページのアップロードゾーンでGoogle Driveボタンをクリックします。
- OAuthサインインプロンプトを使用してGoogleアカウントで認証します。
- Driveを閲覧または検索して編集したい画像を選択します。
- ファイルが
/api/import/google-driveを通じて取得され、ローカル処理のためにブラウザに配信されます。
Dropbox
- アップロードゾーンでDropboxボタンをクリックします。
- Dropboxファイルピッカーが開きます。フォルダを閲覧するか、画像を検索します。
- 画像を選択します。取得され、ローカル編集のためにブラウザに配信されます。
OneDrive
- アップロードゾーンでOneDriveボタンをクリックします。
- プロンプトが表示されたらMicrosoftアカウントでサインインします。
- 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が含まれます。