- ベストアンサー
画像をきれいに縮小する方法
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
Perlで画像処理を行ないたいならImage::Magickしかないのではないでしょうか？ レンタルサーバだと敷居が高そうですけど。
その他の回答 (1)
- panick
- ベストアンサー率40% (26/64)
プラウザの縮小表示では、ライン主体のイラスト系の画像においてつぶれてしまうことが多いと思います。 残念ながら、ウエブ上でオリジナルを縮小表示させる方法は分かりませんが、縮小画像を別に作成してＨＰに使う方が簡単で結果も良いと思います。
お礼
ありがとうございます。 NO.1の方の回答で、縮小して画像ファイルを作成することができたので、それを表示させることで解決しました。
関連するQ&A
- テーブル（HTML）と画像のレイアウトについて
WEB画面のレイアウトについて質問があります。 HTMLのtableタグを使ってその中のtdタグにimgタグで画像をセットすると 高さ（height）に微妙な間ができてしまいます。 この現象を回避するにはどうすればよいでしょうか？ ↓HTMLソース <table> <tr> <td><img src="GIF画像" alt="XXX" width="755" height="26"></td> </tr> </tabld> ※heightが指定値より若干高くなる どなたか良い回避策をご存知でしたらご教示下さい。 お願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- IMGタグごとにCSSを設定する方法
自分でGoogleやYahoo検索をしても見つけられなかったので、どなたかお教えください。 現在、HTML内に以下のようにIMGタグで画像添付しています。 -------- <img src="***" width="160" height="140" /><br /> <img src="***" width="32" height="30" /> <img src="***" width="32" height="30" /> <img src="***" width="32" height="30" /> -------- 最初に大きな画像を表示し、その下に並列するかたちで小さいサムネイルを並べています。 普段はCSSでレイアウトをして、画像それぞれにstyle属性やclass、ID属性などを付けています。それが、今回は上述のHTMLを外部サイトのPHPから出力しているもので、一切触れない（編集できない）状態にあります。 このような状態の場合でも、画像それぞれにCSSを設定することは可能なのでしょうか？最低限の希望は、大きい画像（160px*140px）をひとかたまり、サムネイル画像（32px*30px）をひとかたまりとして、それぞれのかたまりにCSSを設定できれば良いと思っています。 可能であればHTML＋JavaScript＋CSSで実現できる方法を希望します。 どなたかお教えください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- サムネイル画像を綺麗に表示したい。
ネットショップページを作成しています。 サーバーに保存された商品画像をウェブページ上で綺麗にサムネイル表示（縮小表示）をさせたいのですが、 <img src="画像名" width="横" height="縦"> とHTMLタグで縮小表示させると画像が荒くなってしまい困っています。 画像数が多く、小さいサイズの画像を保存しなおして、 サーバーにアップして表示するのは避けたいと考えています。 （サーバーの容量も小さく。。。） どうしたら良いか教えていただけますか？
- 締切済み
- その他（インターネット・Webサービス）
- 画像縮小プログラムが、最初に読み込んだ時（再読み込みしない場合）動きません。
今javascriptを使って、縦横比を固定したまま画像を縮小するプログラムを作っています。 ソースコードは function keep_max() { for (i in document.images) { if (document.images[i].className == 'small_sale_thumb') { max_width = 100 ; max_height = 110 ; }else { continue; } if ( document.images[i].height > max_height) { now_width = document.images[i].width; now_height = document.images[i].height; factor = max_height/now_height; document.images[i].height = max_height ; document.images[i].width = now_width * factor; } } } それで、このようにして画像を表示しようとします。 <img width="100" class="small_sale_thumb" src="http://hogehoge.co.jp/bc11/u3785993.jpg" /> <script type='text/javascript'> keep_max(); </script> このようにして、他のドメインのサイト（楽天など）の画像を読み込み、 縮小して表示しようとしているのですが、最初に読み込んだ場合、このプログラムが作動しません。 しかも何故か、二回目に読み込んだ場合（同じページを再読み込みした場合等）作動します。 これはいったいどういうことでしょうか？ ちなみに今妥協策として、bodyのonloadタグにもこれを仕込んでいますが、この場合、画像表示から縮小までにタイムラグがあります。 このプログラムを上手く動かす方法or他のクライアントサイドでの縮小の仕方はありませんでしょうか？？ ちなみに縮小したい画像の件数が多いので、負荷対策のためGD等のサーバーサイドでの縮小は考えないようにしています。
- ベストアンサー
- JavaScript
- AS3で画像の縮小ができません。
AS3で画像の縮小ができません。 お世話になります。Flash初心者です。アクションスクリプト（Ver.3）を使って、外部のXMLデータを読み込み、そこに記載されている画像のURLから画像を表示しようとしています。 XMLの読み込み、画像の配置までは出来たのですが、この画像の幅を小さくしようとしても、なぜか上手くいきません。 具体的には下記のコードのように「.width」や「.height」をつけると、コンパイルエラーもなく、ただ画像が表示されなくなります。（widthやheightをなくすと、画像は表示されます） var img1:Loader = new Loader(); var imgURL1:URLRequest = new URLRequest(myXML.style[0].image); //イメージのロード開始 img1.load(imgURL1); //座標を指定 img1.x = 100; img1.y = 100; //画像の幅、高さの指定 img1.width = 240; img1.width = 360; //配置 addChild(img1); 書き方や、考え方としておかしな部分がありますでしょうか？ どなたかご存じの方がいらっしゃいましたら、参考になるURLや、ヒントだけでもかまいません。お知恵をお貸しください。よろしくお願いします。
- ベストアンサー
- Flash
- ALT属性に見出しタグをつけると画像がズレます。
見出しタグをHTMLで製作後、画像とALT属性に採用すると 画像がずれてしまいます。 <img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> を <h2><img src="images/img6.jpg" alt="●●●●●●●●●●●●" width="745" height="511"> </h2> 以下のコーディングにすると画像がずれます。 HTMLバージョンは、DTD HTML 4.01 Transitional となります。 CSSなどで画像の位置固定をするのではなく、そのままHTML内で完結したいと考えています。 どのように変えれば良いでしょうか また、alignタグなどは、HTML4.01非推奨で使えません。 バグで探したのですが見付かりませんでした。 よろしくお願いします。
- ベストアンサー
- HTML
- 変数名で付けた画像の表示方法
初心者ですよろしくお願いします 画像をforで回し表示いたいのですが以下3方法試しましたがいずれもうまく表示されません Perlは文字列と数値が私にとってあいまいなので----と言うかそれ以前の問題ですね HTMLに変数名を入れても無理ですね今気がつきました cgiで画像を表示するのはどうしたらよろしいでしょうか？ご指導お願いします $kaku =".gif"; @bb = ( "0.gif","1.gif","2.gif","3.gif","4.gif"); for($i=0; $i<=$#file; $i++){ $jj=$i.$kaku; $jjj=length($jj); #レングス5になってました print "<img src=\"$jj\" width=\"55\" height=\"35\">\n"; print "<img src=\"$bb[$i]\" width=\"55\" height=\"35\">\n"; print <<EOM; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <img src= "$jj" width="55" height="35"> EOM }
- 締切済み
- Perl
- インターネット上の画像を縮小して載せる方法は？
いつもお世話になっています。 インターネット上に画面の大きさくらいのgifファイルがあります。 それをwidth="??" height="??"で縮小して、自分のHPに載せようとしています。 # 著作権の問題は大丈夫です。 ただ、縮小するとかなり見た目がボロボロになります。 そこで、何か良い方法は無いでしょうか？ このファイルをコピーしてこないで実現したいと思っています。 みなさん、よろしくお願いします。
- 締切済み
- レンタルサーバ・ASP
- jQueryで画像にリンクを張りたい
HTMLページに <img src="1.jpg" width="50" height="50" id="tes"> というタグがあるのですが、 ページが読み込まれたときに、 そのタグにaタグをつけて <a href="hoge.html" target="_blank"><img src="1.jpg" width="50" height="50" id="tes"></a> とリンクを張りたいのですが以下のような スクリプトを書いてみたのですが、 できません。 <script type="text/javascript"> $(function(){ $('<img />').append($('<a />',{ href:"hoge.html", target:"_blank" }) ) }); </script> jQueryがよくわかっていないのでめちゃくちゃなのだと思いますが、 そもそもこのように画像にaタグをつけることは可能なのでしょうか。 jQueryのバージョンは1.2.6を使っていますが、 新しいバージョンでも構いません。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
ありがとうございます！ 私の借りているレンタルサーバーでできました。 ベストな回答に感謝です。