• ベストアンサー

画像サイズをHTMLタグやCSSで統一したい

画像が何枚かあるのですが、サイズがばらばらで、ホームページに載せるとかっこ悪いです。 そこで、全ての画像のサイズを、高さのみで統一するなどできないものでしょうか? 何か、タグやCSSの良い方法がありましたら教えてください。 また、画像は不定期に増える可能性が高いので、加工はしない方で宜しくお願い致します。

  • HTML
  • 回答数3
  • ありがとう数1

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

  • ベストアンサー
回答No.3

<style type="text/css"><!-- img{height:10em;} --> </style> 上記で、本当に全ての画像の高さが指定されます・・・。 後は、希望箇所を class を用いるなり他の要素で囲んでそれで修飾するなり・・・。 ただし、CSS が無効だと無意味・・・。 というか、 >また、いつ、アップされるのかも予想できません。 という事は表示は CGI では??? ならば HTML を吐き出す方で IMG タグに height 属性を付加すれば良いだけというか・・・。 そもそも閲覧者が見る物をどの様に作成するのでせう・・・。 対象は?(想定している環境は?) リサイズの問題以前に、どの様にページを作成,更新するつもりでしょうか??? これによってポイントが大きく違ってきます。 携帯まで意識した手作業更新ならば、やはり画像の加工がよく、いかに容易に加工できるかツールを探す方が良くなります・・・。 一部環境は無視の自動更新ならば、その自動更新の仕掛けの改造となりますし・・・。

その他の回答 (2)

  • TokaToka
  • ベストアンサー率52% (9/17)
回答No.2

こんな感じで、フリーソフトが沢山ありますよ! http://www.vector.co.jp/soft/win95/art/se153674.html?y ここで検索してみると良いかも! http://computers.yahoo.co.jp/download/vector/win.html

参考URL:
http://www.vector.co.jp/soft/win95/art/se153674.html?y
mai_540903
質問者

補足

回答いただきありがとうございます。 #1と同様なのですが、タグによるリサイズをしたいと思っております。 技術的に難しいでしょうかね?

  • raynya
  • ベストアンサー率36% (105/290)
回答No.1

画像の大きさをタグなどで変更すると画質が落ちる可能性が高いです。 またファイルサイズの大きな画像をタグで小さくして表示させるというのも見る側にあまり親切とは言えません(ブロードバンドが一般化した今ではあまり気にならないことかもしれませんが) 素直にグラフィックソフトで加工したほうが早いです。 不定期に変えるので加工が大変ってことであれば、一括で加工が出来るソフトを使えばいいと思います。

mai_540903
質問者

お礼

回答いただきありがとうございます! 将来的には(今は、身内だけ)、様々な人、様々な携帯、PCからアップしてもらうため、サイズが一定ではありません。 また、いつ、アップされるのかも予想できません。 突然、巨大なものがアップされるとページのレイアウトが大幅に壊れてしまいます。 そのため、とりあえず、見かけだけでも、サイズを固定化したいわけです。 そうして、クリックした後に原寸サイズの表示という具合です。 何とか、タグでサイズを変えられないでしょうかね?

関連するQ&A

  • cssで、imgタグに、背景画像を敷きたい

    cssで、imgタグに、背景画像(影)を敷く方法を教えてください。 ※divタグに敷く方法は分かるのですが、imgタグに敷く方法が分かりません。 ■現状 <HTML> <div id="hoge"> <img src~ <CSS> #hoge img { background-image:url(/images/background_shodow.jpg); background-repeat: none; background:position: ? width:? height:? margin:? padding:?; <影の大きさ> ・width400px ・height200px <写真のサイズ指定> ・width390px ・height190px ※これまでは、 写真のサイズが違うので、 css部分の#hoge img で、 画像の大きさを強制指定してました。 出来れば、 画像の大きさは、html側で指定せずに、 css側で調整したいです。 ムリなら、html側で大きさ指定します。 div枠にcss設定できれば早いかと思いますが、 それが出来ないため(img タグにしかcss指定不可)の相談です。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • cssでできる事はhtmlのタグを使わずcssでや

    cssでできる事はhtmlのタグを使わず cssでやったほうがいいのでしょうか? 例えば色を変えたりサイズを大きくしたりなどです。

    • ベストアンサー
    • HTML
  • バラバラのサイズの画像のサイズ統一、白色で埋める

    VIXでいろいろなサイズ、縦横比率の画像を横サイズ指定でリサイズすれば横サイズは統一できますが、縦横比率に従って縦サイズはバラバラになります。 そこで、全ての画像を縦横一定のサイズに統一したい。左上を基点にしてもいいし、中心を基点にしてもいいが、余白部分は白色を埋め込む。 以上のようなことができるフリーソフトってありませんか。

  • 待ち受け画像のサイズについて

    僕はグラフィックデザイナーを志している者です。 待ち受け画像を自由にダウンロードできるホームページを製作したいと思っているのですが、製作する待ち受け画像のサイズをひとつに統一したいと思っています。 そこでお聞きしたいのですが、その待ち受け画像のサイズをひとつに統一するとすれば、どのようなサイズにすればいいでしょうか? また、やはりサイズはひとつに統一しない方がいいでしょうか? ご意見お願いします。

  • CSS 同じページに違う画像を同時に表示させるタグ

    メモ帳を使ってホームページを作成しているのですが、行き詰ったのでお力お貸しください。 現在はこのような(下に表示)タグを使って、背景の画像1を表示させています。 <style type="text/css"> body{ font-size: 12pt; line-height: 200%; margin-left: 0px; padding-left: 0px; background-image: url(画像1); background-position: right top; background-repeat: no-repeat; background-attachment: fixed; } </style> 今回は、画像1(位置:右上)と同じページに画像2(位置:左下)を表示させたいのです。 画像1のみはきちんと右上に表示されるのですが、画像2も一緒に表示させる方法がわかりません。 様々なサイト様を巡らせて頂きましたが載っておりませんでした。 CSSでは二つの画像を同時に載せることが出来ないのでしょうか。 <IMG src="画像の名前">などで表示させることは可能だと思うのですが、このタグだと(私自身が初心者のため)上に書いたCSSに組み込まれた条件を書き直せる自信がありません。 ホームページ作成に関しては全くの初心者です。 上のCSSも、あるサイト様に書かれてあったのを利用させて頂いております(汗) 素人の質問で申し訳ありませんが、教えて頂けると助かります。 宜しくお願いします。 【あるページ】↓ 要するにこんな感じです。 「 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ 画像1 │                │ │  ~文字とか~     │ │                │ 画像2________」

    • ベストアンサー
    • HTML
  • HTMLタグ

    ホームページの画像を挿入した際に、 ローカルで表示する画像と、アップロ ードした時の画像の鮮明差が異なりま す。 HTMLタグで画像のサイズ固定を記 述すればアップロードした際も鮮明に 表示されると聞きました。 何タグを使えばよいのでしょうか? 現在は、imgタグでwidthとheightは記 述してあります。 これ以外のタグは何タグを使うのでし ょうか? 教えてください。

  • CSSでブラウザ毎のフォントサイズを統一するには

    IEとFireFoxなど、ブラウザによりフォントの初期サイズが違います。 IEのMideumがFireFoxではSmallに該当するようです。 pxなどの絶対サイズを利用せず、相対サイズで初期サイズをMidiumに統一対応したいと考えています。 何か良いcssハック方法はありませんでしょうか。

    • ベストアンサー
    • HTML
  • CSSとタグの関係

    おはようございます。宜しくお願い致します。 HTMLに外部スタイルシート(CSS)を組み込み、更にHTML内にタグでスタイルシートと同じ内容のものを書き込んだ場合、そのタグを消さないとCSSは反映されませんよね? 例えば、CSSでフォントサイズを指定したとして(tdにidで指定するとします)、HTML内にフォントサイズのタグを書き込んだ場合、どちらを優先されますか? 例:CSSで、 td#word {font-size: 10pt;} と指定します。それに併せて、HTML内に、 <td id="word" colspan="1"><font size="-1">表示したい文字</font></td> とした場合、指定するものに一番近い指定(<font size="-1">)を優先される…と覚えていたのですが。そして、この場合CSSは効かないと…。 しかし、両方効くはずと言われたことがあるのです。 それと、外部スタイルシートを「外してみているユーザーが居る」と言われた事が有ります。 勉強不足で申し訳有りません。外部スタイルシートの外し方って、どうやるのでしょう? 宜しくお願い致します。

    • ベストアンサー
    • CSS
  • HTMLタグがわかりません。

    ホームページを初めて作成します。 そこで、画像を貼り付けて その画像をクリックすると 例えば 画像が押されたように 画像の外枠に 点々線がつくように するには 何のHTMLタグを 使用すればよいのでしょうか? もしくは、例えばTOP画面 全ての画像を そのような 点々線を表示させたい時に 全体に指示できる HTMLタグなどありますでしょうか?

  • タグ画像って???

    ホームページで「タグ画像が貼れます」とあるのですが、 「タグ画像」ってどういうものなのでしょうか? ご回答宜しく御願い致します。

専門家に質問してみよう