Suche senden
Hochladen
カンタン画像サムネイル作成「Smalllight」
•
4 gefällt mir
•
4,791 views
livedoor
Folgen
Technologie
Melden
Teilen
Melden
Teilen
1 von 25
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Webアプリケーションは難しい
Webアプリケーションは難しい
Takafumi ONAKA
SPAセキュリティ入門~PHP Conference Japan 2021
SPAセキュリティ入門~PHP Conference Japan 2021
Hiroshi Tokumaru
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
mosa siru
Fluentdで本番環境を再現
Fluentdで本番環境を再現
Hiroshi Toyama
世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture
Atsushi Nakamura
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)
mosa siru
AngularとSpring Bootで作るSPA + RESTful Web Serviceアプリケーション
AngularとSpring Bootで作るSPA + RESTful Web Serviceアプリケーション
ssuser070fa9
FastAPIのテンプレートプロジェクトがいい感じだった話
FastAPIのテンプレートプロジェクトがいい感じだった話
NipponAlgorithm
Empfohlen
Webアプリケーションは難しい
Webアプリケーションは難しい
Takafumi ONAKA
SPAセキュリティ入門~PHP Conference Japan 2021
SPAセキュリティ入門~PHP Conference Japan 2021
Hiroshi Tokumaru
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
mosa siru
Fluentdで本番環境を再現
Fluentdで本番環境を再現
Hiroshi Toyama
世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture
Atsushi Nakamura
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)
mosa siru
AngularとSpring Bootで作るSPA + RESTful Web Serviceアプリケーション
AngularとSpring Bootで作るSPA + RESTful Web Serviceアプリケーション
ssuser070fa9
FastAPIのテンプレートプロジェクトがいい感じだった話
FastAPIのテンプレートプロジェクトがいい感じだった話
NipponAlgorithm
イミュータブルデータモデルの極意
イミュータブルデータモデルの極意
Yoshitaka Kawashima
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
Kentaro Matsui
マイクロサービス 4つの分割アプローチ
マイクロサービス 4つの分割アプローチ
増田 亨
Elasticsearch の検索精度のチューニング 〜テストを作って高速かつ安全に〜
Elasticsearch の検索精度のチューニング 〜テストを作って高速かつ安全に〜
Takahiko Ito
Oss貢献超入門
Oss貢献超入門
Michihito Shigemura
Tackling Complexity
Tackling Complexity
Yoshitaka Kawashima
フロー効率性とリソース効率性、再入門 #devlove #devkan
フロー効率性とリソース効率性、再入門 #devlove #devkan
Itsuki Kuroda
マイクロサービス時代の認証と認可 - AWS Dev Day Tokyo 2018 #AWSDevDay
マイクロサービス時代の認証と認可 - AWS Dev Day Tokyo 2018 #AWSDevDay
都元ダイスケ Miyamoto
Java ORマッパー選定のポイント #jsug
Java ORマッパー選定のポイント #jsug
Masatoshi Tada
心理的安全性の構造 デブサミ2019夏 structure of psychological safety
心理的安全性の構造 デブサミ2019夏 structure of psychological safety
Tokoroten Nakayama
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
Google Cloud で実践する SRE
Google Cloud で実践する SRE
Google Cloud Platform - Japan
At least onceってぶっちゃけ問題の先送りだったよね #kafkajp
At least onceってぶっちゃけ問題の先送りだったよね #kafkajp
Yahoo!デベロッパーネットワーク
Redisの特徴と活用方法について
Redisの特徴と活用方法について
Yuji Otani
UI 開発をアジャイルに行うための Atomic Design
UI 開発をアジャイルに行うための Atomic Design
Yusuke Goto
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
kwatch
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
Recruit Lifestyle Co., Ltd.
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Yahoo!デベロッパーネットワーク
基礎からのOAuth 2.0とSpring Security 5.1による実装
基礎からのOAuth 2.0とSpring Security 5.1による実装
Masatoshi Tada
導入から 10 年、PHP の trait は滅びるべきなのか その適切な使いどころと弱点、将来について
導入から 10 年、PHP の trait は滅びるべきなのか その適切な使いどころと弱点、将来について
shinjiigarashi
ngx_small_light
ngx_small_light
Tatsuhiko Kubo
RICOH THETAの全天球画像でペーパークラフト
RICOH THETAの全天球画像でペーパークラフト
Takehiko YOSHIDA
Weitere ähnliche Inhalte
Was ist angesagt?
イミュータブルデータモデルの極意
イミュータブルデータモデルの極意
Yoshitaka Kawashima
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
Kentaro Matsui
マイクロサービス 4つの分割アプローチ
マイクロサービス 4つの分割アプローチ
増田 亨
Elasticsearch の検索精度のチューニング 〜テストを作って高速かつ安全に〜
Elasticsearch の検索精度のチューニング 〜テストを作って高速かつ安全に〜
Takahiko Ito
Oss貢献超入門
Oss貢献超入門
Michihito Shigemura
Tackling Complexity
Tackling Complexity
Yoshitaka Kawashima
フロー効率性とリソース効率性、再入門 #devlove #devkan
フロー効率性とリソース効率性、再入門 #devlove #devkan
Itsuki Kuroda
マイクロサービス時代の認証と認可 - AWS Dev Day Tokyo 2018 #AWSDevDay
マイクロサービス時代の認証と認可 - AWS Dev Day Tokyo 2018 #AWSDevDay
都元ダイスケ Miyamoto
Java ORマッパー選定のポイント #jsug
Java ORマッパー選定のポイント #jsug
Masatoshi Tada
心理的安全性の構造 デブサミ2019夏 structure of psychological safety
心理的安全性の構造 デブサミ2019夏 structure of psychological safety
Tokoroten Nakayama
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
Google Cloud で実践する SRE
Google Cloud で実践する SRE
Google Cloud Platform - Japan
At least onceってぶっちゃけ問題の先送りだったよね #kafkajp
At least onceってぶっちゃけ問題の先送りだったよね #kafkajp
Yahoo!デベロッパーネットワーク
Redisの特徴と活用方法について
Redisの特徴と活用方法について
Yuji Otani
UI 開発をアジャイルに行うための Atomic Design
UI 開発をアジャイルに行うための Atomic Design
Yusuke Goto
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
kwatch
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
Recruit Lifestyle Co., Ltd.
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Yahoo!デベロッパーネットワーク
基礎からのOAuth 2.0とSpring Security 5.1による実装
基礎からのOAuth 2.0とSpring Security 5.1による実装
Masatoshi Tada
導入から 10 年、PHP の trait は滅びるべきなのか その適切な使いどころと弱点、将来について
導入から 10 年、PHP の trait は滅びるべきなのか その適切な使いどころと弱点、将来について
shinjiigarashi
Was ist angesagt?
(20)
イミュータブルデータモデルの極意
イミュータブルデータモデルの極意
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
マイクロサービス 4つの分割アプローチ
マイクロサービス 4つの分割アプローチ
Elasticsearch の検索精度のチューニング 〜テストを作って高速かつ安全に〜
Elasticsearch の検索精度のチューニング 〜テストを作って高速かつ安全に〜
Oss貢献超入門
Oss貢献超入門
Tackling Complexity
Tackling Complexity
フロー効率性とリソース効率性、再入門 #devlove #devkan
フロー効率性とリソース効率性、再入門 #devlove #devkan
マイクロサービス時代の認証と認可 - AWS Dev Day Tokyo 2018 #AWSDevDay
マイクロサービス時代の認証と認可 - AWS Dev Day Tokyo 2018 #AWSDevDay
Java ORマッパー選定のポイント #jsug
Java ORマッパー選定のポイント #jsug
心理的安全性の構造 デブサミ2019夏 structure of psychological safety
心理的安全性の構造 デブサミ2019夏 structure of psychological safety
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Google Cloud で実践する SRE
Google Cloud で実践する SRE
At least onceってぶっちゃけ問題の先送りだったよね #kafkajp
At least onceってぶっちゃけ問題の先送りだったよね #kafkajp
Redisの特徴と活用方法について
Redisの特徴と活用方法について
UI 開発をアジャイルに行うための Atomic Design
UI 開発をアジャイルに行うための Atomic Design
O/Rマッパーによるトラブルを未然に防ぐ
O/Rマッパーによるトラブルを未然に防ぐ
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
ホットペッパービューティーにおけるモバイルアプリ向けAPIのBFF/Backend分割
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
基礎からのOAuth 2.0とSpring Security 5.1による実装
基礎からのOAuth 2.0とSpring Security 5.1による実装
導入から 10 年、PHP の trait は滅びるべきなのか その適切な使いどころと弱点、将来について
導入から 10 年、PHP の trait は滅びるべきなのか その適切な使いどころと弱点、将来について
Andere mochten auch
ngx_small_light
ngx_small_light
Tatsuhiko Kubo
RICOH THETAの全天球画像でペーパークラフト
RICOH THETAの全天球画像でペーパークラフト
Takehiko YOSHIDA
JPEGのDCTブロックで コンテンツ指向のトリミング
JPEGのDCTブロックで コンテンツ指向のトリミング
Yohsuke Furuta
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Futomi Hatano
Easy scripting in Go
Easy scripting in Go
naoty_bot
ngx_small_lightで動的サムネイル生成 #yapcasia2012
ngx_small_lightで動的サムネイル生成 #yapcasia2012
Tatsuhiko Kubo
料理を楽しくする画像配信システム
料理を楽しくする画像配信システム
Issei Naruta
機械学習と深層学習の数理
機械学習と深層学習の数理
Ryo Nakamura
H2O x mrubyで人はどれだけ幸せになれるのか
H2O x mrubyで人はどれだけ幸せになれるのか
Ichito Nagata
Andere mochten auch
(9)
ngx_small_light
ngx_small_light
RICOH THETAの全天球画像でペーパークラフト
RICOH THETAの全天球画像でペーパークラフト
JPEGのDCTブロックで コンテンツ指向のトリミング
JPEGのDCTブロックで コンテンツ指向のトリミング
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Easy scripting in Go
Easy scripting in Go
ngx_small_lightで動的サムネイル生成 #yapcasia2012
ngx_small_lightで動的サムネイル生成 #yapcasia2012
料理を楽しくする画像配信システム
料理を楽しくする画像配信システム
機械学習と深層学習の数理
機械学習と深層学習の数理
H2O x mrubyで人はどれだけ幸せになれるのか
H2O x mrubyで人はどれだけ幸せになれるのか
Ähnlich wie カンタン画像サムネイル作成「Smalllight」
20101220 pixiv tech_meeting
20101220 pixiv tech_meeting
semind
Web Operations and Perl kansai.pm#14
Web Operations and Perl kansai.pm#14
Masahiro Nagano
OSC 2011 Hokkaido 自宅SAN友の会(後半)
OSC 2011 Hokkaido 自宅SAN友の会(後半)
Satoshi Shimazaki
pixivのインフラを支える技術
pixivのインフラを支える技術
Ryuta Kamizono
らくちん Go言語
らくちん Go言語
株式会社YEBIS.XYZ
Html5勉強会資料 2012821
Html5勉強会資料 2012821
Cohei Aoki
サバカン屋のサバ缶はre:Inventで通用したのか&すぐに使える!最新運用ネタ #re:Port2016
サバカン屋のサバ缶はre:Inventで通用したのか&すぐに使える!最新運用ネタ #re:Port2016
Kohei Hoshi
名古屋Ruby会議01 A3.製造業向け3Dデータ変換ソリューションにおけるRuby活用事例
名古屋Ruby会議01 A3.製造業向け3Dデータ変換ソリューションにおけるRuby活用事例
Shigeru UCHIYAMA
マイクロサービス時代の生存戦略 with HashiCorp
マイクロサービス時代の生存戦略 with HashiCorp
Masahito Zembutsu
OSC Tokyo fall LT~Dockerで分散処理をやってみた
OSC Tokyo fall LT~Dockerで分散処理をやってみた
atk1234
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
Akihiro Kuwano
分散KVSをサービス化してみた ~Okuyama(KVS)もFusion-IO(ioDrive)もあるんだよ~
分散KVSをサービス化してみた ~Okuyama(KVS)もFusion-IO(ioDrive)もあるんだよ~
Masahito Zembutsu
Ansible 入門 #01 (初心者向け)
Ansible 入門 #01 (初心者向け)
Taro Hirose
ゲームのインフラをAwsで実戦tips全て見せます
ゲームのインフラをAwsで実戦tips全て見せます
infinite_loop
Real world rails
Real world rails
Jun Yokoyama
Assembly Tanka on Web - Aiko Kenji
Assembly Tanka on Web - Aiko Kenji
asmtanka
Lv1から始めるWebサービスのインフラ構築
Lv1から始めるWebサービスのインフラ構築
伊藤 祐策
tcpdump & xtrabackup @ MySQL Casual Talks #1
tcpdump & xtrabackup @ MySQL Casual Talks #1
Ryosuke IWANAGA
Jaws ug北九州第2回もくもく会資料
Jaws ug北九州第2回もくもく会資料
Yutaka Fujisaki
Ajhcコンパイラの押売りに来ました
Ajhcコンパイラの押売りに来ました
Kiwamu Okabe
Ähnlich wie カンタン画像サムネイル作成「Smalllight」
(20)
20101220 pixiv tech_meeting
20101220 pixiv tech_meeting
Web Operations and Perl kansai.pm#14
Web Operations and Perl kansai.pm#14
OSC 2011 Hokkaido 自宅SAN友の会(後半)
OSC 2011 Hokkaido 自宅SAN友の会(後半)
pixivのインフラを支える技術
pixivのインフラを支える技術
らくちん Go言語
らくちん Go言語
Html5勉強会資料 2012821
Html5勉強会資料 2012821
サバカン屋のサバ缶はre:Inventで通用したのか&すぐに使える!最新運用ネタ #re:Port2016
サバカン屋のサバ缶はre:Inventで通用したのか&すぐに使える!最新運用ネタ #re:Port2016
名古屋Ruby会議01 A3.製造業向け3Dデータ変換ソリューションにおけるRuby活用事例
名古屋Ruby会議01 A3.製造業向け3Dデータ変換ソリューションにおけるRuby活用事例
マイクロサービス時代の生存戦略 with HashiCorp
マイクロサービス時代の生存戦略 with HashiCorp
OSC Tokyo fall LT~Dockerで分散処理をやってみた
OSC Tokyo fall LT~Dockerで分散処理をやってみた
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
分散KVSをサービス化してみた ~Okuyama(KVS)もFusion-IO(ioDrive)もあるんだよ~
分散KVSをサービス化してみた ~Okuyama(KVS)もFusion-IO(ioDrive)もあるんだよ~
Ansible 入門 #01 (初心者向け)
Ansible 入門 #01 (初心者向け)
ゲームのインフラをAwsで実戦tips全て見せます
ゲームのインフラをAwsで実戦tips全て見せます
Real world rails
Real world rails
Assembly Tanka on Web - Aiko Kenji
Assembly Tanka on Web - Aiko Kenji
Lv1から始めるWebサービスのインフラ構築
Lv1から始めるWebサービスのインフラ構築
tcpdump & xtrabackup @ MySQL Casual Talks #1
tcpdump & xtrabackup @ MySQL Casual Talks #1
Jaws ug北九州第2回もくもく会資料
Jaws ug北九州第2回もくもく会資料
Ajhcコンパイラの押売りに来ました
Ajhcコンパイラの押売りに来ました
Kürzlich hochgeladen
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
Kürzlich hochgeladen
(8)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
カンタン画像サムネイル作成「Smalllight」
1.
カンタン画像サムネイル生成
株式会社ライブドア 開発部 山下 拓也
2.
画像サムネイル サムネイルの構築 – アップロードされた画像をサムネイル化(縮小) – サムネイル化された画像を保存 よくあること –
複数パターンのサムネイル(大・中・小・縦長など) – 機能追加によるサムネイルパターンの増加 管理が面倒 動的に生成
3.
Small Light Small
Light(スモールライト) – to smaller → 小さく – to lighter → 軽く Small + Light = Small Light
4.
導入コンテンツ
coming soon
5.
Small Lightの概要 Apache module
– mod_small_light – OutputFilter – Imlib2 – ImageMagick(wand)
6.
mod_small_light URL中にリサイズ定義を含める 単純な縮小
長辺・短辺を基準としたcrop 単色の枠をつける(モバイル向け) Sharpen/Blur/UnsharpMask
7.
Small Light 定義文字列
/small_light(dw= http://example.com 60,dh=60,...e=imlib2)/http://int ernal.example.com/images/12345678.jpg URL中に – small_light(定義文字列)
8.
small_light( ) 変換前の画像の座標指定:
sx 変換前画像x座標 sy 変換前画像y座標 sw 変換前画像横幅 sh 変換前画像縦幅 変換後の画像の座標指定: dx 変換後画像x座標 dy 変換後画像y座標 dw 変換後画像横幅 dh 変換後画像縦幅 変換オプション: da 変換後画像アスペクト比制御種別 (s=短辺基準 l=長辺基準 n=なし 初期値:l) ds 変換後画像スケーリング制御種別 (s=小さい画像も拡大 n=小さい画像はそのまま 初期値:n)
9.
small_light( ) キャンバス:
cw キャンバス横幅 ch キャンバス縦幅 cc キャンバス色 ボーダー: bw ボーダー横幅 bh ボーダー縦幅 bc ボーダー色 出力オプション: of 出力形式(jpeg,png) q クォリティー(0~100)
10.
small_light( ) その他:
info HTTPヘッダーに詳細情報を出力 p パターン名 e 画像変換ライブラリ名 (imlib2,imagemagick,gegl,dummy) sharpen シャープ unsharp アンシャープマスク blur ブラー(ぼかし)
11.
httpd.conf RewriteRule ^/small_light[^/]+/(http://.+)$ $1
[P,L] <LocationMatch ^/small_light[^/]+/> SetOutputFilter SMALL_LIGHT </LocationMatch> </LocationMatch> RewriteRule ^/resize/(L|M|S)/(.+¥.jpg)$ http://localhost/small_light(p=$1)/http://image.exa ^/resize/(L|M|S)/(.+¥ jpg)$ http://localhost/small_light(p=$1)/http://image.exa mple.com/$2 [P,L] mple.com/$2 SmallLightPatternDefine L sx=5p,sy=5p,sw=90p,sh=90p,dw=200,dh=200,da=l,d sx=5p,sy=5p,sw=90p,sh=90p,dw=200,dh=200,da=l,d s=s,cw=200,ch=200,cc=ffffff,q=80,of=jpg =s,cw=200,ch=200,cc=ffffff,q=80,of=jpg SmallLightPatternDefine M sx=5p,sy=5p,sw=90p,sh=90p,dw=100,dh=100,da=l, sx=5p,sy=5p,sw=90p,sh=90p,dw=100,dh=100,da=l, ds=s,cw=100,ch=100,cc=ffffff,q=70,of=jpg ds=s,cw=100,ch=100,cc=ffffff,q=70,of=jpg SmallLightPatternDefine S sx=5p,sy=5p,sw=90p,sh=90p,dw=50,dh=50,da=l,ds sx=5p,sy=5p,sw=90p,sh=90p,dw=50,dh=50,da=l,ds =s,cw=50,ch=50,cc=ffffff,q=60,of=jpg =s,cw=50,ch=50,cc=ffffff,q=60,of=jpg # /resize/L/ → small_light(p=L) small_light(p=L) # /resize/M/ → small_light(p=M) small_light(p=M) # /resize/S/ → small_light(p=S) small_light(p=S)
12.
smalled lighted 元画像 160x160
の画像から 60x60 のサムネイル 60x60 元画像 160x160 http://.../small_light(dw=60,dh=60)/...
13.
smalled lighted 枠つき
枠つき small_light(dw=60,dh=60, bw=3,bh=3,bc=808080)
14.
smalled lighted ブラー効果
ブラー効果 small_light(dw=60,dh=60, blur=8)
15.
smalled lighted キャンバスとは? small_light(cw=160,ch=160,cc=ff00ff)
キャンバスなし 160x43 キャンバスあり 160x160
16.
smalled lighted sharpen=0
17.
smalled lighted sharpen=1
18.
以上 なんですが・・・
19.
さすがに軽くはない
20.
nginx + squid
nginx – ngx_http_upstream_consistent_hash – failover squid
21.
サーバー構成 サービスA
サービスA サービスB サービスB サービスC サービスC load balancer load balancer nginx nginx nginx nginx nginx nginx nginx nginx squid squid squid squid squid squid squid squid apache apache apache apache apache apache apache apache (mod_small_light) (mod_small_light) (mod_small_light) (mod_small_light) (mod_small_light) (mod_small_light) (mod_small_light) (mod_small_light) STF / image storage STF / image storage
22.
稼働状況 複数のコンテンツで4台を共有 1台約450万reqs/day (4台約1,800万reqs/day) squid キャッシュヒット率
約70% cache hits = 300万, cache misses = 150万 150万reqs/day = small light load averageはまだまだ余裕
23.
nginx + squid
nginx + squidの詳細について – [ hideden + nginx ] というキーワードで、 Googleでググったり、 NAVERでネバったりしてみてください。
24.
まとめ サムネイルを動的に生成して楽をする 楽した分をキャッシュサーバーでカバー
25.
ありがとうございました
Jetzt herunterladen