pixivのサムネイル事情 - pixiv inside [archive]
この記事はピクシブ株式会社Advent Calendar 12/10の記事です。 こんにちは、インフラチームの@harukasanです。 さて、今日はpixivで使用しているサムネイル変換サーバについて紹介しようと思います。 pixivにはたくさんのサムネイルがある pixivにはうんざりするほどたくさんの種類のサムネイルがあります。 これは対応しているプラットフォームが多く、また画面毎にもサイズが異なるからです。 PC版であるwww.pixiv.netだけでも10種類以上のサムネイルが使用されています。 また、サムネイルにはアスペクト比を固定したものと、スクエアにクロップした2種類があります。 (Ugoira Tech Talks: Ugoku Backendより) 従来の方法ではこれらのサムネイルをアップロード時に生成していたため、サムネイル生成を非同期化するなどして対応していました。
![pixivのサムネイル事情 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/99b1900b4ab46deb387795e6c44637478cdf38a1/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F515898db1cb9b852a85c0f4ee3bbd1dd95a5637a%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fh%252Fharukasan%252F20141210%252F20141210214738.png)
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
Amazon商品画像のカスタマイズ（理論編） - Shiz Labs
Amazon.co.jpの商品画像は画像のURIを一部変更することで、サイズや影・回転など様々なカスタマイズが可能です。Amazonが標準で提供しているリンクでは満足できず自分でカスタマイズしたい方や、Amazon Webサービスを用いて画像を加工する場合に役立ちます。 「理論編」では実際に利用する云々は別にして、私が把握している範囲での画像加工の仕様をまとめていきます（2008年5月時点）。 Amazon商品画像URIの基本 URI： http://images-jp.amazon.com/images/P/[ASINコード].[国コード].[画像の種類].jpg [ASINコード] 商品のASINコード。Amazonの商品ページの「商品の詳細」という欄のASIN（和書の場合はISBN-10）という項目。 [国コード] 国のコード。"01"がアメリカとカナダ、"02"がイギリス、"03"
Amazonの画像を拡大してリサイズし切り抜く
Amazonの商品画像は色々なパラメーターで加工できるのはよく知られている。大抵の場合はウェブサイトに合うようにサイズを変更したりとかが主なのでAA320やSX480とかを使うだけ。ただ非矩形な商品の画像の場合、余白がないことがあり白背景のウェブサイト以外ではサイズの変更だけでは上手くなじまない。それを拡大(SS)とリサイズ(AA)・切り抜き(CR)を組み合わせることにより適切に余白を追加してやろうというテクニック。頭悪そうなタイトル。 以下のデフォルトの画像では余白がなくキツキツでちょっとアレな画像を例にして説明する。 元の画像のサイズは500x221 https://m.media-amazon.com/images/I/31Eybjr97iL.jpg SSとAAというパラメーターによる画像サイズの変更は、元になる画像のサイズ(長辺が500pxのことが多い)を超えると余白が追加される。
[WordPress Plugins] WPJ-Highslide 0.2 � Odysseygate.com
Highslide JSをWordPressに組み込むプラグインWPJ-Highslideを0.2にバージョンアップしました。 主な変更点は以下の通り。 初期バージョンではWordPressテンプレートに手動で、<div id=”highslide-container”></div>を挿入する必要がありましたが、これを自動的に挿入するようになりました。テンプレートをいちいちいじくる必要はもうありません（アップルのCM風）。 元のスクリプトであるHighSlide JSを、バージョン2.2のスクリプトに入れ替えました。コントロールボックスのついたスライドショーのようなエフェクトを施すことができるようになっています。 DOWNLOAD Downloadはコチラから。348KB 使い方はZipの中のReadme_first_japaneseをご利用ください。こちらの記事も合わせてご覧ください。
![[WordPress Plugins] WPJ-Highslide 0.2 � Odysseygate.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【図解】CSSだけで画像の縦横比を維持したサムネイルを表示する - Qiita
We are Realmac Software
HeartRails Capture | サムネイル画像／PDF ファイル作成サービス
