pCloud Partner Program

好用的縮圖與快取服務(images.weserv.nl)

好用軟體 2017/10/05 15:52
views: 62221 times
在查找 imgproxy 專案時, 找到的一個圖片快取、調整大小的一個服務:

https://images.weserv.nl/

在網站應用上, 這種使用情境是很常見的需求, 當然, 自己寫或是用已有的專案都能解決, 如前面提到的 imgproxy 專案:

https://github.com/DarthSim/imgproxy
https://github.com/willnorris/imageproxy

不過像是 weserv 這樣的, 可以直接使用的服務就更方便了. 接下來來測試一下效果. 以這張圖為例:

https://www.flickr.com/photos/okilyt/35120121534/sizes/l

在 flickr 上會生成許多尺寸, 如下(連原始圖共12種類):

Original (4512 x 3008)
Large 2048 (2048 x 1365)
Large 1600 (1600 x 1067)
Large 1024 (1024 x 683)
Medium 800 (800 x 534)
Medium 640 (640 x 427)
Medium 500 (500 x 333)
Small 320 (320 x 213)
Small 240 (240 x 160)
Thumbnail (100 x 67)
Square 150 (150 x 150)
Square 75 (75 x 75)

利用 image.weserv.nl 來進行對應操作, 會使用到的參數就是 url, w, h, t (基本的參數), 先來介紹一下簡單用法, url 為必要參數, 因為是快取圖片來源的基礎, 不需要給 protocol, 從 host 開始即可, 如

http://sample.diary.tw/imgs/001.jpg 只需要給 sample.diary.tw/imgs/001.jpg (需要 url encode)

接下來是 w 寬度參數, 預設會成比例縮小, 若是 w, h 同時給, 則以較小的為約束邊, 進行縮小, 若是再給定 t=square 則用來限制縮小的圖為方形縮圖, 要了解更多就參考網站上的說明:
 
https://images.weserv.nl/#quick-reference

相信很快就能上手.

再來對應上面 flickr size 分別產出結果如下(都使用原始圖來生成):

more..




top

再調整flickrset小工具

好用軟體 2015/08/28 11:49
views: 74338 times
針對 flickrset 小工具, 已經有多次的調整並強化了. 這次針對產生的圖片結果進行連結分享與討論(利用 facebook comments).

大家可以試用看看, 希望對於使用更便利.

工具連結: http://sample.diary.tw/flickrset/

產生的連結範例: http://sample.diary.tw/flickrset/?setid=72157600079438372

top

Flickr Slidershow

好用軟體 2015/02/18 17:40
views: 96978 times
想要秀一下在 flickr 上的相片嗎?

使用好用的 flickr slidershow 功能, 像是這個: http://www.flickrslideshow.com/ , 只需要填入 URL of user 或是 set, 就可以產生 embed 的 flickr 相簿. (使用 flash)

另外像是這個: http://flickrit.com/ , 則是填入關鍵字、標籤、相簿代碼、使用者或是群組代碼, 即可產生 embed 的 flickr 幻燈片. (使用 iframe , 不使用 flash)

後者效果如下:

top

Flickr免費空間大躍進-1TB讓你空間用不完

WebTrend 2013/05/24 18:06
views: 224877 times
最近的 yahoo 動作很多, 包含收購 tumblr, 另外就是這個 flickr 的大改版.

我也是 flickr pro的愛用者, 好用的介面, 好用的管理方式以及簡潔的呈現, 所以付費用了好一陣子. 唯一美中不足的是他的地圖圖資很不好, 不是Google(廢話).

最近的改版, 將介面調整, 並且讓免費會員就有 1TB 的超級大空間, 另外像是以往要付費會員才能解除的日上傳量限制及只能秀最後200張圖, 都在這次的改版取消了, 很大幅的躍進.

下一次的會員到期就可以不用續了, 轉為免費會員好好來繼續給他支持用下去.

以 1TB 的空間來看, 放 1200萬畫素的相片可以放到 29萬張 - 根據 http://www.flickr.com/#storage 這個連結來看. 不過我的經驗是大約一張 10MB, 所以約存到 10萬張左右(但也相當夠用了).

希望能一樣保有好的使用者體驗及好的服務, 加油吧!

付費功能有兩種, 一為無廣告, 每年49.99美金, 一為空間加倍(2TB), 每年499.99美金. (相較之前的 flickr pro真是不便宜啊!)
top

flickr的相片尺寸

程式技術 2013/03/20 15:16
views: 246838 times
上傳到 flickr 的相片會轉出數種尺寸, 一共有哪些尺寸呢? 以這張圖為例:

http://www.flickr.com/photos/okilyt/7675009574/sizes/l/in/set-72157630816774922/

上面看到的尺寸分別為:

Square 75, Square 150, Thumbnail, Small 240, Small 320, Medium 500, Medium 640, Medium 800, Large 1024, Large 1600, Large 2048, Original 共計 12 種尺寸, 其中的 Medium 800, Large 1600, Large 2048 這 3種是要在 2012/3/1 後上傳才新增的尺寸.

尺寸說明如下:
Square 75 為 75x75, Square 150 為 150x150, Thumbnail 為長邊100, Small 240 為長邊240, Small 320 為長邊320, Medium 500為長邊 500, Medium 800為長邊 800, Large 1024為長邊 1024, Large 1600 為長邊 1600, Large 2048為長邊 2048, Original 則為原圖.

上面的範例圖來看, 網址為:

http://farm9.staticflickr.com/8423/7675009574_9053807c52_b.jpg

其中最後的 _b 就是他的尺寸代碼, 尺寸代碼共計以下:
Square 75 為 _s, Square 150 為 _q, Thumbnail 為 _t, Small 240 為 _m, Small 320 為 _n, Medium 500為預設無代碼, Medium 800為 _c, Large 1024為 _b, Large 1600 為 _h, Large 2048為_k, Original 則為 _o.

所以上面的 _b 就是 Large 1024了.

調整一下由 flickr setid 取出相簿功能的程式, 將相片尺寸也列入功能, 於是增加了可以選擇相片尺寸的版本:

http://sample.diary.tw/flickrset/

大家可以用看看!

ps. 由於 _o 必須是有 flickr pro 帳號才有的功能, 所以不把這個尺寸加到可選的功能內.

官方資料: http://www.flickr.com/help/photos/#18
top
TAG flickr, photo, size

YQL for flickr的問題

程式技術 2011/10/04 18:13
views: 98462 times
之前寫了一篇利用 YQL 查詢 setid 取出 flickr 中的照片功能: http://diary.tw/tim/898

不過最近似乎是失效了, 檢查一下, 發現 YQL 只會回傳 flickr 的 api url, 而不主動回傳 photos 的內容, 訪問該 flickr api url:

http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&photoset_id={set_id}&page=1&per_page=10

會回傳:

<rsp stat="fail">
  <err code="100" msg="Invalid API Key (Key has invalid format)"/>
</rsp>

所以只好來去申請 flickr 的 api key, 才能查詢了. 不過這樣就不用透過 YQL 了, 直接向 flickr api 取出內容即可. 申請的網址在這裡: http://www.flickr.com/services/api/keys/ , (有分兩種, free 及 commercial 的, 請依開發用途申請即可) 申請好了之後, 可以直接從該 api 服務介紹來查找這個由 setid 找出照片服務, 不過已經知道由 YQL 給的 flickr api url 了, 所以再掛上 api key 就可以順利輸出結果了, 如下:

http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key={api_key}&photoset_id={set_id}&format=rest

輸出結果如下:

如此一來, 又能順利正常工作啦, 網址不變, 仍在這裡: http://sample.diary.tw/flickrset/ 請多加利用!!
top
TAG api, flickr, YQL

利用YQL對flickr單一相片取出對應網址

好用軟體 2011/03/07 23:30
views: 155349 times
這個是繼之前 flickrset 取出整本相簿工具後的另一個小小的 flickr 應用.

一般利用 flickr 來當 blog 圖床應用很多, 不過常常看到圖, 但想要找出來在原來 flickr 的哪裡, 所屬哪個 user 或哪個相簿的查找不是很容易, 利用 YQL 的 flickr.photos.info 這個 table 可以查找出來 photo_id 對應的 url, 進而找出來圖片的來源, 及原來所屬的上傳者, 例如:

http://farm4.static.flickr.com/3542/35450735270_82b8e9945c_z.jpg

這張相片, 上面的 photo_id 為 35450735270, 帶入 YQL 利用這個查詢指令:

select urls from flickr.photos.info where photo_id='3545073570'

後, 可以查出以下結果:

http://developer.yahoo.com/yql/console/#h=select%20urls%20from%20flickr.photos.info%20where%20photo_id%3D%273545073570%27



其中的 http://www.flickr.com/photos/okilyt/3545073570/ 就是原來的相片在 flickr 內的 url 了, 連回去看, 就能找出上傳者及對應相簿了, 方便大家使用.

已實作好的工具 url 在這裡: http://sample.diary.tw/flickrphoto/ , 只需要填入圖片連結, 無論是大圖小圖縮圖都可以, 程式自動會判定 photo_id, 並帶入 YQL 後查詢出來在 flickr 內的連結, 大家可以試看看.

[2011/10/6 15:00]已改為使用 flickr api 了, 因為 YQL 直接提供資料輸出, 請參考這篇: http://diary.tw/tim/964
top
TAG flickr, info, photo, YQL

再調整一下flickrset小工具

好用軟體 2010/09/15 23:38
views: 389587 times
之前利用了 YQL 將 Flickr 中的 set 相簿 url 抓出來 (LINK), 方便在寫文章時, 取出整本相簿的相片內容, 也容易引用, 利用產生 html 的方式, 更方便應用.

不過還差了一點點, 就是預覽的功能, 今天花了一點時間, 多加了一些程式把這個功能加上去了, 操作方式很單純:

1. 先填入 flickr set id
2. 再選擇 "with html" 選項
3. 按下 "產生圖片網址"
4. 若 set id 正確, 下面會出現含 html code 的文字內容及一個新做的"直接秀圖"鈕
5. 按下"直接秀圖"鈕即可

用戶插入圖片

快來試看看囉, 工具網址在: http://sample.diary.tw/flickrset/

另外加碼送, 直接把 setid 放在 url 後面更方便, 操作就直接是操作上面的步驟而產生秀圖的結果, 方便傳遞相片使用, 例如:
http://sample.diary.tw/flickrset/?setid=72157600079438372

歡迎多多利用!!

ps. 也歡迎大家留言分享好圖好作品的連結!!

top

利用YQL抓出Flickr相簿中的照片url

程式技術 2010/08/06 19:27
views: 256301 times
在 Flickr 中, 有許多照片(廢話), 而這些照片, 也有放在相簿集(set)裡, 如何把相簿集裡的相片的 url 取出來呢?

首先我們先來看一個工具, 叫做 YQL (Yahoo! Query Language): http://en.wikipedia.org/wiki/Yahoo!_query_language , 這個語言是望文生義, 就是用來進行查詢 Yahoo! 服務的語言, 而我們需要的功能, 剛好裡面有提供, 所以我們就利用這個查詢語言來進行查詢, 先來看看語法, 到這個 YQL Console 來看: http://developer.yahoo.com/yql/console/

來到這裡, 真是開發者的天堂, Yahoo! 的服務查詢, 這裡幾乎都有提供, 而今天我們要查找的正是這個 table: flickr.photosets.photos, 假設今天要查的 photo set 是這個 url: http://www.flickr.com/photos/okilyt/sets/72157600079438372/, 則 set_id 就是 72157600079438372, 於是輸入如下的語法:

select * from flickr.photosets.photos where photoset_id = 72157600079438372

就會生出如下的 xml:


真是方便耶, 不過筆數好像只有十筆, 全部應該要有 18筆才對, 所以查了一下資料, http://developer.yahoo.com/yql/guide/paging.html , 發現可以在 table 後方加上 (0) 來進行全部查出, 於是調整一下語法如下:

select * from flickr.photosets.photos(0) where photoset_id = 72157600079438372

就可以方便地把整個 photo set 中的相片查找出來了, 而相片的 url 就可以利用這些 xml 來組合出來, 語法如下:

http://farm[farm].flickr.com/[server]/[id]_[secret].jpg

很容易吧! 這樣一來, 要取出某相簿的照片 url 就方便多了, 寫成小工具, 放在這裡: http://sample.diary.tw/flickrset/

參考資料: http://www.nakedtechnologist.com/?p=476

top

時空的魅力

WebTrend 2009/07/13 16:21
views: 96164 times
乍看這個標題, 可能大家會覺得怪怪的. 不過其實是看這個有感而發: http://www.flickr.com/map?place_id=kfD.4gubAZwCvKcDlA , 是的, 正是 flickr on maps.

用戶插入圖片


這個連結是在台灣地區的 flickr 相片, 而且選取的邏輯應該是有較多留言(comments)的, 所以相片可看性較高. 品質也較為理想. 不過這樣並不是這篇文章要說的主題, 但無論如何, 大家有空可以去看看這個 flickr 的功能, 在指定地區上來看相片.

話說, 內容的產出, 無論是相片, 文章, 影音, 若是能有更多的附加分類及檢視方式, 相信會有更多的可讀性, 再加上更多人, 更多內容的串連, 傳統利用分類(category), 標籤(tag), 關鍵字(keyword)來將內容做分類, 並加以檢視, 以提升可閱讀性, 但再回頭看一下本篇文章的標題, 我想諸位聰明的讀者就明白我想寫些什麼了.

其實, 利用地圖這樣的功能來呈現內容這件事, 現在已經是顯學了, 許多內容產出的網站, 無不多加一個地圖來增加這個功能, 讓所謂的內容描述在地圖上的資訊更能量化, 而對於圖資提供商而言, 也是很不錯的一個內容補強工具的應用行為, 所以工具和內容互補很有意思的共生狀況.

之前寫過一篇 geotagging 的文章, 在這裡: Flickr geotagging功能上線囉 http://diary.tw/tim/39 應該是剛開始上線的時候, 其實這種呈現方式真的很方便, 把圖放在地圖上, 或稱在地圖上放圖這件事.

前面所言為"空"這件事, 也就是地理資訊, 接下來要談的是"時"這件事, 因為所有的 blog 系統, 相簿, 相片檔案, 影音檔案等, 都會有時間資訊, 而細緻一點的說法, 時間資訊也有所謂的上傳時間及該內容的發生時間(這裡並不想討論這麼細), 有了時間資訊, 就可以將時間軸也納入所謂的 metadata 中了, 這個時間參數很單純, 但是呈現的方式卻很可能很複雜, 像是 google earth 有個歷史功能, 可以看以前的圖資, 只要拉動時間軸就行了, 不過時間軸比較好的呈現方式, 目前看起來是 plurk.com 的時間河流的方式, 一方面, 時間像河流一樣前進著, 一方面, 可以將多重內容的相對時間整理起來, 利用相對位置的呈現方式, 將時間這個很抽象的參數表現出來.

而接下來, 就是如何同時表現這兩項功能於單一介面上了, 其實之所以定題目為"時空的魅力"這件事, 就是要將"時"和"空"的這種參數呈現出來, "時"可以用時間軸, 而"空"可以用地圖(未來不知會不會有真的"空", 也就是再多加上高度這樣的參數), 這樣的內容呈現方式, 相信對於了解地理, 歷史, 人文, 政治, 各式各樣的學問(或是說資訊), 都應該會有很大的幫助, 利用這樣的呈現強化方法, 把原來單調, 而各內容間沒有相關的部分, 串連起來, 對於這些內容將會有更全盤的認識及了解.
top




Nextbit Robin 5.2吋六核心智慧型手機 Microsoft Office 365 中文家用版PKC (無光碟)
ASUS華碩 AC1900 雙頻無線路由器 RT-AC68U 美國 VORNADO 533 渦流空氣循環機 (黑色)
御茶園 每朝健康綠茶(650mlx24入) 每朝健康 雙纖綠茶(650mlx24入)


 Waiting...