• ベストアンサー

画像をクリックしないで、きれいに大きく表示する方法

ブログに画像を貼り付けることができたのですが。クリックしなければ画像が大きくなりません。また、クリックしない状態の画像、ただブログをスクロールしたときに表示される画像ですが。大きく表示することができたのですが。どうやったら、画質を落とさないで、クリックしなくても大きく画像をのせることができるのでしょうか、 クリックをして画像を表示させる方法というのは、ブログに張ってある画像から、別のサーバーというのでしょうか、別の所に保管してある画像データを読み出して表示させていると思うのですが。

質問者が選んだベストアンサー

  • ベストアンサー
  • h_yoshi
  • ベストアンサー率42% (52/122)
回答No.4

質問を閉じていないので 私の意見を書いた方が良いのだろうか?と思いつつ とりあえず アメーバーブログのとあるページ見てみました。 あそこはサムネイル画像ではもとの画像ファイルを _s.jpgにし保存されてる様ですね。 (例: 70121.jpg ⇒ 70121_s.jpg) 話はちょっとずれますが 1・2年前母校のホームページをみたら サムネイルを使わず元の原本ファイル(2・300kバイト)を 2枚小さく貼り付けていたので該当掲示板にクレームを 書き込んだ事あります。 >クリックしてもらってきれいな画像を見てもらうのが、一番いいのでしょうか?  他の人のブログを参考に自分のブログでは  どうしたいか構想を練るしか無いしょ ((((((((((逃  自分で縮小加工した画像と大きな画像を両方なんて  案外手間だよぉ(謎

参考URL:
http://oshiete1.goo.ne.jp/qa1895230.html
komaneti53
質問者

お礼

ありがとうございました。他の人のブログを見て色々と研究していきたいと思います。 画像を加工するのは、手間がかかって大変だと思いましたので、これといって自信がある画像にはてを加えようかと思います。 詳しい。ご回答。ありがとうございました。

その他の回答 (3)

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.3

>やはり、クリックしてもらってきれいな画像を見てもらうのが、一番いいのでしょうか? サムネイルはただの見本です。「こんな感じの画像」程度のものです。そもそもサムネイル表示にする目的は、まず容量の小さい画像を見本として表示する事で、ページに埋め込む画像の容量を落とす為が主なので、このサムネイルが50KBもの容量だったら、サムネイルの意味がありません^^; HTMLの知識があれば、#2さんのやり方で、本来の画像を直接本文内に埋め込めますが、画像ファイルの容量が大きい場合、記事が増えてくると全体表示にかなり時間がかかってしまう結果になりかねません。 後々の事を考えると、サムネイルをクリック→元画像表示の方がベターですね。。。

komaneti53
質問者

お礼

ご指摘の通り、やってみたいと思います。 ご回答。ありがとうございました。

  • h_yoshi
  • ベストアンサー率42% (52/122)
回答No.2

#1さんと似たり寄ったりなコメントですが 私の場合、gooのブログも利用してますが gooの場合アップロード時ファイルを サイズ変更しなければそのまま大きな画像が 貼り付け出来ます。 またブログがhtmlタグ有効なら <img src="画像保存先のURL">にて 画像が貼り付け出来ます <img src="URL" width=任意の数値%>や <img src="URL" width=任意の数値 height=任意の数値> <a href="URL" target="_blank"><img src="URL" width=任意の数値 height=任意の数値></a> とこの場合同じ画像を小さく表示してクリックすると 原寸大の画像が別窓表示されますが 画像データーがメガバイトだと周囲から敬遠されたり嫌われたり 貼り付けるURLが他人のURLだと 盗用された人がURLを変更したり画像を削除した場合 惨めなブログをさらす事もあります

komaneti53
質問者

お礼

ご忠告ありがとうございました。ブログでクリックしない状態の画像、サムネイルというみたいですが。ご指摘の通り拡大表示を試してみました。画像は大きくなるのですが。いまいち画質はきれいではなかったです。やはり、クリックしてもらってきれいな画像を見てもらうのが、一番いいのでしょうか?

  • 345itati
  • ベストアンサー率48% (795/1639)
回答No.1

どこのブログをお使いでしょうか・・・。 たいていブログでは設定によって、いきなり容量の大きい画像を貼付けると、閲覧者の接続形態や回線の混み具合によっては表示に時間がかかってしまうので、小さい画像(サムネイルといいます)をまず表示して、クリックすると大きい元画像を表示するように出来ます。 今はこの状態かと。 質問文からは、画質を落とさず圧縮する方法をお聞きなのか、単にサムネイル化しない元画像をそのまま本文内に埋め込むにはどうするかのどっちをお聞きなのかはっきりしません。 >クリックをして画像を表示させる方法というのは、ブログに張ってある画像から、別のサーバーというのでしょうか、別の所に保管してある画像データを読み出して表示させていると思うのですが。サムネイルから元画像にリンクを貼って表示しています。画像自体は普通同じディレクトリに保存されているでしょうね^^;

komaneti53
質問者

補足

使っているブログはアメーバーブログなのですが。小さい画像(サムネイルは、だいたい12KBぐらいの容量しか使えません。せめて50KBぐらいを、サムネイル画像として使えればいいのですが。なぜ12KBなのかわかったのかというと、ブログ自体を保存したときに一緒に、小さい画像もダウンロードしてあって。プロパティーから容量を見たら12KBなので、 質問は単にサムネイル化しない元画像をそのまま本文内に埋め込むにはどうするか ということをお聞きしたかったで、質問をしました。 詳しいご回答。ありがとうございました。

関連するQ&A

  • 画像をクリックで大きく表示する方法は、

     gooブログを使用してます。  タグを使用し、複数の画像を掲載してるのですが、記事の中の画像は縮小版で画像をクリックした時に、大きく(元画像のサイズ)を表示するようにしたいのですが、どういったタグを打てばいいのでしょうか。  現在は、記事に表示された画像とクリックしたときの画像が同サイズになってしまいます。  よろしくお願い致します。    

  • HTMLのテキストをクリックすると画像が表示されるCGI

    HTMLで作成した文章をクリックすると、 別ウインドウで表示されるようにしたいのですが、 何かいいcgiはありますでしょうか? 多少の改造ならできると思います。 java scriptでツールバーもスクロールバーも消せる方法はあるのですが、 データー量が多いため、全部作るのは大変なので・・・ 例) ABCDEF GHIJKL MNOPQR という文字をクリックすると、 別ウインドウでそれぞれの名前の画像が表示される。 そのウインドウサイズは、画像より一回り大きいぐらいで固定。 それぞれ、ABCDEF.jpg GHIJKL.jpg MNOPQR.jpg 画像のサイズは、縦、横とも同じサイズ。 何かいい方法、またはプログラムはありますでしょうか?

    • ベストアンサー
    • CGI
  • 写真画像をクリックすると、画像が拡大表示になる設定方法

    ある雑誌で、「ブログに写真画像を掲載するときは、 320X240ピクセルで十分で、 そして、写真画像をクリックすると拡大表示にするように設定すれば良い」と書かれていました。 そこで、写真画像をクリックすると拡大表示になる設定方法を教えて下さい。拡大表示はブラウザでは別ウインドウになるかと思います。 画像に何か仕掛けをするソフトがあるのでしょうか? それとも、もともとブログの写真をアップロードする際に、設定機能があるのでしょうか? よく使うブログはgooです。 あと、mixiでは「写真は必ず500KB以下の静止のJPEGにしてください。」というルールがあり、圧縮する必要があります。mixiには、拡大設定機能がないようですが。mixiで拡大表示設定をするとなると、画像に何か拡大表示できる設定の仕掛けをするソフトが必要になると思いますが、そのようなソフトはあるのでしょうか?

  • [アメブロ]クリックできない画像の貼り付け方・・・教えて。

    通常、アメブロの画像はクリックすると、別ウィンドウで画像のみ表示されるのですが、 他の方のアメブロを見ていると、たまーにクリックできない画像があります。(説明がわかり難いのですが、つまり、クリックしても別ウインドウが開かない) 因みに、画像の上で右クリックして「名前を付けて画像を保存」等はできます。 *芸能人ブログではなく、一般の方のブログで見かけます どうやったら、こういう貼り付け方ができるのでしょう・・???

  • accessでクリックしたら画像を表示させたい

    本などのデータベースを作っているのですが、表紙の画像データを表示したい場合、簡単で良い方法はないでしょうか? 具体的には、テーブルに画像用のフィールドを設けて、そこをクリックすると画像が表示されるようにしたいのです。 フォームで表示させるのでは無く、レコードの一覧が見れるテーブルやクエリで利用したいです。 VBAはよくわからないので使えません。 こうやったら簡単に出来るのではと、自分でいろいろ試してみたのですが、出来ない部分があります。 試した内容を記しますのでアドバイスを頂けたら幸いです。 もちろん、その他の簡単な方法があればその方法を教えてくださっても結構です。 今まではOLEオブジェクト型を使用して画像ファイルからドラック&ドロップで埋め込んでいたのですが、レコードが増えてファイルサイズが大きくなってしまいました。 ですので、今回リンクを使って画像を表示させたいと思い、2種類の方法を試しました。 1つ目はOLEオブジェクトのフィールドを設けてオブジェクトをリンクで入れてみました。画像は表示されるのですが、パソコンの買い替えなど、他のパソコンにDBファイルをコピーするとリンク先が変わるので表示できません。リンク先を簡単に変更することは可能でしょうか? 2つめは、ハイパーリンクのフィールドを設けて行ったのですが、クリックすると画像がIEで表示されます。フォトギャラリーなど、別のソフトで開けないでしょうか?さらに、こちらもリンク先の変更が簡単に出来ません。良い方法はありますか? つたない説明で申し訳ありませんがよろしくお願いいたします。

  • サムネイルをクリックすると画像を大きく表示したいのですが

    サムネイルをクリックすると、別ウィンドウで開くのではなく、バックがグレーになり選択した画像が大きく表示されるようにしたいのです。 http://tamashii.jp-network.co.jp/item/item.php?eid=01004&pref=500 上記の様に表示したいのですが、現状はCLOSE×の表示のみですが、これに画像が大きく表示された状態で次の画像へジャンプしたり、前の画像に戻ったりするようにすることはできるのでしょうか? JAVAスクリプトでできるのかもわからないほどの初心者で申し訳ありませんが、何卒宜しくお願いします。

  • 画像の一部分をスクロールして表示する方法

    画像の一部分をスクロールして表示する方法 初めて質問させていただきます。 一枚の画像の一部分を表示させ、画像をスクロールさせる→次の画像へ移る という見せ方をしたいと思っています。 参考サイト:http://www.kmad.jp/index.html ここのトップページのような形が出来たらと思っています。 HTMLとCSSには少し慣れてきたのですが、JavaScriptは初心者で全く分からない状態です。 もしJavaScript以外の方法でいいやり方があれば、そちらも教えていただけるとありがたいです。 すみませんが、詳しい方、宜しくお願いします。

  • gooブログでクリックして画像を大きくする方法

    gooブログを利用しています。 普段、複数画像を載せるときは下記のタグを使用しています。 <img src="画像のショートカットのURL"> 現在の設定は トップページの画像表示タイプ は「オリジナル版」 アップロードは画像:goo ブログ標準(320*240まで) トップの画像、imgタグでそれぞれクリックしたら 元の大きさで表示(別窓で)するには どのようにすればよいでしょうか? また、可能でしょうか? よろしくお願い致します。

  • ボタンクリックでボタン画像を変えて、更に横に画像を

    最近ブログを始めて、html、cssを勉強しているのですが、分からないことがあるので質問させて頂きます。 私が作りたいのはボタン画像を縦にいくつか並べて、クリックするとその横に画像が表示され、ボタンも押した状態(画像が変わっている)になっているというものです。 また、cssとhtmlでないのでしたらサイトへのアップや記載方法なども教えていただきたいです。 もしお分かりの方がいましたら、よろしくお願いします。

    • ベストアンサー
    • CSS
  • サムネイル画像をクリックすると拡大画像を表示させる方法

    今はまずサーバに同一画像の小さい写真(サムネイル用)と大きい写真の両方をアップロードして、 小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を2枚アップロードしなくてはいけず、面倒です。 1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか?

    • ベストアンサー
    • HTML