CSSの方が優先度が高いのでそちらの指定を守ります。height属性はブラウザにとっては結構大事なんですね。描画時に領域を確保するのに用いられます。テンプレートによっては不要ですが心配な方は記しておくと良いでしょう。slash(最後のスラッシュ)は不要です。有っても害にはなりませんがバリデートすると「何故そんな不要なものを書く?」と指摘されます。border属性は個人設定で出ないようにできます。...vanillaice000.blog.fc2.comサイズ修正が容易になりましたので、作業も効率化できますね。新投稿画面をご利用の方はご確認くださいね。プログラムミスなどを見つけて修正すること)を行います。すると目ざといユーザーが気づき、あれこれと指摘をします。運営側もそれを見ているような気がします。ユーザー人柱的デバッグ(笑)今回の問題点、というよりもデバッグ中だと仮定して現時点での不備についても説明しておきます。以下が新投稿画面で画像を掲載した初期状態です。height属性の記載がありません。すると以下のようにポップアップが表示されます。押した場合はhtmlソースに変更は生じません。widthとheightに数字が入っていますね。これは画像の実寸です。現段階ではその方が良い。言うと、テンプレートによっては縦横比が狂ってしまうからです。縦横比が狂うテンプレートは「画像が記事の横幅を超過するもの」が該当です。指定が記載されていないことが原因です(大抵の場合は、です)ポップアップのheightにautoを指定しなかったときのhtmlは以下の撮り。400px;">これと同じことなんですね。横幅が小さくなるのに縦幅が原寸のままでは当然狂います。変更したい場合にもこのポップアップから操作を行います。「説明」はalt属性値を指定する項目です「説明」の項目でaltの値を変更したらこの後当然「作成」を押します。するとまたテンプレートによっては縦横比が狂います。画像のサイズ指定の場合は「修正」ではなく「(style属性の)追加」です。ポップアップの初期表示は画像の原寸が表記されていますよね。いう形で「追加」されてしまう、と。サイズ指定を目的としていなくても、です。指定が行われています。横幅が自動調整になっているのにheightに絶対値が指定されていれば当然狂います。ためスタイルシート側が無視されてしまいます。altを変更しただけなのに画像縦横比が狂ってしまった例もうこれ仕方がありませんのでこうするしか。画像サイズ変更が無くともheightにautoを指定サイズ指定(変更)の用が無くともheightをautoに書き換える、と。widthの方はそのままの数値で構いません。alt属性値を変更したいだけなのに(笑)3つを操作すると以下のような正しい縦横比になります。「画像のaltを変更しただけなのに縦横比狂った!」という方は運悪くデバッグ中にぶつかったということです。(∵`)「デバッグ中」と断定していますが、私を含め数名のFC2ユーザーが勝手にそう思ってるだけです。追記システム修正が入りました気づいたのは2019年5月29日なのですが、追記が遅れてしまいました。以前の編集ポップアップ内容は以下の通り。現在は以下のように変更されています。heightプロパティの値が空欄に変更されています。新たに「元サイズ」として原寸が表示されるようになりました。修正前は「作成」を押すことで画像の縦横比が狂うという結果を招いていましたが今回の修正で回避できるようになっています。入力されていても良いと思います。html属性ではなくCSSプロパティです。auto値はありません。画像の持つ(画像に持たせる)サイズそのものです。htmlでは描画領域を確保して(つまり掲載する場所を作って)おき、そこへ画像をすっぽりと収める、というのが最もレンダリング効率が良いんですね。ブラウザが画像のサイズデータを取得する前に領域だけは作っておくことができるからです。縦横いずれか一方でもautoが指定されていると領域を作ることができませんよね。確保できるのは事前にサイズがわかっている場合だけで、autoというのは言い換えれば「サイズ不明」です。結局その領域は画像サイズのデータを解釈してから作成(というよりも画像本体に広げられるという形)になりますのでリフロー・リペイントが起こり却って邪魔になってしまいます。height属性は出力されません。現在のwebページを考えればそれで良いと思います。いう考え方があり、縦横共に常に同じサイズを保てるわけではないからです。領域確保は度外視、と。確保したところでデバイスサイズによって必ず変更が生じるから。簡単に言えばそんな感じ。いうわけで、新しいポップアップでもwidthに値を入れたらheightにはautoを明示してください。混乱しないようもう一度。ポップアップ内の「Width」「Height」はhtml属性ではなくCSSプロパティなのでauto値が使えます。height="auto">上記のようなことはしないように。以下が正しい指定の仕方です。Explorerはサポートしておりません。メールでの返信をしておりません。^^私は「旧投稿画面」派(笑)なんですけど、興味持って新投稿画面での画像サイズ変更を試してみましたら、ちょっと不完全さを確認しました。元画像の元サイズの値が残ったまま表示されるんです。うっかりもう一度「作成」ボタンをクリックしてしまうと、アスペクト比が当然崩れてしまうんですよね。ぼっちんさんぼっちんさん、こんにちは。私もこの記事の投稿後に気づきました。眠たくて寝ちゃった(笑)今出先なので帰宅次第追記しようと思います。13:34こんにちは、いつもお世話になります。ぼっちんさん2追記しましたー。(∵`)あとインラインCSSなのだからheightは原則auto値でないとまずいですよね。「もう初期値(原寸)は表示させない」という仕様で良いんじゃないだろうか。原寸なんてアップローダーで確認すればすぐわかるわけなんだし。ロビンソンさんロビンソンさん、こんにちは。lightbox系〜拡大された時のサイズの画像だけをアップロードしておいて〜そうですね。ページスピード対策を度外視するならそれで構いません。初回表示のスピード・通信量を重視するならばサムネイル画像を作成しておくと良いですね。luminous】マウスオーバー時のオーバーレイカスタマイズhttps://vanillaice000.blog.fc2.com/blog-entry-888.html「共通html」の章をお読みください。Akiraさんご回答ありがとうございます。過去記事で詳しく解説されていたんですね。ページスピード重視で考えたいと思います。ロビンソンさんそうですね。その方が良いと思います。_)これは早く修正しないと被害者(?)が出そうな気が(笑)それとも新投稿画面でaltを書き換えようって方は少ないかしら。̄;)あとやっぱ単位のpxも書いておかないといけないよなぁ、と思います。書いて有ればhtml属性でなくCSSだと察しがつく(人も居る)し、と思ったら%指定ができるようになってました(笑)このあたりもどう扱うか(ユーザーにどう認知させるか)難しいところですよね。変更したい項目にラジオボタンつけるとか。やりたい操作を選択させて2段階にするとか。いやこれやっぱ難しいわ(笑)Yahoo!ブログと基本システムは同じなんですが、FC2はテンプレートのCSSがまちまちなのと、Yahoo!はalt属性の変更はできないので画像サイズの項目だけで済むんですよね。(∵`)でもFC2から「多機能」を削ったら既存ユーザーさんが黙ってはないでしょうしね。居ました、昨日弊ブログを覗いてくださったYahooブログからの引っ越し組さんでお一人。それには気がつかなかったです(笑)が、今まだいろいろとシステム修正に動きが見られますよね。変更したい項目にラジオボタンつけるとか。やりたい操作を選択させて2段階にするとか。いや、それとっても良いアイデアかと思うんですけどね、でもなるべく操作画面はシンプルデザインにして欲しいですけど。ぼっちんさんぼっちんさん、こんにちは。結局同じポップアップに別の内容が有るからまずいので(このプログラムの場合は)、altはalt、サイズ変更はサイズ変更とポップアップを分けるとか。́・ェ・`)でもそれが一番安全な気はしますよね。「ダブルクリックでポップアップ」が使えなくなるよね(笑)テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です。↓テンプレートに関するご質問時のお願い必ず該当テンプレートの専用記事にお願いします。無関係な記事・別のテンプレート専用記事でのコメントはお控えください。重要なお知らせカスタマイズFC2ブログのあれこれwebのあれこれテンプレートに関するご質問は各テンプレート専用記事へ。無関係な記事でのご質問はお控えください。ブログURLの提示(非公開ブログはパスワード提示含む)、該当テンプレートの設定などご質問時の必須要項を以下のリンク先に掲載していますのでご一読ください。AkiraFC2ブログ専用HTML5レスポンシブテンプレートの製作・配布を行っております。