楽天Cabinetの画像がなかなか反映されない!
- この画像キャビネットにあげといてちょ。
- へい!
- あ!伝える内容間違ってた!直しといて!てへぺろ☆
- キィーーーーッ!
なんてことありませんか?
僕はありました。
…あれ?僕だけですか?
Cabinetの画像上書きの不便さを解消!
楽天Cabinetは画像上書きだとすぐ変わらない。
本来で行くと、ただ修正した画像を上書きすればそれでページにそのまま反映されます。
が!楽天の場合上書きしても変更されません。
厳密に言うとデータは変更されているのですが、サーバー楽天側でキャッシュかなんか残ってるのかな?実際表示される画像が変更されません。
一番手っ取り早い方法
修正を今すぐ反映させたい!
そういった場合、今までの会社で良くやってたやり方が
ファイル名を変更してしまう!
例えばアップした画像が『hoge.png』というファイル名で登録していたとしたら『hoge-1.png』として新しく画像を登録して使用する。
一番早いですね。
- 修正前
- http://image.rakuten.co.jp/account/cabinet/hoge.png
- 修正後
- http://image.rakuten.co.jp/account/cabinet/hoge-1.png
でもこれだと、見た目同じような画像がCabinet上に何個も並んで見た目よろしくないです。
それに容量も無限ではないので、なるべくこういった無駄な画像は無いに越したことは無いです。
まぁ、普通に都度いらない画像は消して居ればいいんですが、ほら。みんな忙しくて、『やべ!Cabinet容量いっぱいだ!』ってなってから初めて画像整理しませんか?
わかります。それ僕の事です。
おススメ!煩雑にならない画像の上書き
ならどうすれば良いか。めちゃくちゃ簡単!
普通に上書きして下さい。
そしてアップロード上書きした画像のURLの後ろに『?』を付けるだけです。それだけです。すぐ画像変わります。
分かる人からしたら当たり前かもしれませんが、簡単に言うと一回その画像URLを誰かが見てしまうと、『またその内容探すの面倒だからしばらくそのURLは同じ画像表示しちゃうよ~』みたいな感じです。
てな感じで、Cabinetで上書きしたのに、修正が反映されないのです。
早いと数時間の時もありますけど、大体次の日の昼くらい?(24時間かな?)には通常のURLで修正画像に反映されてます。
楽天の場合は、それまでは古い修正前の画像が表示されてしまいます。
『?』ってなんなの?
URLの後ろの『?』は本来、パラメーター渡し用に使用するデータです。
今回の場合は、強いて言えば『画像データに、パラメータ何も無しを渡しますよ。』みたいな感じでしょうか。
要するに、何もしないので、実質キャッシュだけクリアできる感じです。
また画像を修正したい場合は?
また変更でちゃった!なんて時は、『?』の後ろに連番でもいれて上げればOKです。
http://image.rakuten.co.jp/account/cabinet/hoge.png?1
といった感じです。
実際は?の後ろはなんでもよいです。
サムネイルドメインに注意!
画像URLが『http://image.rakuten.co.jp/account/cabinet/』から始まるアドレスなら問題ないですが、『http://thumbnail.image.rakuten.co.jp/@0_mall/account/cabinet/』から始まる場合、『?』までは大丈夫ですが、連番の部分は上手くいきません。
- http://thumbnail.image.rakuten.co.jp/@0_mall/account/cabinet/hoge.png?
- http://thumbnail.image.rakuten.co.jp/@0_mall/account/cabinet/hoge.png?1
その場合は、?の後ろに『_ex=横サイズx縦サイズ』を入力して、その後ろに『&』を入れてあげればOKです。
http://thumbnail.image.rakuten.co.jp/@0_mall/account/cabinet/hoge.png_ex=200×200&
こんな感じですね。
サムネイル機能に関しては、コチラも合わせてご覧下さい。
モバイル画像には使用できません
ただし、商品編集画面のモバイル画像設定フォームにはこのやり方は使用出来ません。
URL自体に『?』だったり『&』を使用すると、エラーになってしまうからです。
いつも画像を直す度に、ファイル名を変更していた方は一度試してみてはいかがでしょうか?
ちなみに、僕がファイル名を変更してあげていた時期の最高にうざいファイル名は
『hoge-aaaaaaaaaaaaa111.jpg』です。
こんなファイルがCabinet内を牛耳らないように管理はしっかり出来るようにしましょう!