解決済
画像のサイズの変更について
ブログに画像を貼るのに、例えばある画像に96×96 となっているのを選んだとして、自分のブログには750×35 のサイズには
変更さえすれば（スタイルシートで）可能でしょうか？
回答(7)
1.
画像を挿入したら、下の「HTMLを確認する」にチェックを入れてください。
HTMLソースが表示されます。
画像のHTMLは
<img src="http://image.blog.livedoor.jp/で始まって
align="left"/>までです。
その中の、width="96"が横幅、height="96"が高さです。
""の中の数字を変えれば、大きさが変わります。
width="750" height="35"と変更すれば、幅750px、高さ35pxになります。
但し、横幅750pxは大き過ぎて、記事からはみ出し、レイアウトを壊しますから、もう少し狭くしなければなりませんが。
書き換えたら、「HTMLを確認する」のチェックを外して確認してください。
（画像が見える状態で記事を書いている場合ですが。）
この方法は、元々の画像を変形させて表示していますから、縦横比が変われば、変な形の画像になります。
それが嫌な場合は、最初に、画像編集ソフトでそのサイズに加工して、サムネイル作成のチェックを外して、アップロードするということになります。
アドバイスありがとうございました。
2.
私はこちらの縮小専用というフリーソフトを使っていますが結構便利で簡単です。
3.
通常はショートカットが自動的に表示されると思うのですが・・・
タグが載ってるのと、載ってないのがあるように思います。ファイルをアップロードされているのなら記事の投稿の際
<img src="
width="766" height="35"となるはずですが質問の内容が違うのでしょうか？
サイズ的にトップのバーナー（ブログタイトルが有る）のような気がするのですが？
4.
画像のサイズはあらかじめソフトで指定サイズに加工して下さい。
その方が綺麗です。
ファイルのアップロードします。サムネイルのチェックははずして下さい。
アップロードしたファイルを投稿画面から選択して画像のurlだけをコピーします。
その後、スタイルシートのこの部分を
#banner{
width:767px;
height:270px;
text-align:left;
margin:0 auto;
background:url(http://image.blog.livedoor.jp/○○○○.gif) no-repeat 50% 0;
修正
background:url(コピーした画像のurlを貼り付け) no-repeat 50% 0;
ブログに設定を反映(再構築)でＯＫです。
変更を行う前に元のスタイルシートのバックアップを必ず行って下さい。
Shukusenは記事の画像用に使って下さい。
5.
96×96の画像を750×35にするとかなり画像がつぶれた状態になりますからそれなりの画像を選択した方が良いと思います。
96×96を横長に切り取ってサイズを750×35に合わせても元画像がこのサイズだと一寸きついかもしれません。
あまり、良いアドバイスになりませんでした。
ごめんなさい。
6.
記事の画像専門と言う意味でしょうか？
申し訳ありません、ご説明不足でした。
この、ソフトでは画像サイズの設定がアバウトですからバーナーのサイズで指定することができません。
大きな画像を縮小するのには便利です。
記事の画像を一定の大きさに指定しておけばその都度タグで調整する必要はありません。
データの使用容量の削減にも良いと思います。
7.
以上で画像のアップロードは終了です。
次に画像のＵＲＬの件ですが普通にブログを投稿する画面で投稿フォームのボタンのＩＭＧ（アップロードした画像から選択）で⇒○○△△.jpgを選択して
記事投稿欄より
⇒○○△△.jpg
をコピーして
途中は省きます。
background:url(コピーした画像のurlを貼り付け) no-repeat 50% 0;
ブログに設定を反映(再構築)でＯＫです。
記事に投稿する画像は全てアップロードしますし、必ずＵＲＬが付きますから直リンクとは意味が違います。
ブログとはそういうものです。
ですから、ブログに使う画像にＵＲＬが無いという事は有りません。
たくさんのアドバイスありがとうございます。
やってみます＾＾
コメント(5)
horseftyさま
タグが載ってるのと、載ってないのがあるように思います。気に入った画像にはタグがなく、どうしたらいいかなと思って、試行錯誤してます・・
tuguさま
紹介頂いた、縮小ファイルをDLしましたが、「開く」をクリックしたら
「通常はこのまま解凍してください」と既に、画面にコメントが入っていて、OKをクリックしたら、画面上で、パッ！と
一瞬、何かの画面が出て、それで終了で、どうなったのかが
よく解りません・・
解凍はされてないんでしょうか？
tugu様
お世話になります。
＞サイズ的にトップのバーナー（ブログタイトルが有る）のような気がするのですが？
私のcss内を見ると看板を丁度よくはめていいサイズは⇒766×35みたいで、あとは好きな画像や看板を作るなりして、
そのサイズで収めたいんです・・
＞｢宿専。｣と言うアイコンのショートカットをディスクトップに置けばＯＫです。
ディスクトップに置いてる状態です☆
tuguさま
＞Shukusenは記事の画像用に使って下さい。
すみません・・
ちょっと意味がわからないです・・
記事の画像専門と言う意味でしょうか？
＞それなりの画像を選択した方が良いと思います。
ですよね・・
素人の私でもさすがに、理解できました☆
＞あまり、良いアドバイスになりませんでした。
いえいえ、そんなことないです。
色々ありがとうございます♪
tugu様
思ったのですが、↓コピペするって、これは直リンクにはなりませんか？間違ったらすみません・・
＞background:url(コピーした画像のurlを貼り付け) no-repeat 50% 0;
ブログに設定を反映(再構築)でＯＫです。
それと、画像はタイトルに使いたいんですが、
ソースに必ずURLの入力じゃないと、だめなんでしょうか？
なぜかというと、気にいった画像にURLがないんですが・・汗
ただ、、保存した画像の「○○△△.jpg」←これしか
わからないんですが・・
困りました・・
