ヤフオクで大きくてきれいな画像を表示させる方法

こんにちは!

先日コメントに、ヤフオクに出品している画像が綺麗だとお褒めいただきました。ありがとうございます!

その際にきれいな画像の表示方法をご質問いただきましたので、

今回はヤフオクで大きくてきれいな画像を表示させる方法をご紹介したいと思います!

ちなみに、その時アップした画像はこちら!

DSC_0075

まず、手順としては次のとおりです。

1、一眼レフなどのカメラで綺麗に撮影する。
2、無料サーバを契約する
3、サーバに画像をアップする。
4、画像を読み込む(要HTML)

簡単なようで少しむずかしいかもしれませんが、慣れれば簡単になります。

ではまず1から。

1、一眼レフなどのカメラで綺麗に撮影する。

特にどうこう言うのはありません。綺麗に商品を撮影していただければ結構です。

グラデーションペーパー(背景)や照明などを使えばもっと綺麗に撮影できるでしょうね。

IMG_0987

ちなみに、グラデーションペーパーを使って撮影した内容を下記のページに書いています。

⇒HGUCクシャトリヤをグラデーションペーパーを使って撮影してみました

一眼レフカメラでもいいですし、普通のコンパクトデジカメでもスマホでもいいと思います。

ただ、そのままの画像データだと容量が大きいので、フォトショップや無料の画像加工ツール(ペイントなど)で画像サイズを横幅800pxくらいにして保存しておくといいかもです。

ペイント(Windows標準ソフト)で画像サイズを変更する方法はこちら!

⇒ペイントを使用して画像のサイズを変更する

では次にいきましょう。

 

2、無料サーバを契約する

無料サーバはホームページのデータや画像などのデータを保管してくれるものです。

ただで容量スペースを貸してくれるのでありがたいですね。

そんな無料サーバもたくさん種類(レンタルサーバ会社)があります。

例えば、
FC2WEB(FC2ホームページ)
忍者ホームページ
Yahoo!ジオシティーズ

などです。

FC2WEB(FC2ホームページ)や忍者ホームページはYahoo!ジオシティーズよりも容量が大きいので、画像をそこそこサーバにアップできます。

大量に商品を出品する人は、サーバ容量が大きいほうがいいでしょうね。

自分はそれほど多く出品しないので、Yahoo!ジオシティーズにしました。

なので、ここではYahoo!ジオシティーズのサーバ契約をご紹介します。

契約と言っても簡単な作業です。

ヤフオクに商品を出品している方は、おそらくYahoo!IDをお持ちのことと思います。

なので、まずYahoo!ジオシティーズのサイトにアクセスします。

⇒Yahoo!ジオシティーズはこちら!

アクセスしたら、『Yahoo! JAPAN IDでログイン』をクリックします。

g1

Yahoo! JAPAN IDとパスワードを入力して『ログイン』をクリックします。

g2

下の画面が表示されます。

g3

ニュースレターが届いてほしくない人は、緑色の『受け取る』チェックを外しましょう。

wwwや〇〇(自分のID)の部分は特に変えなくても大丈夫たと思います。

『無料ホームページを開設する』をクリックすると、サーバ契約完了です。以下のページが表示されます。

g4

上のリンクをクリックするとご自身のホームページが表示されます。

ブックマークしておいて、いつでも見られるようにしておきましょう。

ちなみに、ご自身のホームページをデザインなど変更したい方は、『ジオクリエーター』というものがあるので参考にしてはいかがでしょうか。

⇒ジオクリエーターについてはこちら!

『Yahoo!ジオシティーズトップ』をクリックすると、ファイルマネージャー画面に移ります。

g5

このファイルマネージャーにフォルダを作ったり、ヤフオクで掲載する画像をアップしたりします。

使い方はそんなに難しく無いと思います。

することはフォルダを追加、削除したり、画像をアップ、削除などするだけですかね~。

ファイルマネージャーのページも忘れずブックマークしておきましょう。

無料サーバYahoo!ジオシティーズの契約は以上です。

 

ちょっと長いのでコーヒーブレイク( ̄ー ̄)C□^^^

 

3、サーバに画像をアップする。

では簡単に、画像のアップ方法をご紹介します。

まずファイルマネージャーの『home』をクリックします。

f1

アイコンが並んでいる中の、『新規フォルダ』をクリックします。

f2

フォルダができるので、名前を『images』など任意の名前にします。(日本語や全角はおそらくだめです。半角英字が一番無難かな?)

※すでにimagesフォルダがありますが、上記クシャトリヤの画像が入っています。はじめはindex.htmlファイルしかありません。

index.htmlファイルは先ほどアクセスしたご自身のホームページのトップページのデータです。

次に、『home』の左にある▼をクリックすると、『home』の下に先ほど作った『images』(任意のファイル名)フォルダが表示されるのでクリックします。

f4

この『images』(任意のファイル名)のフォルダに画像をアップします。

※複数商品がある場合は、『images』の中にさらにフォルダを作っておくと、わかりやすいです。

画像のアップは、アイコンが並んでいる中の、『ファイルアップロード』をクリックします。

f5

ファイルアップロードボックスが表示されるので、ここにアップしたい画像をドロップします。

f6

画像が追加されました。

f7

※『images』フォルダ内の『kushatoriya』フォルダはもともとはありません。

これでサーバに画像をアップが完了しました。

4、画像を読み込む(要HTML)

先ほどサーバにアップした画像を読み込むには、簡単なhtmlの言語が必要になります。

その言語は下記のとおりです。

——————————–

<img src="画像のURL" width="○○" /> 

——————————–

これが画像を表示させるhtml言語になります。

『画像のURL』の部分にファイルマネージャーの画像URLを記述します。

先ほどアップした『test.jpg』のURLは、

——————————–

http://www.geocities.jp/ご自身のID/images/test.jpg

——————————–

つまり、サーバ契約時に表示させたご自身のホームページのURLの後ろに『任意のフォルダ名/画像ファイル名』となります。

width="○○"

の『○○』の部分は、画像の横幅をピクセル単位で入力します。

大きい画像を表示させたい場合は『width=”800″』くらいにするといいと思います。

ですから、先ほどアップした『test.jpg』の画像を表示させたい場合は、

——————————–

<img src="http://www.geocities.jp/ご自身のID/images/test.jpg" width="800" /> 

——————————–

というhtml文字(ソースといいます)になります。

これをヤフオクの説明部分に『HTMLタグ入力』に入力します。

※『ご自身のID』部分にはご自身のIDを入力してください。

y1

これで、画像が表示されると思います。

※もし画像が表示されない場合は、URLが間違っているか、画像を表示させるソースに全角の空白が入っているかといったことが考えられます。

改行したい場合は

——————————–

<br /> 

——————————–

を入れれば改行されます。

ちなみに、ヤフオクのhtmlタグ入力では、画像は7個まで表示させることができます。

7個以上画像を表示させたい場合は、ペイントなどで、複数の画像を合わせて1つの画像にしてからサーバにアップするとよいでしょう。

以上です!

かなり長くなってしまいましたが、できるだけわかりやすくご紹介したつもりです。

ぜひ、参考にしてみてくださいね(*^▽^*)

ではでは~


『ガンダムブログはじめました』を投げ銭で応援する

いつも『ガンダムブログはじめました』をご覧いただきありがとうございます。「この記事に満足した」「寄付してあげてもいいよ」という場合は、投げ銭していただけるとありがたいですm(_ _)m 投げ銭はAmazonギフト券で行っています。金額は15円から自由に設定が可能。ギフト送信時、『受取人』に入力していただくメールアドレスは「[email protected]」です。※投げ銭額は「金額を入力」欄に(15円から)書き込んでください。

投げ銭いただきました!

積みプラは罪 管理人様、いつも記事を楽しく読ませて頂いております!レビューを見て満足してしまい自身の積みが消化出来ません笑 オデッセイの制作をされるどの事でしたが、実車用のタッチアップペンで塗装などされて見ては如何でしょうか?これからもガンプラレビューや制作など楽しみながら見させて頂きますので、管理人様も楽しみながら制作&記事更新をお願い致します!

長太郎様 ガンダムブログ、とても参考にさせていただいております!MGEX ユニコーン、自分も楽しんで製作しようと思います(^^♪

おっさn様 いつも参考にさせていただいております

tak様 たくさんの画像ありがとうございます。ターンA,ターンXのブログともによかったです。

匿名希望様 見やすい写真レイアウトと、公平で無駄のない文章で購入の参考にとても役立っております。 微額ですがサイト運営のためにお納め頂ければ幸いです。 ご多忙と存じますが、コトブキヤ商品や30MMなどもレビューしていただければ更に助かります。

長谷川 亮様 いつもサイトを楽しく読ませていただいております。これからも頑張ってください。

y nose様 分かりやすい記事をいつもありがとうございます。製作、購入時の参考にさせて頂いております。

菊地 俊介様 素晴らしい仕上がりに敬服しております。

ありがとうございます! いただいた投げ銭はレビュー用キットの購入資金として大切に使わせていただきますm(_ _)m

13 件のコメントがあります。

  1. けいたろ

    on 2015年1月9日 at 19:41 - 返信

    1. 無題
    早速有り難うございます。いやいや勉強になりました!
    …ですが、パソコンを持ってない自分には敷居が高すぎです・・・(;´Д`)
    でも、スマホでの出品作業はなかなか大変なんで、早くパソコン買います!
    頑張りやす(*^^*)
    ちなみに、すごく分かりやすかったです(*^^*)
    http://ameblo.jp/slashbackkeikin/

  2. nori

    on 2015年1月9日 at 22:50 - 返信

    2. Re:無題
    >けいたろさん
    コメントありがとうございます!
    そうなんですね・・
    いえいえ、こちらこそ、貴重なMk-Ⅱのキットを見れて良かったですm(_ _ )m
    記事が少しでも参考になれば嬉しいです
    (‐^▽^‐)
    http://ameblo.jp/gundams-blog/

  3. けいたろ

    on 2015年1月10日 at 00:01 - 返信

    3. Re:Re:無題
    >noriさん
    クシャ残念ながら入札ありませんでしたね(;_・)
    でも素晴らしい完成品なんで(写真がとにかく綺麗ですので)、きっと入札ありますよ!
    くれぐれも値段を下げて再出品しないことです!
    頑張ってくださいね♪
    http://ameblo.jp/slashbackkeikin/

  4. 改造おもちゃパーク園長

    on 2015年1月10日 at 09:33 - 返信

    4. ども!
    自分はYAHOOboxで画像管理していますが、
    画像の大きさ、縦横のピクセル数はどの大きさにしているか教えてください!
    HTMLで書いていますが、写真が小さくなってしまいます…
    ホームページビルダーで書いて、HTMLを張り付けていますが
    画像が小さくなってしまいます…
    http://ameblo.jp/kaizou-omocha-park/

  5. nori

    on 2015年1月10日 at 16:57 - 返信

    6. Re:Re:Re:無題
    >けいたろさん

    コメントありがとうございます!アドバイスありがとうございますm(_ _ )m今回の出品で学んだこともたくさんあったので、出してみてよかったと思いますo(^-^)oレベルの高い完成品を目指してがんばります(o^-')b
    http://ameblo.jp/gundams-blog/

  6. nori

    on 2015年1月10日 at 17:06 - 返信

    7. Re:ども!
    >改造おもちゃパーク園長さん

    コメントありがとうございます!
    出品されている画像を見ていないのでなんとも言えませんが、自分は<img src=…のwidth="800" くらいにして、height="auto"またはheight は、なし(削除)しています。縦横比が変わってくるので。参考になればと思いますm(_ _ )m
    http://ameblo.jp/gundams-blog/

  7. nori

    on 2015年1月10日 at 17:27 - 返信

    8. Re:ども!
    >改造おもちゃパーク園長さん

    すいません・・・自分が出品している画像サイズは1000pxでした。なので、<img src…のサイズはwidth="1000"ですね。
    http://ameblo.jp/gundams-blog/

  8. sinRe:make factry

    on 2016年10月11日 at 20:45 - 返信

    毎回、ヤフオクでガンプラ出品をフォトアップでしてますが、やはり画質に問題ありで完成度の高いものを作ってもアピールができなくて思った以下の金額となってしまいショックの連続でした。今回、ノリさまのブログで色々と学び、試してみようと思います。

    • nori

      on 2016年10月11日 at 20:47 - 返信

      コメントありがとうございます!
      素晴らしい作品をお作りですね。その技術力、羨ましい限りです(〃∇〃)自分も作品を参考にさせていたきたく、読者登録させていただきました。どうぞよろしくお願いしますm(_ _)mこちらのサイトも参考になれば幸いです。

  9. fu

    on 2017年4月13日 at 13:02 - 返信

    ジオティーズを使って、ヤフオクへ画像を追加したいと考え、いろいろ検索しているうちにここへたどり着きました。
    調べているとジオティーズのガイドラインに禁止事項として「ファイルの保管のみを目的として利用すること。」と記載があります。さらに「お客様のYahoo! JAPAN ID、パスワード、アカウントを削除し、サービスの全部または一部の提供を停止または中止し、サービスの利用を禁止し、お客様が投稿などまたは保存したサービス内のコンテンツを削除する場合があります」とあります。
    こちらの記事をお書きになってから数年経っていますが、実際にこのようなペナルティーは受けておりませんでしょうか?
    大丈夫なのであれば私もこの方法で画像を追加してみたいと考えています。

    • nori

      on 2017年4月13日 at 13:10 - 返信

      コメントありがとうございます!
      自分の場合はジオシティーズのホームページがありますし(何も表示させてないですけど^^;)、ヤフオクなどのヤフーサービスを利用させてもらっているのでおそらく大丈夫なんじゃないかと思います。
      IDを持っているのにヤフーのサービスを使わず、画像の保管のみに使うともしかするとダメかもしれないですね。
      現在利用から2年以上経ちますが、とくにアカウントの停止や警告も全く無いのでおそらく今後も大丈夫では無いかと思います。
      絶対とは言えませんが、参考になれば幸いですm(_ _)m

  10. fu

    on 2017年4月14日 at 03:13 - 返信

    ご返信ありがとうございます。
    なるほど確かに、ヤフオク出品が可能であるということはYahooのプレミアム会員ですからね。
    早速、わたしもこちらの方法で画像を追加してみたいと思います。ご丁寧にお教えくださりありがとうございました。とても参考になりました。

    • nori

      on 2017年4月14日 at 03:14 - 返信

      コメントありがとうございます!
      こちらこそ参考になるご質問やサイト訪問ありがとうございますm(_ _)m
      今後共よろしくお願いします(*^^*)

コメントを残す