- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ブログ記事に画像を入れた時の自動リサイズ)
ブログ記事に画像を入れた時の自動リサイズ
このQ&Aのポイント
- ブログ記事に画像を入れる際に、画像サイズがカラムをはみ出す場合、自動的にリサイズする方法を紹介します。
- 画像をクリックすることで拡大表示する方法もありますが、記事の作成中は手間がかかります。
- JUGEMの公式テンプレートを使用している場合、自分で指定したサイズを超えた場合にのみ画像をリサイズするスクリプトがあります。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
CSSのmax-widthでいけるかなと思ったのですが、IEでは無理みたいですね。 (詳しくは参考URLをご覧になって下さい) >上記の方法では、記事を書いている時に画像サイズの比率を考えたりするのがちょっと面倒に思え、やめてしまいました・・; ということでしたので、質問の回答としては不十分かもしれませんが代替案を。 例えば画像サイズを200px以上にしたくない場合で、画像が200px以上のものの場合は <img src="画像URL" width="200"> のように、横幅のサイズのみ指定されてみてはいかがでしょうか。 私も画像の縦横比を計算するのが面倒なのでよくこの方法を使っています。
その他の回答 (1)
- khazad-lefty
- ベストアンサー率44% (296/668)
回答No.1
そういうことであれば、 画像編集ソフトで、画像のサイズをいじった方がいいような気がします。
質問者
お礼
ご回答ありがとうございました。 そうですよね、画像ソフトで調整してから載せる、というのが、現時点で取れる一番簡単な手段かもしれないです。使っているソフトの立ち上がりが遅い事や画像ごとのリサイズの手間が省けたらなーと、今回は色々探しておりました。 当面は、この方法になりそうです。
お礼
ご回答、ありがとうございました。 max-width、こういうのがあるんですね! ブラウザがIEなのでやはり使え無いのですが、試すだけでもやってみたくなりました。 <img src="画像URL" width="200"> いつも検索先の「こう記述して~」通りにやっていたので考えもしませんでした。 width=200、くらいの記述なら全く面倒じゃないです。 参考URLもありがとうございます。 スクリプト、やはり作れる方は凄いなぁと思いました。 私は参考書の見開き一ページを遠めに眺めるのが精一杯でしたので、この「自力で発展」はほとんど不可能そうですが、色々と面白く読めました。 (これから自分が知りたい事を検索する時のワード的な事も貰えた気がします) とりあえず、width指定を使ってみたいと思います! 詳しいご説明、ありがとうございました。