Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Webサービスにおける画像変換の実践 / ImageFlux meetup - hands-on
Search
ImageFlux
October 12, 2018
Technology
2
18k
Webサービスにおける画像変換の実践 / ImageFlux meetup - hands-on
Webサービスにおける画像変換の実践
ピクシブ株式会社
道井俊介
ImageFlux meetup #2
— 2018-09-25
ImageFlux
October 12, 2018
Tweet
Share
More Decks by ImageFlux
See All by ImageFlux
ImageFluxについて / CAMPHOR- 2021-12-18
imageflux
0
560
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
3.2k
最高の購入体験を実現するための画像ダイナミックチューニング / ImageFlux meetup - Guest session #1
imageflux
3
18k
ImageFlux Live Streamingでサービス開発に集中する / ImageFlux meetup #2 - Guest Session #3
imageflux
0
5.6k
ImageFlux Live Streamingについて
imageflux
0
31k
ImageFlux Updates 2018
imageflux
2
1.3k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
6
10k
Other Decks in Technology
See All in Technology
AI×医用画像の現状と可能性_2024年版/AI×medical_imaging_in_japan_2024
tdys13
1
1.2k
20250116_JAWS_Osaka
takuyay0ne
1
150
OPENLOGI Company Profile for engineer
hr01
1
18k
2025年の挑戦 コーポレートエンジニアの技術広報/techpr5
nishiuma
0
110
.NET 最新アップデート ~ AI とクラウド時代のアプリモダナイゼーション
chack411
0
160
新しいスケーリング則と学習理論
taiji_suzuki
9
3.8k
知っててうれしい SQL について
greendrop
0
110
スケールし続ける事業とサービスを支える組織とアーキテクチャの生き残り戦略 / The survival strategy for Money Forward’s engineering.
moneyforward
0
250
プロダクトの寿命を延ばすためにエンジニアが考えるべきこと 〜バージョンアップってなんのためにやるのか〜 / Strategies for product longevity
kaonavi
0
100
Accessibility Inspectorを活用した アプリのアクセシビリティ向上方法
hinakko
0
140
OCI技術資料 : ファイル・ストレージ 概要
ocise
3
12k
いまからでも遅くないコンテナ座学
nomu
0
210
Featured
See All Featured
Statistics for Hackers
jakevdp
797
220k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Side Projects
sachag
452
42k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
340
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Transcript
MICHII Shunsuke, pixiv Inc. ImageFlux meetup #2 — 2018-09-25 8FC؟٦ؽأחֶֽ歗⫷㢌䳔ך㹋騧
8FC؟٦ؽأחֶֽ歗⫷ *NBHF'MVYך㼪Ⰵ ⵃ欽דֹ歗⫷㢌䳔ػًٓ٦ة ،فٔ؛٦ءّٝפך穈鴥
8FC؟٦ؽأחֶֽ歗⫷ ECαʔϏεʹ͓͚Δը૾ ιʔγϟϧαʔϏεʹ͓͚ΔϓϩϑΟʔϧը૾ ϝσΟΞʹ͓͚Δ৴ࠂը૾ ΠϥετɺϚϯΨɺχϡʔείϯςϯπ
رؠ؎ٝחさׇג醱侧珏겲ך歗⫷ָ䗳銲
䖞勻ך歗⫷ꂁ⥋ • ඞཁͳը૾Λࣄલʹੜͯ͠ετϨʔδʹอଘ • ImageMagickɺGDͱ͍ͬͨը૾ॲཧϥΠϒϥϦͷӡ༻͕ඞཁ • σβΠϯมߋ࣌ʹඞཁͳը૾શͯΛ࠶ੜ ! αʔόʔαΠυΞϓϦέʔγϣϯ ߘऀ
ImageMagick, GD…
• ࠷దͳUXΛఏڙ͍ͨ͠ • σβΠφʔɺσΟϨΫλʔͰͦͷॠؒʹඞཁͳը૾͕ཉ͍͠ • ը૾มͰͳ͘ɺαʔϏεͷ࣮ʹूத͍ͨ͠
None
*NBHF'MVYך㼪Ⰵ
*NBHF'MVYך㼪Ⰵ • ཧը໘͔ΒΦϦδϯαʔόΛઃఆ • ը૾ͷURLΛมߋ • ը૾ͷετϨʔδҠߦ࡞ۀඞཁͳ͠
*NBHF'MVYך㼪Ⰵ 傀㶷أزٖ٦آⵃ欽 63-㢌刿 ؔٔآٝ؟٦غ鏣㹀
زٓ؎،ٕ歍׃鴥ַ鸐䌢㌀噟傈⟃ⰻח،ؕؐٝز涪遤׃תׅ
None
None
5ZQF ˖ )551)5514 ˖ 4 )PTU ؔٔآٝ؟٦غךمأزせ䭷㹀 1BUI1SFY ػأךفٖؿ؍حؙأ䭷㹀 ⢽JNBHFT
ⵃ欽דֹ歗⫷㢌䳔ػًٓ٦ة
䭁㣐簭㼭 ؿؓ٦وحزך㢌䳔
https://demo.imageflux.jp/c/w=600/bridge.jpg https://demo.imageflux.jp/c/w=600,h=600/bridge.jpg 䌴QYך歗⫷《䖤 䌴ծ넝ׁQYך歗⫷《䖤
a=0 a=1 a=2 a=3 簚埆嫰笝䭯 ٔ؟؎ؤ ؙٗحؾؚٝ ػر؍ؚٝ
a=2,g=1 㛇彊挿䭷㹀
w=600,h=600,a=3,b=ffffff/bridge.jpg w=600,h=600,a=3,b=ffffff,g=2/bridge.jpg ػر؍ؚٝך胜兝葿䭷㹀 㛇彊挿䭷㹀
https://demo.imageflux.jp/c/w=600,f=webp:auto/bridge.jpg https://demo.imageflux.jp/c/f=webp,q=50/bridge.jpg https://demo.imageflux.jp/c/w=600,f=webp:jpeg/bridge.jpg ,# +1&( ,# 8FC1 8FC1㼎䘔ـٓؐؠחכ8FC1䘔瘶 㼎䘔׃גְזְـٓؐؠח㼎׃גכؿؓ٦ٕغحؙ ,#
ؙؓٔذ؍ػًٓ٦ة䭷㹀 8FC1 R
歗⫷ךؔ٦غ٦ٖ؎さ䧭 歗⫷ךⴖ䫙ֹ ך➭ך堣腉
،فٔ؛٦ءّٝפך穈鴥
،فٔ؛٦ءّٝד63-䭷㹀 盖椚歗דػًٓ٦ة䭷㹀
،فٔ؛٦ءّٝדך63-穈甧ג //{{ imageflux_hostname }}/c/w=600,h=600,a=2/{{ image_path }} ذٝفٖ٦زפך湫䱸㙵鴥 3VCZ(FNTJNBHF@VY IUUQTHJUIVCDPNTQBDFQJSBUFTMMDJNBHF@VY require
'image_flux' origin = ImageFlux::Origin.new(domain: 'example.imageflux.jp') origin.image_url("/original.jpg", width: 100) # => https://example.imageflux.jp/c/w=100/original.jpg
盖椚歗דך鏣㹀
盖椚歗דך鏣㹀 1SFY ػأךفٖؿ؍حؙأ䭷㹀 ⢽TNBMM 1BUI 《䖤⯓ךػأفٖؿ؍حؙأ䭷㹀 1BSBNFUFS 歗⫷㢌䳔ךػًٓ٦ة䭷㹀
https://demo.imageflux.jp/w=100/bridge.jpg 䌴QYך歗⫷《䖤 https://demo.imageflux.jp/small/bridge.jpg 㹀纏幥ךػًٓ٦ةדך㢌䳔 ַ֮ׄ㹀纏׃ػًٓ٦ةדך歗⫷㢌䳔
8FC؟٦ؽأחֶֽ歗⫷ *NBHF'MVYך㼪Ⰵ ⵃ欽דֹ歗⫷㢌䳔ػًٓ٦ة ،فٔ؛٦ءّٝפך穈鴥
תה • ImageFluxΛར༻͢Δ͜ͱͰɺը૾มʹ։ൃίετΛ ׂ͘͜ͱͳ͘ɺϏδωεʹྗ͢Δ͜ͱ͕Ͱ͖·͢ • ·ͣҰແྉτϥΠΞϧΛ͓ࢼ͍ͩ͘͠͞ɻ αʔϏεϖʔδ͔Β͓ਃ͠ࠐΈՄೳͰ͢