Entries
2019.06/03 [Mon]
新投稿画面で画像を縮小表示させる方法
表示サイズ 560x420 クリックすると元のサイズ1600x1200で表示されます
・・・画像の大きさを簡単に変える方法・・・
新投稿画面のシステムは、ときどき進化しているらしいです。
今回は、「画像の大きさを新投稿画面で簡単に変える方法」をお知らせします。
画像の投稿は、ご存知かと思いますが、
あらかじめ「ファイルアップロード」でサーバーにアップしておくことが前提です。
その後、ファイルフォルダから画像を選び「この画像を記事で使う」ボタンを選択して
記事にのせますが、
画像挿入後にその画像をダブルクリックすると下のような別窓が開きます。
ここでWidth(横幅)とHeight(縦幅)を指定すれば、望みの大きさに縮小されて表示されます。
注意しなければならないのは、Widthは適当な数字を入れてもかまいませんが
HeightはWidthと同じ比率の数字にしないと、画像がゆがむということです。
例えば、上の画像の元サイズは1600x1200ですが
Widthを520にしたとき、Heightは？・・・
とっさに計算できませんよね？
(４：３の比率なので640:480や480:360など、よく使われる数字は暗記してますが)
電卓を持ち出して計算するのもめんどうなので、
そういうときは Heightのらんに autoを入れておいて下さい。
テンプレートによっては、Heightは空欄のままでも、たてよこ比を保って自動縮小される場合も多いのですが、スマホで見たとき、横は指定したサイズで縦は元のまま、などという場合もあります。
説明のところは、自動的にファイル名が入っていますが
ここを「紫陽花の写真」などに書き換えておくと、
記事の上でマウスをのせたとき説明テキストバナーが出ます。
変更例↓
記事で縮小表示された画像をクリックすると元の大きさの画像が表示されます。
以前、ヤフー引っ越し仲間コミュニティ広場でこの件についての質問があったときは
ＨＴＭＬの書き換え方法を説明しましたが、
そのときはまだ、新投稿画面での画像縮小方法がありませんでした。
今回、新しい機能が追加されたので、お知らせしておきます。
なお、旧投稿画面で記事作成している方は、従来通りHTMLの書き換えで
簡単に画像を縮小表示できますので、無理に新投稿画面に変更する必要はありません。
旧投稿画面でのHTML書き換え方法
例えば、こういうタグの場合は
<img src="https://blog-imgs-66.fc2.com/n/e/k/nekonomanga/2010ajisai-wel.gif" width="1600" height="1200" alt="紫陽花写真">
こんなふうに書き換えれば、横幅６００ピクセルの画像になります。
<img src="https://blog-imgs-66.fc2.com/n/e/k/nekonomanga/2010ajisai-wel.gif" width="600" height="auto" alt="紫陽花写真">
ヤフーブログの簡単モードに似ている新しい記事作成画面の使い方は
こちら↓
その１
その２
簡単モードに慣れている方は、こちらの方が使いやすいです。
皆様の参考になれば幸いです。
- at 08:52
- [役立つ記事:ＦＣ２ブログの使い方]
- TB(0) |
- コメント(4)
- [Edit]
Re: 画素縮小
> 教えて頂きましてありがとうございました。
> 参考にします。
これは知っておくととても便利ですよo(^▽^)o ﾆｺｯ♪