【無料で出来る!】Googleドライブを使って、ヤフオクに大きな写真を貼り付ける方法!

0





    こんにちは!ハロー!パソコン教室イオンタウン新船橋校 千葉( @hello_shinfuna)です。

    ブログやWebページ等に画像を掲載する場合、大抵無料プランだと容量に限りがありますよね。

     

    また、ヤフオクに画像を何枚も貼り付けている出品者を目にする事はありませんか?

    例えばこんなの。

     

     

    2016-08-13_10h22_24.png

     

    2016-08-13_10h22_32.png

     

    2016-08-13_10h22_49.png

     

     

    通常ヤフオクでは写真は3枚までしか掲載できませんが、説明文スペースにも追加で4枚画像を追加する事ができるんです。

    ※4枚以上画像を追加しているように見える方もいますが、その場合は5枚の写真を一枚に統合しています。そういった方法で5枚×4で20枚の写真を掲載することも可能です。

     

     

     

    さて、説明文の中に画像を掲載する方法としては、HTMLタグで記述することが必要です。

     

    画像を挿入するHTMLタグ

    <img src="画像の保存場所を指定">

     

    となります。※ここでHTMLとは?という根本的な部分の説明は省きます。

     

    <img>タグは画像が保存してある場所を示すsrc属性と一緒に使います。<img src=”###”>で囲まれた画像の保存場所(相対パス)を記述することで、WEBサイト内に画像を表示することが出来るんですね。

     

     

    ところでその画像の保存場所ですが、みなさんどこを使っているのでしょうか?

     

    そういった方はたいてい自前の写真保管用サーバーを持っていたり、外部の写真保管用のサイトを利用したりしています。

     

     

    ただし、有料であったり、UPできる容量が少なかったり、画像が勝手に縮小されてしまったり、外部サービスを使ってwebサイトに画像を貼り付けるのはちょっと大変。

     

    ちなみにこの方法ではYahoo!自身が運営している「Yahoo!ボックス」を使うのが一般的ですが、先述したとおり、画像を縦に繋げて20枚分の写真を追加しようと思っても、サイズが勝手に縮小されてしまいます。

     

     

    ■参考

    ヤフーボックスにアップした写真をオークションに載せたらすごく小さくな... - Yahoo!知恵袋
    Yahoo!ボックスを利用すると大きな画像はオリジナルサイズでは表示されず 既定のサイズに縮小されて表示されます。(サムネイル画像) 仕様なのでやむを得ません。 又、既定の表示サイズは決まっています ...
    Yahoo!ボックスを利用すると大きな画像はオリジナルサイズでは表示されず 既定のサイズに縮小されて表示されます。(サムネイル画像) 仕様なのでやむを得ません。 又、既定の表示サイズは決まっていますので(約480ピクセル?) 何枚も写真を結合して大きなサイズにすると1枚1枚の画像がとても小さく なってしまいます。 少しでも大きく表示させたいなら 画像は連結させないで1枚ずつ掲載する事です。 それでも表示サイズは最大で横480?前後ぐらいだと思います。

     

     

     


    しかし今回は無料で使えて容量もBIG!「GoogleDriveを使ってヤフオクやWebページに画像を”そのままのサイズ”で貼り付ける方法をお教えします。

     



    スポンサーリンク

     

     

     

    Googleドライブに写真をアップロードしてみよう

     

    まずはGoogleDriveに画像をアップロードするところから説明を初めます。

     

     

     

    下記のリンクをクリックするとGoogleドライブのマイページに飛びます。

    ↓↓

    Googleドライブ

     

     

     

    こちらがGoogleドライブの管理画面です。

     

    マイドライブ内にフォルダを作ってファイルを管理するという点は、通常のエクスプローラーの操作とさほど変わりがありません。

    ただし、このデータはGoogleドライブ内に保管され、PCを選ばずにネットにアクセス出来る状態であれば自分のGoogleアカウントからどこでもファイル管理が可能です。

     

     

    2016-08-16_17h57_51.jpg

     

     

    ファイルをアップするには画面左の「新規」のボタンから、「ファイルのアップロード」を選択して、画像などのファイルをドライブ内に保管していきます。※ちなみにデスクトップや他のフォルダからファイルをドラッグ・アンド・ドロップしてアップロードすることもできます。

     

     

    もちろん分かりやすいように各種フォルダを作ってその中にファイルをアップロードすることも可能。

    今回は「ブログ用」というフォルダを作成し、その中に写真をアップロードしてみました。

     

     

     

    2016-08-16_17h58_32.jpg

     

     

    ファイルのアップロードが終わると、このようにアップしたファイルが表示されます。

     

     

     

     

    さて、お次はアップロードした写真をほかのサイトに貼り付ける手順を説明します。

     

     

     

     

    Googleドライブの写真をほかのサイトに貼り付けてみよう!

     

     

    次にGoogleDriveにアップロードした共有したいファイルを右クリックし、共有可能なリンクを取得からリンクを生成します。

     

     

     

     

     

     

     

    生成されたリンクをコピーし使用していきます が、

    先ほど出力したリンクをを普通にブログ等に貼り付けるとエラーになってしまいます。

     

     

    上記の共有URLは画像の閲覧&ダウンロード用の共有リンクなので、そのままでは外部サービスに貼り付ける事は出来ません。

     

     

     

    ここでちょっとしたポイント。

    生成されたリンクのopen?の部分をuc?export=view&に書き換えます。

     

    例:https://drive.google.com/open?id=0B0Fb6H-6omy9N19pZHRX********

    → https://drive.google.com/uc?export=view&id=0B0Fb6H-6omy9N19pZHRX********

     

    書き換えたリンクで貼り付けるとちゃんと画像を貼り付ける事ができます。

     

    下記の画像はこのブログの画像アップロード機能ではなく実際にGoogleDriveから生成したリンクを書換えて貼り付けています。

     

     

     

    次に、この方法を使ってヤフオクの説明文のスペースに写真を貼り付けてみましょう!

     

     

    Googleドライブの写真を使ってヤフオクに3枚以上の大きな写真を貼り付けてみよう!

     

     

    さて、今度はヤフオクにこの画像を貼り付けてみましょう!

     

    まずはヤフオクの出品画面を開いて下さい。

     

    通常はタイトル・説明文と入力していくだけですが、写真を説明文の中に挿入したい場合は「HMTLタグ入力」を選択して下さい。

     

     

    2016-08-16_20h07_48.jpg

     

     

    次に写真を挿入するHTMLのimgタグを使用します。

     

    記述方法は <img src="画像の保存場所を示す相対パス"> 

     

    ※ここでは画像の代替文字を表す要素のaltや画像のサイズを調整するwidthやheightも記入していますが、この説明はまた今度。 

     

     

    2016-08-16_20h11_47.jpg

     

     

    こうしてHTMLタグ入力で説明文を記入すると、下記の画像のように通常3枚しか表示できないヤフオクの画像に、追加として説明文の中に画像を挿入することができます。

     

    説明文の中に追加で入れられる画像は横幅920pixelのサイズで4枚までと決まっています。

     

     

    2016-08-16_20h13_17.jpg

     

    さらに、画像を縦に5枚繋げるように編集し、一枚の写真として載せることもOK!

     

    2016-08-16_20h54_51.jpg

    2016-08-16_20h55_00.jpg

    2016-08-16_20h55_19.jpg

     

     

     

     

     

    いかがでしたでしょうか?

    この方法を使えば、無料でたくさんの写真を「大きなサイズのまま」ヤフオクの説明文に挿入することが可能です。

     

    ブランド品や車、その他にも写真が沢山あればあるほど落札者側は安心して取引できるようになります。

     

    落札率&落札額UPの為に是非とも試して欲しいと思います。

     

     

     

     


    いいね or シェアして友達と記事を共有しよう



    このブログを定期購読するなら下のボタンをクリック!

    follow us in feedly

    パソコンの基礎からMOS対策講座まで、船橋市のわかりやすいパソコン教室です!
    まずは、無料体験からお気軽にご連絡ください。

    お問合せ(お電話)047-406-5786
    〒273-0864 船橋市北本町1丁目830-1 イオンタウン新船橋店 マックスバリューさん2F 


     

     

     

     

    スポンサーリンク



    calendar

    S M T W T F S
         12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31      
    << December 2017 >>

    教室情報

    ハロー!パソコン教室イオンタウン新船橋校
    ハロー!パソコン教室
    イオンタウン新船橋校
    〒273-0864
    千葉県船橋市北本町1-19-50
    イオンタウン新船橋2F
    お問合せ(お電話)
    047-406-5786

    営業時間などの詳細はこちらをご覧ください
    ハロー!パソコン教室イオンタウン新船橋校無料体験レッスンのお申し込みはこちらから
    417.gif

    リンク

    イオンタウン新船橋校はこんなところ!

    明るく楽しいスタッフ達があなたのやりたいことを徹底的にサポートします!
    P1020171.jpg
    レッスンは集合形式ではなく、個別学習式。パーテーションで区切られた個別空間でご自分のペースでレッスンを受講いただけるのが人気の理由の一つです!

    Twitter

    スポンサーリンク

    selected entries

    categories

    archives

    recent comment

    • 【iPad】月額料金は必要?Wi-FiモデルとCellularモデル、どっちを買ったら良いの?
      石川
    • 【iPad】月額料金は必要?Wi-FiモデルとCellularモデル、どっちを買ったら良いの?
      はるか
    • 【10回ミスったらアウト??】パスコードを忘れてしまったiPhone・iPadの強制初期化方法と再設定について
      iPhone パスコード 解除
    • 【iPhone】無料英語学習アプリの決定版!Duolingoで毎日の空き時間を学習時間に変える
      Eduardo
    • 【iPhone】連絡先が重複して困ったらこのアプリ!その名もCleaner
      iPhone 連絡先 重複
    • 【ガラケー】auのGRATINAからiPhoneへ連絡先を移行する方法。誰でも出来る方法を模索してみたよ!
      まつ
    • iPhone・iPadが再起動を繰り返す「リンゴループ」になってしまった時の対処法まとめ
      iPhone 再起動 ループ
    • 【Excel】計算方法が勝手に手動になってしまった!その原因とは?
      ごとう
    • 【Windows】Outlookの連絡先データをGmailに引き継ぐ方法
      ヨシ
    • 【アイコス】iQOSにこびりついた頑固な汚れを安価で綺麗に落とす方法!

    recommend

    recommend

    recommend

    recommend

    recommend

    recommend

    recommend

    recommend

    recommend

    recommend

    recommend

    links

    profile

    search this site.

    others

    mobile

    qrcode

    powered

    無料ブログ作成サービス JUGEM