【◎投稿画像とHTMLサイズ指定。】スキャンした新聞画像など投稿時注意点の個人メモ。

　投稿時に失敗した時の個人的なメモです。テキストファイルで保存しGREPでデータ管理しています。こういうデータがたくさんあります。小生のスキルアップの原動力です。恥をさらして今回の失敗メモをご紹介しておきます。

　「失敗は成功の元」(^^;

◎投稿画像とHTMLサイズ指定。
　作業する時ピクセルで指定するより％で指定する方が分かりやすい。その時、横（width）だけ指定すること。縦はそれに従って自動的に調節される。
※縦長の場合も、横長の場合も「横」だけを指定するだけでよい。
※縦長画像の時、縦横両方指定したら失敗した。体験・実験例の下記データ参照のこと。

　先ず、テスト板で元画像のサイズを確認した。
　「なるほど、この高機動装輪車からなら「前方高い位置から」銃撃できるな。」の画像は元々が横長で、横も縦も80％で指定したら元画像がそのまま縮小できた。
　また、下記のように横だけ指定しても結果は同じだった。

＜ＤＩＶ　ＡＬＩＧＮ＝”ＣＥＮＴＥＲ”＞＜ＩＭＧ　ＳＲＣ＝”ｈｔｔｐ：／／ｗｗｗ．ａｓｙｕｒａ２．ｃｏｍ／０４０１／ｕｐ１／ｓｏｕｒｃｅ／４２５．ｊｐｇ”　ＡＬＴ＝””　ＷＩＤＴＨ＝”８０％”　ＨＥＩＧＨＴ＝”８０％”＞＜／ＤＩＶ＞
投稿例
なるほど、この高機動装輪車からなら「前方高い位置から」銃撃できるな。
http://www.asyura2.com/0403/war50/msg/344.html
投稿者 クエスチョン 日時 2004 年 4 月 02 日 08:21:06:WmYnAkBebEg4M

＜ＤＩＶ　ＡＬＩＧＮ＝”ＣＥＮＴＥＲ”＞＜ＩＭＧ　ＳＲＣ＝”ｈｔｔｐ：／／ｗｗｗ．ａｓｙｕｒａ２．ｃｏｍ／０４０１／ｕｐ１／ｓｏｕｒｃｅ／４２５．ｊｐｇ”　ＡＬＴ＝””　ＷＩＤＴＨ＝”８０％”＞＜／ＤＩＶ＞
テスト板投稿例
Re: なるほど、この高機動装輪車からなら「前方高い位置から」銃撃できるな。
http://www.asyura2.com/0401/test7/msg/258.html
投稿者 クエスチョン 日時 2004 年 4 月 03 日 10:02:57:WmYnAkBebEg4M

　「同じ遊具で相次ぎ指切断　大阪・高槻の児童遊園【産経新聞】何度も連続事故を繰り返すこのノー天気ぶりは何？」の画像は、ＩＥで表示すると、程よいサイズである。ところが、同じＵＲＬで見てもOPERAだと馬鹿でかいサイズになる。（プロパティでは107ＫＢ）
　試しに、下記ＵＲＬをＩＥとOPERAで見て比べてください。
http://www.asyura2.com/0401/up1/source/429.jpg

　さらに縦長のこの画像は、HTMLのタグで横・縦両サイズを下記のように両方80％に指定すると元々縦長のものが横長のつぶれたものになってしまう。

＜ＩＭＧ　ＳＲＣ＝”ｈｔｔｐ：／／ｗｗｗ．ａｓｙｕｒａ２．ｃｏｍ／０４０１／ｕｐ１／ｓｏｕｒｃｅ／４２９．ｊｐｇ”　ＡＬＴ＝””　ＷＩＤＴＨ＝”８０％”　ＨＥＩＧＨＴ＝”８０％”＞
投稿例
同じ遊具で相次ぎ指切断　大阪・高槻の児童遊園【産経新聞】何度も連続事故を繰り返すこのノー天気ぶりは何？
http://www.asyura2.com/0403/nihon12/msg/587.html
投稿者 クエスチョン 日時 2004 年 4 月 03 日 07:55:11:WmYnAkBebEg4M

　そこで、下記のように横サイズだけで縦を指定しなかったら、自動的に縦のサイズも調整され、程よい画像で表示された。
＜ＩＭＧ　ＳＲＣ＝”ｈｔｔｐ：／／ｗｗｗ．ａｓｙｕｒａ２．ｃｏｍ／０４０１／ｕｐ１／ｓｏｕｒｃｅ／４２９．ｊｐｇ”　ＡＬＴ＝””　ＷＩＤＴＨ＝”４０％”＞
投稿例
新聞の切り抜き画像が横長になってしまったので画像再投稿【これが指切り落としの遊具だ】
http://www.asyura2.com/0403/nihon12/msg/590.html
投稿者 クエスチョン 日時 2004 年 4 月 03 日 10:53:30:WmYnAkBebEg4M

　次へ 　前へ

テスト７掲示板へ

フォローアップ:

　

　

　

拍手はせず、拍手一覧を見る

---

★登録無しでコメント可能。今すぐ反映　通常 ｜動画・ツイッター等 ｜htmltag可（熟練者向）
（タグCheck ｜タグに'だけを使っている場合のcheck ｜checkしない）（各説明）

（←ペンネーム新規登録ならチェック）
↓ペンネーム（2023/11/26から必須）

↓パスワード（ペンネームに必須）

（ペンネームとパスワードは初回使用で記録、次回以降にチェック。パスワードはメモすべし。）
↓画像認証
（ 上画像文字を入力）
ルール確認＆失敗対策
画像の URL (任意):

投稿コメント全ログ 　コメント即時配信 　スレ建て依頼 　削除コメント確認方法

---

★阿修羅♪　http://www.asyura2.com/ 　since 1995
　題名には必ず「阿修羅さんへ」と記述してください。
掲示板,ＭＬを含むこのサイトすべての
一切の引用、転載、リンクを許可いたします。確認メールは不要です。
引用元リンクを表示してください。