ブログ内で使用出来る画像挿入方法の種類
写真を投稿 | [f:id:ユーザーID:◯◯p:plain] | |
---|---|---|
記事編集画面の右にある編集サイドバーから「写真を投稿」で挿入。 | ||
はてなフォトライフ | https://cdn-ak.f.st-hatena.com/images/fotolife/h/ユーザーID/◯◯/◯◯.png | |
はてなフォトライフで画像URLをコピー後 <img src=””> に画像URLを挿入。 | ||
ファイルアップローダー | https://cdn.blog.st-hatena.com/files/◯◯/◯◯ | |
ファイルアップローダー管理画面から画像URLをコピー後に挿入。 |
はてなブログMedia内で画像を使用する場合、上記の3種類の方法があります。
それぞれの方法で同一画像をブログ内に挿入した場合、どの方法で行ってもほぼ反映に変わりはありませんが、URLや画像サイズに若干違いが出てきます。
各画像挿入方法の相違点
項目 | はてなフォトライフ | ファイルアップローダー |
---|---|---|
アクセス | https://f.hatena.ne.jp/ |
管理画面 > 固定ページ > ファイルアップローダー (β版) |
画像アップロード方法 | 「はてなフォトライフ」にフォルダを作って画像をアップロードしたい | ファイルアップローダーについて |
画像URLコピー方法 | 「はてなフォトライフ」にアップロードした画像のURLをコピーしたい | |
画像URL |
ユーザーIDが入る https://cdn-ak.f.st-hatena.com/images/fotolife/h/ユーザーID/123/456.png |
ユーザーIDが入らない https://cdn.blog.st-hatena.com/files/ 123456789/123456789 |
画像のサイズ |
フォトライフで設定している 画像上限サイズにリサイズする |
画像サイズはそのまま |
「はてなフォトライフ」or「写真を投稿」は、画像URLにユーザーIDが含まれます。また、大きい画像を使用した場合は自動的にリサイズされるという特徴があります。
「ファイルアップローダー」は、画像URLにはユーザーIDが含まれず画像サイズも変わりません。
はてなブログMedia内で画像を使用する際は上記のことから、用途に合わせて使い分けます。
はてなフォトライフと写真を投稿はリンクしています。写真を投稿の詳細については「記事に写真や画像を貼り付ける」をご参考ください。
適切な各画像挿入の使用方法
記事ページ | はてなフォトライフ or 写真を投稿を使用 |
デザイン部分、固定ページ | ファイルアップローダーを使用 |
「はてなフォトライフ」or「写真を投稿」は、手軽に画像を記事へ挿入できるのが利点です。
しかし、デザインカスタマイズで使用した場合、IDの変更や画像を元の画像サイズに変更するなどの作業が発生しますので使用する場合は「記事ページ」のみで使用して下さい。
「ファイルアップローダー」は、ユーザーIDが含まれず、画像サイズはそのままなので「デザイン部分、固定ページ」のデザインカスタマイズ時の使用が適切です。
デザインカスタマイズ時に「はてなフォトライフ」or「写真を投稿」にてアップロードする場合は、はてな側に一度ご相談お願いします。