HTML使用及び画像のサイズ変更に関する質問

Question

### 前提・実現したいこと
HTMLの初心者用の本を購入し見ながら簡単なウェブサイトを作成中です。
画像のサイズについてなのですが、Pixlrというフリーの画像編集サイトを使用し
サイズを１０００px程に変更して画像を配置してみたのですが、画像が大きいままになってしまいます。
ただ、今の私のやり方としては画像をカットしている進め方のようで、、
画像そのものを小さくする方法ではないと解決しないのかなと考えております。
その小さくする方法がわからず進めずにいます、、
どなたかご尽力頂けますと幸いです！

<div id="header_contact"><a href="contact.html"><img src="imeges/btn contact.png" alt="お問い合わせ"></a></div>

Comments

[m.ts10806]

コードと実際の画面
あと、ブラウザのデベロッパーツールで画像のサイズを確認してみた結果を提示してください。

[forum]

ご返信頂きありがとうございます。

コードです
<div id="header_contact"><a href="contact.html"><img src="imeges/btn contact.png" alt="お問い合わせ"></a></div>

[m.ts10806]

コードも質問本文に、マークダウンのcode機能にてご提示ください。
ちなみに、ファイルに半角スペース本当に入ってますか？

[m.ts10806]

あと、気になるのが
「大きいまま」というのは「変化なし」なのか「意図した大きさにはなったがまだ全体から見ると大きい」なのか
どちらでしょうか。
対応が違ってきます。

[forum]

ありがとうございます。
恥ずかしながら調べたのですがマークダウンがよくわからず、、
コードを本文に載せて見たのですが、、
半角スペースは入れておりました。
あと、画像の大きさに関しては変化なしといった状況です。

[m.ts10806]

>マークダウン
ヘルプページやガイドラインにもありますが、下記のような質問も
参考にしてください。
https://teratail.com/questions/238564

ファイル名はURLにもなるのでスペースや全角文字は避けたほうがベターです。
「何から何に変更して変化なし」と具体的に記載しておいてください。

一応確認。
加工後の画像に置き換えてますよね？あとキャッシュクリアかな

Answer 1

こんにちは。

HTMLの範囲であれば、width属性を使えばいいのではないでしょうか。

width
画像固有の幅をピクセル値で指定します。

width | <img>: 画像埋め込み要素 - HTML: HyperText Markup Language | MDN

おそらく、次にCSSを学習されると思いますので、その際には属性ではなくてスタイルシートで指定するようにしてください。

Answer 2

使用していたサイトで画像サイズ変更できました。
私が使いこなせていないだけでした。
しかし、わざわざサイトを使用せずともHTML、CSS内でサイズ変更もできるのですね。
まだ試してはいませんが慣れてきたら覚えたいと思います。
ご回答頂いたにも関わらず返答できてない部分もあり申し訳ございません。
ありがとうございました。