このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
activities:management:edit-image [2021/08/31 15:00] Staff_Ujiie [2)位置] |
activities:management:edit-image [2021/09/11 17:58] (現在) Staff_Ujiie [2)位置] |
||
---|---|---|---|
行 14: | 行 14: | ||
**リンク先に画像のみ** | **リンク先に画像のみ** | ||
{{ : | {{ : | ||
- | **リンクのみ** | + | **リンクのみ表示** |
{{ : | {{ : | ||
行 23: | 行 23: | ||
\\ | \\ | ||
- | ==== 2)位置 ==== | + | ==== 2)位置 ==== |
表示位置設定の違いによる実際の表示の状況とテキストとの位置関係を確認(画像はSサイズ) | 表示位置設定の違いによる実際の表示の状況とテキストとの位置関係を確認(画像はSサイズ) | ||
- | **指定なし** | + | **指定なし** {{: |
- | {{: | + | |
- | + | ||
- | **左寄せ** | + | |
- | {{: | + | |
- | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% | + | |
- | **中央** | + | **左寄せ** {{: |
- | {{ : | + | |
- | **右寄せ** | + | **中央** {{ : |
- | {{ : | + | |
- | 以下ダミー文字$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ | + | |
- | \\ | + | |
- | ※1.左寄せと右寄せを選択した場合で、まわりの文章が少ない場合に、画像が次の段落まではみ出して非常にみっともない見た目になることがあります。編集画面でわからずにプレビューしてはじめて気がつきますが、この場合適当に改行を繰り返して次の段落の表示位置を下に下げるしかなさそうです。 | + | |
- | ※2.画像の表示設定と文章の位置関係は、PCとモバイルとで意図していないような見え方になることがあるので、怪しいときは確認したほうがよいでしょう。 | + | **右寄せ** {{ : |
+ | ※1.左寄せと右寄せを選択した場合で、まわりの文章が少ない場合に、画像が次の段落まではみ出して非常にみっともない見た目になることがあります。編集画面でわからずにプレビューしてはじめて気がつきますが、この場合適当に数行分改行記号「%%\\ %%」を挿入してスペースを作って、次の段落にぶつからないように調整するしかなさそうです。開いているブラウザの幅によってはそれでも画像が回り込んでくることもあるのですが、対応しきれない部分が出てきます。 | ||
+ | |||
+ | ※2.画像の表示設定と文章の位置関係は、PCとモバイルとでも意図していないような見え方になることがあるので、怪しいときは確認したほうがよいでしょう。 | ||
\\ | \\ | ||
+ | |||
+ | |||
==== 3)イメージサイズ ==== | ==== 3)イメージサイズ ==== | ||
画像の表示サイズ設定の違いによる、ページ中に占める面積の違い(ファイルサイズはサンプル画像(.jpg)の参考値) | 画像の表示サイズ設定の違いによる、ページ中に占める面積の違い(ファイルサイズはサンプル画像(.jpg)の参考値) | ||
+ | |||
** S:**(200 × 150px: 5.6KB){{ : | ** S:**(200 × 150px: 5.6KB){{ : | ||
**M:**(400 × 300px: 14.1KB){{ : | **M:**(400 × 300px: 14.1KB){{ : |