画像URLの取得方法【メンテ後対応】
画像のURLってどうやって分かるんですか?
という質問がありましたので、
画像URLの取得方法を紹介しますね。
自分で作った画像やダウンロードした画像を
ブログにアップロードして使う場合、
画像フォルダにまずアクセスします。
FirefoxもIEも共通の操作になります。
一番簡単な方法を紹介してしまいますね。
これは覚えてしまえば楽ですよ。
画像フォルダから「オリジナルサイズ」をチェックし
タグ編集エディタの記事を書く画面に貼り付けます。
もしくは通常のHTML非表示エディタでもOKです。
すると↑タグが現れますので、
画像のURL部分のみをコピーします。
HTML非表示の場合は、HTMLタグの表示にして
<IMG SRC="画像のURL" ALT="概要" BORDER="0" />をさがし
コピーします。
これで完成です。
次に右クリックでコピーする方法です。
Firefoxの場合
フォルダに表示されている状態を
そのまま右クリックすると
「サムネイル画像」のURLになります。
目的の画像をクリックして別窓に表示させてから
右クリックすると
「オリジナルサイズ画像」のURLになります。
CSSに使う場合は「オリジナルサイズ」の画像URLが必要ですので
1クリック余分に押す作業を忘れないでくださいね。
動画で見るとこんな感じです。
次にIEの場合です。
IEの場合もFirefoxと同様に
一旦画像クリックで単独表示させます。
以前はこの状態でショートカットのコピーから
サムネイルURLが拾えていましたが、
オリジナル画像表示に変わったのでできなくなっています。
この状態で右クリックし、プロパティーを表示させます。
赤枠で囲んだ部分がオリジナル画像URLです。
CSSに挿入して表示テストを行ったとき、
画像が小さく表示される場合は
サムネイル画像URLになっていますので、
過去記事画像URLのチェック方法を参考に修正してください。
小さく表示される場合のURL
5f/12/p/t01234567_0123456789101234567.png
サムネイル表示などで小さくなっている場合は
t01234567_
というサムネイル番号が入ります。
オリジナルサイズのURL
5f/12/p/o0123456789101234567.png
オリジナル画像の場合は
oが先頭に入るだけで、先頭の8桁の数字と
アンダーバーが入りません。
URLを確認して、t01234567_の
t+8桁の数字+_が入っていないか見てくださいね。
入っている場合はこれを消して
「o」を先頭に入れればオリジナルサイズになります。
2009年2月以前にUPした画像の場合は
http://stat.ameba.jp/user_images/65/4a/01234567890_s.png
の「_s」を消せばオリジナルサイズ画像になります。
http://stat.ameba.jp/user_images/65/4a/01234567890.png
うぅぅ…。
月別表示になったのはいいけど、やっぱり面倒~~!
ユーザーが作成できるフォルダ仕様にしてください~~。
過去画像拾うの大変すぎです。