WEB カメラ 作りたい

撮影した360度画像をブログ・ホームページに公開する方法まとめ

360度画像をホームページで埋め込み公開する方法まとめ【insta360】

その名前の通り、360度辺りを見回せるインパクト抜群の写真が撮影できるのが「360度カメラ」!

そんなインパクト抜群の写真を撮影したら、ブログやホームページ・SNSにアップして共有したいですよね。

この記事では、360度カメラで撮影した写真ブログ・ホームページに公開する方法まとめてご紹介します。

この記事は「insta360」での方法を紹介してますが、wordpressへの埋め込みや独自SNSを利用する方法はRICOH シータでも利用できますので参考にしてみてください。

オススメ360度カメラは使いたい時だけレンタルがお得!
オススメ旅行に持って行きたいカメラをご紹介!

360度カメラとは

360度カメラとは、その名の通りカメラの上下左右360度を1つの写真・動画に収めることができるカメラです。

今までは空間の1部を切り取るのがカメラでしたが、空間全体を1つの画像に落とし込め、これまでに見たことの無い写真が撮影できることで人気となっています。

人気の360度カメラは?

人気の360度カメラには、「Insta360」シリーズ

RICOHの「THETA(シータ)」シリーズなどがあります。

360度カメラの魅力は?

360度カメラの魅力は、なんと言っても普通のカメラや携帯のパノラマ機能でも撮影できない360度見渡せる全天球写真インパクトが魅力です。

旅行、特に海外や絶景が魅力の場所に360度カメラを持って行くと、気軽にダイナミックな全天球写真が楽しめる!

コチラは、旅行でポルトガルに行った際にホテルの窓から撮影した360度写真です。グリグリと上下左右に回してみてください。

みんなにも見てほしい❗️

daruma108

360度写真をブログ・ホームページに公開する方法

インパクト抜群な全天球写真を撮影したらブログやホームページ・SNSでシェアしましょう!360度写真をブログやホームページに公開する方法をいくつかご紹介します。

wordpress(ワードプレス)ブログに埋め込む

360度写真をwordpress(ワードプレス)ブログに埋め込む方法
360度画像をwordpressブログに埋め込む

まずは、wordpress(ワードプレス)を使用しているブログやホームページへの埋め込み方法からご紹介します。

wordpress(ワードプレス)への埋め込みはプラグインを利用すると、簡単に360度画像をホームページに埋め込み表示することができます。

1.まずは360度写真をjpg形式に変換

ワードプレスのプラグインを利用して360度写真をアップするには、ファイル拡張子をJPG(ジェイペグ)にしておく必要があります。

360度カメラで撮影した写真は、だいたいカメラメーカー独自の圧縮方法で独自の拡張子にて保存されていますので、まずは撮影した360度画像を一般的な画像拡張子である「JPG(ジェイペグ)」に変換しましょう!

変換する方法は、

  • カメラ専用アプリから変換する方法
  • 画像編集ソフト「Photoshop」で変換する方法

の2つの方法があります。

2つの方法の詳しいやり方は下記ページにて紹介しています。

Insta360で撮影した独自拡張子を一般的な拡張子に変換しよう
【360度カメラ】Insta360シリーズで撮影したinsp、insv拡張子ファイルをjpg、mp4に変換する方法

続きを見る

2.プラグインを使用し埋め込み

続いて「JPG(ジェイペグ)」に変換した360度画像をホームページのサーバにアップし、プラグインを通して公開していきます。

使用したのは「WPVR」というプラグインです。

360度画像を挿入するプラグイン「WPVR」を選択

こちらのプラグイン「WPVR」をインストールし有効化。

いくつか設定をすまし、ショートコードを使って記事内に360度画像を埋め込んでいきます。

詳しいいくつかの設定は下記記事にて掲載していますので、そちらをご覧ください。

360度画像をブログに埋め込む方法
WordPressブログに360度画像を埋め込む方法【プラグイン利用】

続きを見る

htmlベースのホームページ・その他のブログの場合

続いてはwordpress(ワードプレス)は使用していないhtmlベースのホームページや、その他のブログ360度画像を埋め込む方法をご紹介します。

簡単な方法は、カメラメーカーが用意しているSNSに公開し、埋め込みコードを取得してホームページに貼り付ける方法です。

insta360シリーズでは、各カメラごとにアプリが用意されています。

insta360シリーズ製品で撮影する時に必要な、それぞれのデバイスのアプリを起動します。

アプリからSNSにアップすることで、ホームページに貼り付けることができる埋め込みコードが取得できるようになります。

insta360アプリから右上の「共有マーク」を選択。
アプリで画像を開きシェア
そのまま右上のチェックマークを選択します。
リンクコードを取得

アプリの詳しい使い方は下記記事で紹介しています。

オススメinsta360シリーズの360度写真をアプリから簡単共有

RICOH THETA(シータ)シリーズの場合

RICOHのTHETA(シータ)シリーズでも同様に、専用のアプリ「RICOH THETA」から公開→埋め込みコード取得という流れは同じです。

\アプリのダウンロードはこちら/

Appleアプリ

‎RICOH THETA
‎RICOH THETA
開発者: Ricoh Co., Ltd.
金額: 無料

Android [ Google Play ]

RICOH THETA
RICOH THETA
開発者: Ricoh Co., Ltd.
金額: 無料

詳しい方法は

Check!
リコー「THETA SC2」で撮影した写真・動画をウェブ上で公開する方法 【360度カメラ】
リコー「THETA SC2」で撮影した写真・動画をウェブ上で公開する方法 【360度カメラ】

続きを見る

360度動画をYoutubeに公開する方法

Insta360で撮影した360度動画をmp4に変換しYoutubeへアップロード
Insta360で撮影した360度動画をmp4に変換しYoutubeへアップロード

360度カメラでは、写真だけでなく動画も撮影することが出来ます。

「Insta360」シリーズで撮影した動画を、そのままYoutubeにアップすると

insta360の独自規格「insv」動画をそのままYoutubeにアップした画像
Insta360で撮影した動画をそのままYoutubeにアップしたら…

上の画像のように、左右に丸い視点が2つ並んだ状態でアップされてしまいます。

専用アプリを使って「mp4(エムピーフォー)」動画に変換しYoutubeにアップロードすると

上の動画のように、再生しながらもカメラの向きを360度変えれ「360度動画」としてアップすることが出来ます。

一度Youtubeに公開してしまえば、Youtubeの埋め込みコードを使ってブログやホームページにも簡単に挿入できる!

やり方は簡単なので、詳しくは下記よりご覧ください。

Insta360で撮影した360度動画をmp4に変換しYoutubeへアップロード
Insta360で撮影した360度動画をmp4に変換しYoutubeへアップロード

続きを見る

360度カメラをお得にレンタル!

海外旅行や絶景スポットにはぜひ持って行きたい360度カメラですが、正直 日常的にはあまり使う機会がありませんでした。

なので、使う時だけカメラのレンタルサービスを利用する。という方法がおすすめです。

レンタルするメリットは他にも

レンタルするメリット

  • 気軽にダイナミックな全天球写真が楽しめる!
  • レンタルだと初期費用をかなり抑えられる
  • 常に最新機種が使える
  • 出先で受け取り・返却できるので荷物にならない

最新機種を使えるのはワクワクしますね!

daruma108

こちらの記事では、360度カメラのレンタル価格を比較しています!

【8社比較】360度カメラのレンタルサービス最安値
【2024年】360度カメラのレンタルで安いサービスは?insta360、THETAなど機種別に調査【8社比較】

続きを見る

まとめ:360度画像をホームページに公開する方法

360度カメラで撮影した写真・動画を、自身のブログやホームページで公開する方法をまとめてご紹介しました。

カメラメーカーの独自規格のファイルは、一般的なファイル拡張子へと変換し公開しましょう!

基本的にはInsta360シリーズでの操作方法をまとめておりますが、RICOH THETA(リコー シータ)シリーズでも同様の手順で公開が可能です。

ぜひ撮影した360度画像をホームページ等へ公開してみてはいかがでしょうか。

オススメ360度カメラは使いたい時だけレンタルがお得!
オススメGoProは使う時だけレンタル!最安値は⁈
オススメ旅行に持って行きたいカメラをご紹介!

SONYのα(アルファ)シリーズが安く借りれるサブスク・レンタルサービスは?【デジタル一眼カメラ】

イイモノ カメラ

2024/4/5

SONYのα(アルファ)シリーズが安く借りれるサブスク...

カメラ好きが喜ぶプレゼント!人気のおすすめアイテムを紹介

イイモノ カメラ フィルムカメラ

2024/2/18

カメラ好きが喜ぶプレゼントって何?人気のおすすめアイテ...

【初心者向け】GoProの使い方を徹底ガイド!準備から撮影まで

カメラ

2023/10/31

【初心者向け】GoProの使い方を徹底ガイド!準備から...

GoProの写真・動画データをiPhoneやスマホに転送し保存する方法を紹介

カメラ

2023/10/1

GoProの写真・動画データをiPhoneやスマホに転...

証明写真機でスマホの写真をプリントできる⁉︎DNPの「Ki-Re-i」の設置場所や料金は?

カメラ フィルムカメラ

2023/11/29

証明写真機でスマホの写真をプリントできる⁉︎DNPの「...

-WEB, カメラ, 作りたい
-,